diff --git a/app/Http/Controllers/Auth/ConfirmPasswordController.php b/app/Http/Controllers/Auth/ConfirmPasswordController.php
new file mode 100644
index 0000000..3559954
--- /dev/null
+++ b/app/Http/Controllers/Auth/ConfirmPasswordController.php
@@ -0,0 +1,39 @@
+middleware('auth');
+ }
+}
diff --git a/app/Http/Controllers/Auth/ForgotPasswordController.php b/app/Http/Controllers/Auth/ForgotPasswordController.php
new file mode 100644
index 0000000..465c39c
--- /dev/null
+++ b/app/Http/Controllers/Auth/ForgotPasswordController.php
@@ -0,0 +1,22 @@
+middleware('guest')->except('logout');
+ $this->middleware('auth')->only('logout');
+ }
+}
diff --git a/app/Http/Controllers/Auth/RegisterController.php b/app/Http/Controllers/Auth/RegisterController.php
new file mode 100644
index 0000000..961ea36
--- /dev/null
+++ b/app/Http/Controllers/Auth/RegisterController.php
@@ -0,0 +1,72 @@
+middleware('guest');
+ }
+
+ /**
+ * Get a validator for an incoming registration request.
+ *
+ * @param array $data
+ * @return \Illuminate\Contracts\Validation\Validator
+ */
+ protected function validator(array $data)
+ {
+ return Validator::make($data, [
+ 'name' => ['required', 'string', 'max:255'],
+ 'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
+ 'password' => ['required', 'string', 'min:8', 'confirmed'],
+ ]);
+ }
+
+ /**
+ * Create a new user instance after a valid registration.
+ *
+ * @param array $data
+ * @return \App\Models\User
+ */
+ protected function create(array $data)
+ {
+ return User::create([
+ 'name' => $data['name'],
+ 'email' => $data['email'],
+ 'password' => Hash::make($data['password']),
+ ]);
+ }
+}
diff --git a/app/Http/Controllers/Auth/ResetPasswordController.php b/app/Http/Controllers/Auth/ResetPasswordController.php
new file mode 100644
index 0000000..fe965b2
--- /dev/null
+++ b/app/Http/Controllers/Auth/ResetPasswordController.php
@@ -0,0 +1,29 @@
+middleware('auth');
+ $this->middleware('signed')->only('verify');
+ $this->middleware('throttle:6,1')->only('verify', 'resend');
+ }
+}
diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
new file mode 100644
index 0000000..7cbc2c3
--- /dev/null
+++ b/app/Http/Controllers/HomeController.php
@@ -0,0 +1,28 @@
+middleware('auth');
+ }
+
+ /**
+ * Show the application dashboard.
+ *
+ * @return \Illuminate\Contracts\Support\Renderable
+ */
+ public function index()
+ {
+ return view('home');
+ }
+}
diff --git a/composer.json b/composer.json
index 5b40f87..7cf2ae9 100644
--- a/composer.json
+++ b/composer.json
@@ -9,7 +9,8 @@
"guzzlehttp/guzzle": "^7.2",
"laravel/framework": "^10.0",
"laravel/sanctum": "^3.2",
- "laravel/tinker": "^2.8"
+ "laravel/tinker": "^2.8",
+ "laravel/ui": "^4.6"
},
"require-dev": {
"fakerphp/faker": "^1.9.1",
diff --git a/composer.lock b/composer.lock
index 788945f..d56f6e2 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
"Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
"This file is @generated automatically"
],
- "content-hash": "bfe12996eeecb6fdc8713a9fd9d431f8",
+ "content-hash": "8fac62fa000557439a1027c0c1519c98",
"packages": [
{
"name": "brick/math",
@@ -1512,6 +1512,69 @@
},
"time": "2025-01-27T14:24:01+00:00"
},
+ {
+ "name": "laravel/ui",
+ "version": "v4.6.1",
+ "source": {
+ "type": "git",
+ "url": "https://github.com/laravel/ui.git",
+ "reference": "7d6ffa38d79f19c9b3e70a751a9af845e8f41d88"
+ },
+ "dist": {
+ "type": "zip",
+ "url": "https://api.github.com/repos/laravel/ui/zipball/7d6ffa38d79f19c9b3e70a751a9af845e8f41d88",
+ "reference": "7d6ffa38d79f19c9b3e70a751a9af845e8f41d88",
+ "shasum": ""
+ },
+ "require": {
+ "illuminate/console": "^9.21|^10.0|^11.0|^12.0",
+ "illuminate/filesystem": "^9.21|^10.0|^11.0|^12.0",
+ "illuminate/support": "^9.21|^10.0|^11.0|^12.0",
+ "illuminate/validation": "^9.21|^10.0|^11.0|^12.0",
+ "php": "^8.0",
+ "symfony/console": "^6.0|^7.0"
+ },
+ "require-dev": {
+ "orchestra/testbench": "^7.35|^8.15|^9.0|^10.0",
+ "phpunit/phpunit": "^9.3|^10.4|^11.5"
+ },
+ "type": "library",
+ "extra": {
+ "laravel": {
+ "providers": [
+ "Laravel\\Ui\\UiServiceProvider"
+ ]
+ },
+ "branch-alias": {
+ "dev-master": "4.x-dev"
+ }
+ },
+ "autoload": {
+ "psr-4": {
+ "Laravel\\Ui\\": "src/",
+ "Illuminate\\Foundation\\Auth\\": "auth-backend/"
+ }
+ },
+ "notification-url": "https://packagist.org/downloads/",
+ "license": [
+ "MIT"
+ ],
+ "authors": [
+ {
+ "name": "Taylor Otwell",
+ "email": "taylor@laravel.com"
+ }
+ ],
+ "description": "Laravel UI utilities and presets.",
+ "keywords": [
+ "laravel",
+ "ui"
+ ],
+ "support": {
+ "source": "https://github.com/laravel/ui/tree/v4.6.1"
+ },
+ "time": "2025-01-28T15:15:29+00:00"
+ },
{
"name": "league/commonmark",
"version": "2.6.1",
diff --git a/database/migrations/2014_10_12_100000_create_password_resets_table.php b/database/migrations/2014_10_12_100000_create_password_resets_table.php
new file mode 100644
index 0000000..fcacb80
--- /dev/null
+++ b/database/migrations/2014_10_12_100000_create_password_resets_table.php
@@ -0,0 +1,32 @@
+string('email')->index();
+ $table->string('token');
+ $table->timestamp('created_at')->nullable();
+ });
+ }
+
+ /**
+ * Reverse the migrations.
+ *
+ * @return void
+ */
+ public function down()
+ {
+ Schema::dropIfExists('password_resets');
+ }
+};
diff --git a/package.json b/package.json
index 3a76ed0..2055b69 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,13 @@
"build": "vite build"
},
"devDependencies": {
+ "@popperjs/core": "^2.11.6",
+ "@vitejs/plugin-vue": "^4.5.0",
"axios": "^1.1.2",
+ "bootstrap": "^5.2.3",
"laravel-vite-plugin": "^0.7.2",
- "vite": "^4.0.0"
+ "sass": "^1.56.1",
+ "vite": "^4.0.0",
+ "vue": "^3.2.37"
}
}
diff --git a/public/assets/build/build-bundle.js b/public/assets/build/build-bundle.js
new file mode 100644
index 0000000..d030d1a
--- /dev/null
+++ b/public/assets/build/build-bundle.js
@@ -0,0 +1,31 @@
+var gulp = require('gulp');
+var gutil = require('gulp-util');
+var build = require('./build');
+var func = require('./compile');
+
+// merge with default parameters
+var args = Object.assign({
+ 'prod': false
+}, gutil.env);
+
+if (args['prod'] !== false) {
+ // force disable debug for production
+ build.config.debug = false;
+}
+
+// task to bundle js/css
+gulp.task('build-bundle', function (done) {
+ console.log('==================> Generating bundles...');
+
+ func.objectBuildTree(build.build, function (val) {
+ if (typeof val.src !== 'undefined') {
+ if (typeof val.bundle !== 'undefined') {
+ func.bundle(val);
+ }
+ if (typeof val.output !== 'undefined') {
+ func.output(val);
+ }
+ }
+ });
+ done();
+});
\ No newline at end of file
diff --git a/public/assets/build/build-html.js b/public/assets/build/build-html.js
new file mode 100644
index 0000000..74363a5
--- /dev/null
+++ b/public/assets/build/build-html.js
@@ -0,0 +1,44 @@
+// for html
+var gulp = require('gulp');
+var hb = require('gulp-hb');
+var prettify = require('gulp-prettify');
+var rename = require('gulp-rename');
+var build = require('./build');
+
+gulp.task('build-html', function (done) {
+ console.log('==================> Building HTML pages');
+
+ gulp
+ /* handlebar page src */
+ .src(build.config.path.src + '/content/**/*.hbs')
+ .pipe(hb({
+ partials: build.config.path.src + '/template/**/*.hbs',
+ helpers: build.config.path.src + '/template/_helpers/*.js',
+ data: build.config.data
+ }))
+ /* compile handlebars to html pages */
+ .pipe(rename({
+ extname: '.html'
+ }))
+ /* clear directory names */
+ .pipe(rename({
+ dirname: ''
+ }))
+ /* write html files */
+ .pipe(prettify({
+ indent_handlebars: true,
+ indent_inner_html: true,
+ preserve_newlines: true,
+ end_with_newline: true,
+ max_preserve_newlines: 0,
+ brace_style: 'expand',
+ indent_char: ' ',
+ indent_size: 2
+ }))
+ .pipe(gulp.dest(build.config.dist.theme.path))
+ .on('end', function () {
+ //log('=======> Building HTML pages...DONE!');
+ console.log('==================> Building HTML pages...DONE!');
+ done();
+ });
+});
\ No newline at end of file
diff --git a/public/assets/build/build-lang-template.js b/public/assets/build/build-lang-template.js
new file mode 100644
index 0000000..096e25c
--- /dev/null
+++ b/public/assets/build/build-lang-template.js
@@ -0,0 +1,79 @@
+const gulp = require('gulp');
+const { src, dest } = require("gulp");
+const through = require("through2");
+const build = require('./build');
+
+// gulp task
+function json() {
+ return src(build.config.path.src + '/nav.json')
+ .pipe(
+ through.obj((file, enc, cb) => {
+ // get content of json file
+ const rawJSON = file.contents.toString();
+
+ // parse raw json into javscript object
+ const parsed = JSON.parse(rawJSON);
+
+ // transform json into desired shape
+ const transformed = transformJson(parsed);
+
+ // make string from javascript obj
+ const stringified = JSON.stringify(transformed, null, 2);
+
+ // make bufer from string and attach it as current file content
+ file.contents = Buffer.from(stringified);
+
+ // pass transformed file into next gulp pipe
+ cb(null, file);
+ })
+ )
+ .pipe(dest("dest"));
+}
+
+// transformation
+function transformJson(input) {
+ const result = { nav: {} };
+
+ // read json field by field
+ Object.keys(input).forEach(topLevelKey => {
+ // current object
+ const topLevelItem = input[topLevelKey];
+
+ // in your design topLevelItems are arrays
+ topLevelItem.forEach(menuItem => {
+ if (menuItem.title) {
+ // make url either from item href or title
+ const itemUrl = makeUrl(menuItem.href || menuItem.title);
+ result.nav[itemUrl] = menuItem.title;
+ }
+
+ // prcoess children
+ if (menuItem.items) {
+ menuItem.items
+ .filter(child => !!child.title) // process only child items with title
+ .forEach(child => {
+ const childUrl = makeUrl(child.href || child.title);
+ result.nav[childUrl] = child.title;
+ });
+ }
+ });
+ });
+
+ return result;
+}
+
+// helper func
+function makeUrl(href) {
+ return href
+ .toLowerCase()
+ .replace(/\.html$/, "")
+ .replace(/\s/g, "_");
+}
+
+// export for use in command line
+exports.json = json;
+
+gulp.task('build-lang', function (done) {
+ json();
+ done();
+});
diff --git a/public/assets/build/build-navigation.js b/public/assets/build/build-navigation.js
new file mode 100644
index 0000000..72ce55a
--- /dev/null
+++ b/public/assets/build/build-navigation.js
@@ -0,0 +1,21 @@
+"use strict";
+
+var gulp = require("gulp");
+var nav = require('./../src/nav');
+var build = require('./build');
+var func = require('./compile');
+var menu = func.fillProperties({
+ groups: nav.lists,
+ seedOnly: build.config.compile.seedOnly
+});
+
+// push nav objects
+gulp.task("build-nav", function (done) {
+ console.log('==================> Generating nav.hbs...');
+ func.writeNavigation(menu, build.config.path.exportPath);
+ func.formatOutput({
+ inputPath: build.config.path.exportPath,
+ outputPath: build.config.path.outputPath
+ });
+ done();
+});
\ No newline at end of file
diff --git a/public/assets/build/build-tree.js b/public/assets/build/build-tree.js
new file mode 100644
index 0000000..cf58d8a
--- /dev/null
+++ b/public/assets/build/build-tree.js
@@ -0,0 +1,18 @@
+"use strict";
+
+const gulp = require("gulp");
+const dirTree = require('dir-tree-creator')
+
+/*dirTree('some/dir', { label: 'custom label' }, (err, tr) => {
+ if (err) return console.error(err)
+ console.log(tr)
+})
+*/
+gulp.task("dirTree", function (done) {
+ console.log('==================> Generating diretoryTreeToObj...');
+ dirTree('./src/', { label: 'SmartAdmin Source' }, (err, tr) => {
+ if (err) return console.error(err)
+ console.log(tr)
+ })
+ done();
+});
\ No newline at end of file
diff --git a/public/assets/build/build.js b/public/assets/build/build.js
new file mode 100644
index 0000000..f7cae88
--- /dev/null
+++ b/public/assets/build/build.js
@@ -0,0 +1,21 @@
+var gulp = require('gulp');
+var log = require('fancy-log');
+var config = require('./../build.json');
+
+module.exports = config;
+
+// entry point
+gulp.task('build', function (done) {
+ var tasks = [
+ 'build-bundle',
+ 'build-nav',
+ 'build-html',
+ 'watch',
+ 'connect'];
+ // clean first and then start bundling
+ return gulp.series(tasks, function (seriesDone) {
+ seriesDone();
+ done();
+ log('Build Completed!');
+ })();
+});
\ No newline at end of file
diff --git a/public/assets/build/compile.js b/public/assets/build/compile.js
new file mode 100644
index 0000000..de93460
--- /dev/null
+++ b/public/assets/build/compile.js
@@ -0,0 +1,449 @@
+'use strict';
+
+var gulp = require('gulp');
+var sass = require('gulp-sass');
+var sassGlob = require('gulp-sass-glob');
+var rewrite = require('gulp-rewrite-css');
+var concat = require('gulp-concat');
+var lazypipe = require('lazypipe');
+var gulpif = require('gulp-if');
+var uglify = require('gulp-uglify');
+var cleancss = require('gulp-clean-css');
+var sourcemaps = require('gulp-sourcemaps');
+var path = require('path');
+var gutil = require('gulp-util');
+var autoprefixer = require('gulp-autoprefixer');
+var prettify = require('gulp-prettify');
+var fs = require('fs');
+var build = require('./build');
+var args = Object.assign({
+ 'prod': false
+}, gutil.env);
+
+if (args['prod'] !== false) {
+ build.config.debug = false;
+ build.config.compile.jsUglify = true;
+ build.config.compile.cssMinify = true;
+}
+
+module.exports = {
+ config: Object.assign({}, {
+ debug: true,
+ compile: {
+ jsUglify: false,
+ cssMinify: false,
+ jsSourcemaps: true,
+ cssSourcemaps: true,
+ autoprefixer: true,
+ seedOnly: false
+ },
+ 'path': {
+ 'src': './src',
+ 'node_modules': './node_modules'
+ },
+ 'dist': {
+ 'theme': {
+ 'path': './dist'
+ }
+ }
+ }, build.config),
+ objectBuildTree: function (array, funcname, userdata) {
+ if (!array || typeof array !== 'object') {
+ return false;
+ }
+ if (typeof funcname !== 'function') {
+ return false;
+ }
+ for (var key in array) {
+ if (Object.prototype.toString.call(array[key]) === '[object Object]') {
+ var funcArgs = [array[key], funcname];
+ if (arguments.length > 2) {
+ funcArgs.push(userdata);
+ }
+ if (module.exports.objectBuildTree.apply(null, funcArgs) === false) {
+ return false;
+ }
+ }
+ try {
+ if (arguments.length > 2) {
+ funcname(array[key], key, userdata);
+ } else {
+ funcname(array[key], key);
+ }
+ } catch (e) {
+ return false;
+ }
+ }
+ return true;
+ },
+ jsOutput: function () {
+ var config = this.config.compile;
+ return lazypipe()
+ .pipe(function () {
+ return gulpif(config.jsSourcemaps, sourcemaps.init({
+ loadMaps: true,
+ debug: config.debug
+ }));
+ })
+ .pipe(function () {
+ return gulpif(config.jsUglify, uglify());
+ })
+ .pipe(function () {
+ return gulpif(config.jsSourcemaps, sourcemaps.write('./'));
+ });
+ },
+ cssOutput: function () {
+ var config = this.config.compile;
+ return lazypipe()
+ /* .pipe(function () {
+ return gulpif(config.cssSourcemaps, sourcemaps.init({loadMaps: true, debug: config.debug}));
+ }) */
+ .pipe(function () {
+ return gulpif(config.cssMinify, cleancss({
+ debug: config.debug
+ }));
+ })
+ .pipe(function () {
+ return gulpif(config.autoprefixer, autoprefixer({
+ browsers: ['last 2 versions']
+ }));
+ })
+ .pipe(function () {
+ return gulpif(config.cssSourcemaps, sourcemaps.write('./'));
+ });
+ },
+ outputStream: function (path, outputFile) {
+ if (typeof outputFile === 'undefined') outputFile = '';
+ var piping = lazypipe();
+ var outputPaths = [];
+ var regex = new RegExp(/\{\$.*?\}/);
+ var matched = path.match(regex);
+ if (matched) {
+ for (var app in build.config.dist) {
+ if (!build.config.dist.hasOwnProperty(app)) continue;
+ var output = build.config.dist[app].path;
+ outputPaths.push(path.replace(matched[0], output).replace(outputFile, ''));
+ }
+ }
+ outputPaths.forEach(function (output) {
+ (function (_output) {
+ piping = piping.pipe(function () {
+ return gulp.dest(_output);
+ });
+ })(output);
+ });
+ return piping;
+ },
+ streamPath: function (path) {
+ var regex = new RegExp(/\{\$(.*?)\}/);
+ var dot = function (obj, i) {
+ return obj[i];
+ };
+ var matched = path.match(regex);
+ if (matched) {
+ var realpath = matched[1].split('.').reduce(dot, build);
+ path = path.replace(matched[0], realpath);
+ return path;
+ }
+ return path;
+ },
+ streamPaths: function (paths) {
+ paths.forEach(function (path, i) {
+ paths[i] = module.exports.streamPath(path);
+ });
+ },
+ cssRewritePaths: function (folder) {
+ var imgRegex = new RegExp(/\.(gif|jpg|jpeg|tiff|png|ico)$/i);
+ //var fontRegex = new RegExp(/\.(otf|eot|svg|ttf|woff|woff2)$/i);
+ var config = this.config;
+ return lazypipe().pipe(function () {
+ // rewrite css relative path
+ return rewrite({
+ destination: folder,
+ debug: config.debug,
+ adaptPath: function (ctx) {
+ var isCss = ctx.sourceFile.match(/\.[css]+$/i);
+ // process css only
+ if (isCss[0] === '.css') {
+ var pieces = ctx.sourceDir.split('\\');
+ var vendor = pieces[pieces.indexOf('node_modules') + 1];
+ if (pieces.indexOf('node_modules') === -1) {
+ vendor = pieces[pieces.indexOf('vendors') + 1];
+ }
+ var file = module.exports.baseName(ctx.targetFile);
+ var extension = 'webfonts/';
+ if (imgRegex.test(file)) {
+ extension = 'img/';
+ }
+ return path.join(extension, file);
+ }
+ }
+ });
+ });
+ },
+ baseName: function (path) {
+ var maybeFile = path.split('/').pop();
+ if (maybeFile.indexOf('.') !== -1) {
+ return maybeFile;
+ }
+ return '';
+ },
+ bundle: function (bundle) {
+ var _self = this;
+ var tasks = [];
+ if (typeof bundle.src !== 'undefined' && typeof bundle.bundle !== 'undefined') {
+ // images and fonts for vendor
+ if ('required' in bundle.src && 'optional' in bundle.src) {
+ var vendors = {};
+ for (var key in bundle.src) {
+ if (!bundle.src.hasOwnProperty(key)) continue;
+ vendors = Object.assign(vendors, bundle.src[key]);
+ }
+ for (var vendor in vendors) {
+ if (!vendors.hasOwnProperty(vendor)) continue;
+ var vendorObj = vendors[vendor];
+ for (var type in vendorObj) {
+ if (!vendorObj.hasOwnProperty(type)) continue;
+ _self.streamPaths(vendorObj[type]);
+ switch (type) {
+ case 'fonts':
+ gulp.src(vendorObj[type])
+ .pipe(_self.outputStream(bundle.bundle.fonts)());
+ break;
+ case 'images':
+ gulp.src(vendorObj[type])
+ .pipe(_self.outputStream(bundle.bundle.images)());
+ break;
+ case 'json':
+ gulp.src(vendorObj[type])
+ .pipe(_self.outputStream(bundle.bundle.json)());
+ break;
+ case 'media':
+ gulp.src(vendorObj[type])
+ .pipe(_self.outputStream(bundle.bundle.media)());
+ break;
+ }
+ }
+ }
+ }
+ if (!('styles' in bundle.src) && !('scripts' in bundle.src)) {
+ var src = {
+ styles: [],
+ scripts: []
+ };
+ _self.objectBuildTree(bundle.src, function (paths, type) {
+ switch (type) {
+ case 'styles':
+ case 'scripts':
+ src[type] = src[type].concat(paths);
+ break;
+ }
+ });
+ bundle.src = src;
+ }
+ for (var type in bundle.src) {
+ if (!bundle.src.hasOwnProperty(type)) continue;
+ if (Object.prototype.toString.call(bundle.src[type]) !== '[object Array]') continue;
+ if (typeof bundle.bundle[type] === 'undefined') continue;
+ _self.streamPaths(bundle.src[type]);
+ var outputFile = _self.baseName(bundle.bundle[type]);
+ switch (type) {
+ case 'styles':
+ gulp.src(bundle.src[type])
+ .pipe(_self.cssRewritePaths(bundle.bundle[type])())
+ .pipe(concat(outputFile))
+ .pipe(sourcemaps.init())
+ .pipe(sassGlob())
+ .pipe(sass({
+ errLogToConsole: true
+ }).on('error', sass.logError))
+ .pipe(_self.cssOutput()())
+ .pipe(_self.outputStream(bundle.bundle[type], outputFile)());
+ break;
+ case 'scripts':
+ return gulp.src(bundle.src[type])
+ .pipe(concat(outputFile))
+ .pipe(_self.jsOutput()())
+ .pipe(_self.outputStream(bundle.bundle[type], outputFile)());
+ default:
+ break;
+ }
+ }
+ }
+ return tasks;
+ },
+ output: function (bundle) {
+ var _self = this;
+ if (typeof bundle.src !== 'undefined' && typeof bundle.output !== 'undefined') {
+ for (var type in bundle.src) {
+ if (!bundle.src.hasOwnProperty(type)) continue;
+ _self.streamPaths(bundle.src[type]);
+ switch (type) {
+ case 'styles':
+ gulp.src(bundle.src[type])
+ .pipe(sassGlob())
+ .pipe(sass({
+ errLogToConsole: true
+ }).on('error', sass.logError))
+ .pipe(_self.outputStream(bundle.output[type])());
+ break;
+ default:
+ gulp.src(bundle.src[type])
+ .pipe(_self.outputStream(bundle.output[type])());
+ break;
+ }
+ }
+ }
+ },
+ getDirs: function (dir) {
+ return fs.readdirSync(dir)
+ .filter(function (file) {
+ return fs.statSync(path.join(dir, file)).isDirectory();
+ });
+ },
+ formatOutput: function (_ref) {
+ var inputPath = _ref.inputPath,
+ outputPath = _ref.outputPath;
+ // prettify the generated hbs file
+ gulp.src(inputPath).pipe(prettify({
+ indent_handlebars: true,
+ end_with_newline: true,
+ max_preserve_newlines: 0,
+ brace_style: 'expand',
+ indent_char: ' ',
+ indent_size: 2
+ })).pipe(gulp.dest(outputPath, {
+ overwrite: true
+ }));
+ },
+ fillProperties: function (_ref2) {
+ var _self = this;
+ var groups = _ref2.groups,
+ seedOnly = _ref2.seedOnly,
+ parent = _ref2.parent,
+ result = [];
+
+ if (groups === undefined) {
+ return groups;
+ }
+
+ groups.forEach(function (group) {
+ group.text = group.text || group.title;
+ group.tags = group.tags || "";
+ if (parent === undefined) {
+ group.tags = "".concat( (group.title + " " + group.tags).toLowerCase().replace(/[, ]+/g, " ").trim() );
+ group.i18n = "nav.".concat(group.title.toLowerCase().split(' ').join('_'));
+ } else {
+ group.tags = "".concat(parent.tags, " ").concat( (group.title + " " + group.tags).toLowerCase().replace(/[, ]+/g, " ").trim() );
+ group.i18n = "".concat(parent.i18n, "_").concat(group.title.toLowerCase().split(' ').join('_'));
+ }
+ group.showOnSeed = group.showOnSeed === undefined ? true : group.showOnSeed;
+ group.items = _self.fillProperties({
+ groups: group.items,
+ seedOnly: seedOnly,
+ parent: group
+ });
+ if (!seedOnly || group.showOnSeed) {
+ result.push(group);
+ }
+ });
+ return result;
+ },
+ writeNavigation: function(menu, filePath) {
+
+ var lines = [];
+ lines.push('
');
+ var dirname = path.dirname(filePath);
+ if (!fs.existsSync(dirname)) {
+ fs.mkdirSync(dirname);
+ }
+ fs.writeFileSync(filePath, lines.join('\n'));
+
+ }
+};
\ No newline at end of file
diff --git a/public/assets/build/connect.js b/public/assets/build/connect.js
new file mode 100644
index 0000000..42104a2
--- /dev/null
+++ b/public/assets/build/connect.js
@@ -0,0 +1,12 @@
+var gulp = require('gulp');
+var connect = require('gulp-connect');
+
+gulp.task('connect', function (done) {
+ connect.server({
+ root: 'dist/',
+ livereload: false,
+ port: 4000,
+ fallback: 'dist/intel_analytics_dashboard.html'
+ });
+ done();
+})
\ No newline at end of file
diff --git a/public/assets/build/watch.js b/public/assets/build/watch.js
new file mode 100644
index 0000000..c7cdb62
--- /dev/null
+++ b/public/assets/build/watch.js
@@ -0,0 +1,33 @@
+var gulp = require('gulp');
+var path = require('path');
+var build = require('./build');
+
+/**
+ * run and watch file changes
+ */
+gulp.task('watch', function (done) {
+ console.log('==================> Watching file changes...');
+
+ // watch `.hbs` changes and compile new pages
+ gulp.watch([build.config.path.src + '/**/*.hbs'], gulp.series('build-html'))
+ .on('change', function (event) {
+ var file = path.parse(event);
+ console.log('==================> File changed: ' + file.name + ' (' + file.ext + ')...');
+ });
+
+ // watch `.js` changes & avoiding `.min.js`
+ gulp.watch([build.config.path.src + '/**/*.js', build.config.path.src + '/**/*.scss'], gulp.series('build-bundle'))
+ .on('change', function (event) {
+ var file = path.parse(event);
+ console.log('==================> File changed: ' + file.name + ' (' + file.ext + ')...');
+ });
+
+ // watch `nav.json` changes and compile new nav
+ /*gulp.watch(['nav.json'], gulp.series('build-nav'))
+ .on('change', function (event) {
+ var file = path.parse(event);
+ console.log('==================> File changed: ' + file.name + ' (' + file.ext + ')...');
+ }); */
+
+ done();
+})
\ No newline at end of file
diff --git a/public/assets/css/app.bundle.css b/public/assets/css/app.bundle.css
new file mode 100644
index 0000000..45b0145
--- /dev/null
+++ b/public/assets/css/app.bundle.css
@@ -0,0 +1,7724 @@
+@charset "UTF-8";
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+body {
+/* font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;*/
+ font-family: "Poppins", Arial, sans-serif;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+/* background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));*/
+/* background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);*/
+ background-color: #3E7B27; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+ .btn-default:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 1px solid #c6c6c6;
+ color: #333;
+ z-index: 2; }
+ .btn-default:focus {
+ border-color: #b19dce !important;
+ z-index: 3; }
+ .active.btn-default {
+ background: #a38cc6;
+ color: #fff;
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; }
+
+.custom-scroll,
+.custom-scrollbar {
+ overflow: hidden;
+ overflow-y: scroll;
+ -webkit-overflow-scrolling: touch; }
+ .custom-scroll::-webkit-scrollbar-track-piece,
+ .custom-scrollbar::-webkit-scrollbar-track-piece {
+ background-color: transparent; }
+ .custom-scroll::-webkit-scrollbar-thumb:vertical,
+ .custom-scrollbar::-webkit-scrollbar-thumb:vertical {
+ background-color: #666; }
+ .custom-scroll::-webkit-scrollbar,
+ .custom-scrollbar::-webkit-scrollbar {
+ height: 4px;
+ width: 4px; }
+ .custom-scroll::-webkit-scrollbar-corner,
+ .custom-scrollbar::-webkit-scrollbar-corner {
+ width: 40px; }
+ .custom-scroll::-webkit-scrollbar-thumb:vertical,
+ .custom-scrollbar::-webkit-scrollbar-thumb:vertical {
+ background-color: #666; }
+
+.page-logo, body:not(.header-function-fixed) .page-logo, .header-function-fixed:not(.nav-function-top) .page-header, #msgr_listfilter_input, .msgr-list, .msgr-list + .msgr:before {
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+
+.breadcrumb > li.breadcrumb-item {
+ -webkit-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out; }
+
+.btn-switch, [class*="btn-outline-"], .panel-toolbar .btn-panel, .settings-panel .list, .settings-panel .list .onoffswitch,
+.settings-panel .list:hover .onoffswitch, .color-disp-demo tr td, .icon-demo li {
+ -webkit-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out; }
+
+.info-card img.cover {
+ -webkit-transition: opacity 0.5s ease-in-out;
+ transition: opacity 0.5s ease-in-out; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #886ab5 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:before, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:before, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:before, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:before, .nav-function-top .btn-switch[data-class="nav-function-top"]:before, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:before, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:before, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:before, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:before, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:before, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:before, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:before, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:before, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:before, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:before, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:before, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:before, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:before, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:before, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:before, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:before {
+ content: "ON" !important;
+ left: 7px !important;
+ right: auto !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ content: " " !important;
+ right: 0 !important;
+ left: auto !important;
+ background: #fff !important;
+ color: #886ab5 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ font-weight: 500;
+ color: #886ab5; }
+
+.info-card img.cover {
+ background-size: cover; }
+
+.nav-mobile-slide-out #nmp,
+.nav-mobile-slide-out #nmno, .nav-function-top #mnl,
+.nav-function-minify #mnl,
+.mod-hide-nav-icons #mnl, .nav-function-top #nfh, .nav-function-top #mhni,
+.nav-function-minify #mhni {
+ position: relative; }
+ .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title, .nav-function-top #mhni .onoffswitch-title, .nav-function-minify #mhni .onoffswitch-title {
+ color: #d58100 !important; }
+ .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc, .nav-function-top #mhni .onoffswitch-title-desc, .nav-function-minify #mhni .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .nav-mobile-slide-out #nmp:after,
+ .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+ .nav-function-minify #mnl:after,
+ .mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after,
+ .nav-function-minify #mhni:after {
+ content: "DISABLED"; }
+
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+.dropdown-icon-menu > ul > li .btn, .header-btn {
+ border-radius: 4px;
+ border: 1px solid gainsboro;
+ height: 2.25rem;
+ width: 3.25rem;
+ vertical-align: middle;
+ line-height: 2.125rem;
+ margin-right: 0.9375rem;
+ font-size: 21px;
+ padding: 0 11px;
+ cursor: default;
+ color: #a6a6a6;
+ position: relative;
+ /*
+ &.active {
+ @extend %header-btn-active;
+ }*/ }
+ .dropdown-icon-menu > ul > li .btn:hover, .header-btn:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-color: #886ab5;
+ background: #a38cc6;
+ color: #fff; }
+
+.settings-panel .expanded {
+ -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06);
+ border-width: 0 0 1px 0;
+ background: #fff;
+ padding: 16px 16px 10px; }
+
+.nav-function-fixed:not(.nav-function-top) .page-header [data-class="nav-function-fixed"] {
+ background: #505050;
+ border-color: #363636 !important;
+ -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37);
+ box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37);
+ color: #fff !important; }
+
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+.saving #saving {
+ margin: 5px;
+ height: 20px;
+ width: 20px;
+ -webkit-animation: spin 0.5s infinite linear;
+ animation: spin 0.5s infinite linear;
+ border: 2px solid #886ab5;
+ border-right-color: transparent;
+ border-radius: 50%; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after, .nav-function-top #mhni:after,
+.nav-function-minify #mhni:after {
+ display: block;
+ position: absolute;
+ background: #ffebc1;
+ font-size: 10px;
+ width: 65px;
+ text-align: center;
+ border: 1px solid #ffb20e;
+ height: 22px;
+ line-height: 20px;
+ border-radius: 10px;
+ right: 13px;
+ top: 26%;
+ color: #1d1d1d; }
+
+/* patterns */
+.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a,
+.mod-color-blind [class*="bg-danger-"],
+.mod-color-blind .btn-danger,
+.mod-color-blind .btn-outline-danger,
+.mod-color-blind .alert-danger,
+.pattern-0 {
+ background-size: 10px 10px;
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.07) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.07) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
+ -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent) 0 0/10px 10px transparent; }
+
+.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a,
+.pattern-1 {
+ background-size: 5px 5px;
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent);
+ -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.04) 75%, transparent 75%, transparent) 0 0/5px 5px transparent; }
+
+.mod-color-blind [class*="bg-primary-"],
+.mod-color-blind .btn-primary,
+.mod-color-blind .btn-outline-primary,
+.mod-color-blind .alert-primary,
+.pattern-2 {
+ background-size: 15px 15px;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent));
+ background-image: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent);
+ -pie-background: linear-gradient(rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px transparent; }
+
+.mod-color-blind [class*="bg-success-"],
+.mod-color-blind .btn-success,
+.mod-color-blind .btn-outline-success,
+.mod-color-blind .alert-success,
+.pattern-3 {
+ background-size: 15px 15px;
+ background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, transparent), to(transparent));
+ background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent);
+ -pie-background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent) 0 0/15px 15px transparent; }
+
+.mod-color-blind [class*="bg-info-"],
+.mod-color-blind .btn-info,
+.mod-color-blind .btn-outline-info,
+.mod-color-blind .alert-info,
+.pattern-4 {
+ background-size: 37px 37px;
+ background-position: 0 0, 18.5px 18.5px;
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2));
+ -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/37px, linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 37px 37px/74px, transparent; }
+
+.mod-color-blind [class*="bg-warning-"],
+.mod-color-blind .btn-warning,
+.mod-color-blind .btn-outline-warning,
+.mod-color-blind .alert-warning,
+.pattern-5 {
+ background-size: 37px 37px;
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2));
+ -pie-background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)) 0 0/60px, #eee; }
+
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+:root {
+ --theme-primary: #886ab5;
+ --theme-secondary: #868e96;
+ --theme-success: #1dc9b7;
+ --theme-info: #2196F3;
+ --theme-warning: #ffc241;
+ --theme-danger: #fd3995;
+ --theme-light: #fff;
+ --theme-dark: #505050;
+ --theme-primary-50: #ccbfdf;
+ --theme-primary-100: #beaed7;
+ --theme-primary-200: #b19dce;
+ --theme-primary-300: #a38cc6;
+ --theme-primary-400: #967bbd;
+ --theme-primary-500: #886ab5;
+ --theme-primary-600: #7a59ad;
+ --theme-primary-700: #6e4e9e;
+ --theme-primary-800: #62468d;
+ --theme-primary-900: #563d7c;
+ --theme-success-50: #7aece0;
+ --theme-success-100: #63e9db;
+ --theme-success-200: #4de5d5;
+ --theme-success-300: #37e2d0;
+ --theme-success-400: #21dfcb;
+ --theme-success-500: #1dc9b7;
+ --theme-success-600: #1ab3a3;
+ --theme-success-700: #179c8e;
+ --theme-success-800: #13867a;
+ --theme-success-900: #107066;
+ --theme-info-50: #9acffa;
+ --theme-info-100: #82c4f8;
+ --theme-info-200: #6ab8f7;
+ --theme-info-300: #51adf6;
+ --theme-info-400: #39a1f4;
+ --theme-info-500: #2196F3;
+ --theme-info-600: #0d8aee;
+ --theme-info-700: #0c7cd5;
+ --theme-info-800: #0a6ebd;
+ --theme-info-900: #0960a5;
+ --theme-warning-50: #ffebc1;
+ --theme-warning-100: #ffe3a7;
+ --theme-warning-200: #ffdb8e;
+ --theme-warning-300: #ffd274;
+ --theme-warning-400: #ffca5b;
+ --theme-warning-500: #ffc241;
+ --theme-warning-600: #ffba28;
+ --theme-warning-700: #ffb20e;
+ --theme-warning-800: #f4a500;
+ --theme-warning-900: #da9400;
+ --theme-danger-50: #feb7d9;
+ --theme-danger-100: #fe9ecb;
+ --theme-danger-200: #fe85be;
+ --theme-danger-300: #fe6bb0;
+ --theme-danger-400: #fd52a3;
+ --theme-danger-500: #fd3995;
+ --theme-danger-600: #fd2087;
+ --theme-danger-700: #fc077a;
+ --theme-danger-800: #e7026e;
+ --theme-danger-900: #ce0262;
+ --theme-fusion-50: #909090;
+ --theme-fusion-100: #838383;
+ --theme-fusion-200: #767676;
+ --theme-fusion-300: dimgray;
+ --theme-fusion-400: #5d5d5d;
+ --theme-fusion-500: #505050;
+ --theme-fusion-600: #434343;
+ --theme-fusion-700: #363636;
+ --theme-fusion-800: #2a2a2a;
+ --theme-fusion-900: #1d1d1d;
+ --breakpoint-xs: 0;
+ --breakpoint-sm: 576px;
+ --breakpoint-md: 768px;
+ --breakpoint-lg: 992px;
+ --breakpoint-xl: 1399px; }
+
+/* resets DOM elements to its natural state */
+/* for IE */
+main {
+ display: block; }
+
+/* removes dotted lines for focus */
+a, a:active, a:focus,
+button, button:focus, button:active,
+.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
+ outline: none;
+ outline: 0; }
+
+input::-moz-focus-inner {
+ border: 0; }
+
+/* html and body base styles */
+html body {
+ direction: ltr;
+ text-rendering: optimizeLegibility;
+ background-color: #fff; }
+
+/* app header */
+.header-icon {
+ color: #666666;
+ height: 4.125rem;
+ display: block;
+ line-height: 4.125rem;
+ text-decoration: none;
+ position: relative; }
+ .header-icon:not(.btn) {
+ min-width: 3.125rem;
+ text-align: center;
+ overflow: visible; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #886ab5;
+ vertical-align: middle; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child {
+ font-size: 21px; }
+ .header-icon:not(.btn) > .ni:first-child {
+ font-size: 21px; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after {
+ content: " ";
+ width: 1.5rem;
+ height: 1.5rem;
+ position: absolute;
+ background: #dae1e8;
+ border-radius: 50%;
+ top: 1.3125rem;
+ z-index: -1;
+ left: 0.9375rem;
+ opacity: 0;
+ -webkit-transition: all 100ms ease-in;
+ transition: all 100ms ease-in; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040;
+ /* new lines for arrow visibility */
+ position: relative;
+ z-index: 1001;
+ font-weight: 500; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"]:after {
+ content: " ";
+ width: 2.5rem;
+ height: 2.5rem;
+ top: 0.8125rem;
+ z-index: -1;
+ left: 0.3125rem;
+ opacity: 1; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important;
+ -webkit-background-clip: initial;
+ -webkit-text-fill-color: initial;
+ background: none; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ position: absolute;
+ border: 0px solid #ccc;
+ right: 2rem;
+ top: 4.0625rem !important;
+ left: auto !important;
+ padding: 0;
+ margin: 0; }
+ .header-icon:not(.btn) .profile-image {
+ width: 2rem;
+ height: auto; }
+ .header-icon:hover {
+ cursor: default;
+ color: #404040; }
+
+.page-header {
+ background-color: #fff;
+ -webkit-box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13);
+ box-shadow: 0px 0px 28px 0px rgba(86, 61, 124, 0.13);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 4.125rem;
+ position: relative;
+ z-index: 1000;
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .page-header .page-logo {
+ display: none; }
+ .page-header .badge-icon {
+ left: 1.5625rem;
+ top: 1.09375rem; }
+ .page-header .badge-icon:only-child {
+ position: relative;
+ left: auto;
+ right: auto;
+ font-size: 14px;
+ height: 26px;
+ width: 26px;
+ line-height: 21px;
+ top: 20px;
+ margin: 0 auto;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+
+/* app logo */
+.page-logo {
+ height: 4.125rem;
+ width: 16.875rem;
+ -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
+ box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
+ overflow: hidden;
+ text-align: center;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-positive: 0;
+ -webkit-box-flex: 0;
+ flex-grow: 0;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ min-height: 1px;
+ padding: 0 2rem; }
+ .page-logo img {
+ width: auto;
+ height: auto; }
+ .page-logo .page-logo-link {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto; }
+
+.page-logo-text {
+ margin-left: 0.5rem;
+ font-weight: 300;
+ font-size: 1rem;
+ color: #fff;
+ display: block;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ text-align: left; }
+
+/* app search */
+.search {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .search .app-forms {
+ padding: 0; }
+ .search .app-forms.has-length {
+ position: relative; }
+ .search .app-forms:before {
+ content: none; }
+
+#search-field {
+ max-width: 21.875rem;
+ height: 2.625rem;
+ line-height: normal;
+ border-radius: 4px;
+ background: transparent;
+ border: 1px solid transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ font-size: 0.9375rem;
+ padding: 0.38rem; }
+
+/* icon menu with user options */
+.dropdown-icon-menu > .btn {
+ z-index: 1; }
+
+.dropdown-icon-menu > ul {
+ opacity: 0;
+ list-style: none;
+ margin: 0;
+ position: absolute;
+ background: #fff;
+ height: 2.25rem;
+ padding: 2.75rem 4px 5px;
+ width: 3.75rem;
+ margin-left: 1px;
+ margin-top: -2.5rem;
+ left: -5px;
+ overflow: hidden;
+ -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24);
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.12), 0 0 3px rgba(0, 0, 0, 0.24);
+ border-radius: 0.25rem;
+ -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .dropdown-icon-menu > ul > li {
+ margin-bottom: 4px;
+ position: relative; }
+ .dropdown-icon-menu > ul > li:last-child {
+ margin-bottom: 0; }
+
+.dropdown-icon-menu:hover > ul {
+ display: block;
+ opacity: 1;
+ /*
+ * n = number of buttons minus 1
+ * eg. $header-btn-height * 2n
+ */
+ height: 7.75rem; }
+ .dropdown-icon-menu:hover > ul:hover {
+ overflow: visible; }
+
+/* dropdown notification in the app header */
+.tab-notification {
+ height: 363px; }
+ .tab-notification .tab-pane {
+ height: 100%; }
+
+.notification {
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ position: relative; }
+ .notification li {
+ position: relative;
+ background: #fff; }
+ .notification li.unread {
+ background: #fffaee; }
+ .notification li.unread .name {
+ font-weight: 500; }
+ .notification li > :first-child {
+ padding: 0.75rem 1.5rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ text-decoration: none;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+ .notification li > :first-child:focus {
+ text-decoration: none; }
+ .notification li > :first-child > span {
+ position: relative; }
+ .notification li > :first-child > span > span {
+ /* IE fix */
+ display: block; }
+ .notification li:last-child > a {
+ border: 0; }
+ .notification .name {
+ color: #222222;
+ font-weight: 400;
+ font-size: 0.8125rem; }
+ .notification .msg-a,
+ .notification .msg-b {
+ color: #555555; }
+ .notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li.unread .name {
+ font-weight: bold; }
+ .notification.notification-layout-2 li > :first-child {
+ position: relative;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04);
+ z-index: 1; }
+ .notification.notification-layout-2 li > :first-child:hover {
+ background: transparent; }
+ .notification.notification-layout-2 li > :first-child:hover:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: -1;
+ -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
+ box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15); }
+ .notification.notification-layout-2 li .name {
+ font-size: 0.875rem; }
+ .notification.notification-layout-2:hover {
+ cursor: pointer; }
+ .notification:not(.notification-loading):before {
+ content: "No new messages";
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 0;
+ padding: 1.5rem;
+ width: 100%;
+ display: block; }
+
+/* icon menu with stacked icons located in the app header */
+.app-list {
+ margin: 0 auto;
+ display: block;
+ width: 21.875rem !important;
+ height: 22.5rem !important;
+ font-size: 0;
+ padding: 0.5rem 1rem;
+ text-align: center; }
+ .app-list > li {
+ display: inline-block;
+ text-align: center;
+ padding: 0; }
+
+.app-list-item {
+ height: 5.9375rem;
+ width: 6.25rem;
+ display: block;
+ text-decoration: none;
+ color: #666666;
+ margin: 10px 2px;
+ border: 1px solid transparent !important;
+ outline: none;
+ border-radius: 3px;
+ padding-top: 8px;
+ border-radius: 100%;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .app-list-item .icon-stack {
+ font-size: 3.125rem;
+ margin-top: 4px; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3;
+ padding-top: 7px; }
+ .app-list-item:hover > .icon-stack {
+ font-size: 3.1875rem; }
+ .app-list-item:active {
+ border-color: #886ab5;
+ padding-top: 8px; }
+ .app-list-item:active > .icon-stack {
+ font-size: 3.125rem; }
+
+.app-list-name {
+ text-align: center;
+ font-size: 0.8125rem;
+ text-overflow: ellipsis;
+ display: block;
+ white-space: nowrap;
+ overflow: hidden; }
+
+/* app header stays fixed */
+.header-function-fixed:not(.nav-function-top) .page-header {
+ left: 0;
+ position: fixed !important;
+ right: 0;
+ top: 0; }
+
+.header-function-fixed:not(.nav-function-top) .page-content {
+ margin-top: 4.125rem; }
+
+.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) {
+ /* bug fix for nav hidden other than chrome...*/ }
+ .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-logo {
+ width: 16.875rem;
+ position: fixed;
+ top: 0;
+ z-index: 950; }
+ .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-sidebar .primary-nav {
+ margin-top: 4.125rem; }
+ .header-function-fixed:not(.nav-function-top):not(.nav-function-fixed).desktop.nav-function-hidden .page-logo {
+ position: absolute;
+ -webkit-transition: none !important;
+ transition: none !important; }
+
+@media (min-width: 992px) {
+ .header-function-fixed:not(.nav-function-top) .page-header {
+ margin-left: 16.875rem; }
+ .header-function-fixed:not(.nav-function-top).nav-function-minify .page-sidebar .page-logo {
+ width: 4.6875rem; }
+ .header-function-fixed.nav-function-top {
+ /*.page-wrapper {
+ padding-top: $header-height-nav-top;
+ }*/ }
+ .header-function-fixed.nav-function-top .page-header {
+ position: fixed !important;
+ /*top: 0;
+ right: 0;
+ left: 0;*/
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13);
+ /*chrome flickering solution*/
+ -webkit-transform: translateZ(0); } }
+
+/* app far left panel */
+.page-sidebar {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 auto;
+ flex: 1 0 auto;
+ width: 16.875rem;
+ max-width: 16.875rem;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ z-index: 1002;
+ will-change: left, right; }
+
+/* app navigation */
+.primary-nav {
+ overflow: auto;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+ .primary-nav .nav-menu:last-of-type {
+ margin: 0; }
+ .primary-nav .nav-menu:first-of-type {
+ margin-top: 1rem;
+ margin-bottom: 1rem; }
+
+.nav-title {
+ text-transform: uppercase;
+ margin: 0;
+ color: #fff;
+ padding: 1rem 2rem;
+ margin-top: 1.5rem;
+ font-size: 0.7rem;
+ letter-spacing: 1px;
+ font-weight: 500; }
+
+.nav-menu {
+ padding: 0;
+ list-style: none;
+ margin: 0; }
+ .nav-menu a,
+ .nav-menu a > [class*='fa-'],
+ .nav-menu a > .ni {
+ -webkit-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out; }
+ .nav-menu b.collapse-sign {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #fff; }
+ .nav-menu b.collapse-sign > [class*='fa-'],
+ .nav-menu b.collapse-sign > .ni {
+ font-size: inherit; }
+ .nav-menu ul {
+ padding-left: 0;
+ list-style: none;
+ display: none; }
+ .nav-menu li {
+ position: relative; }
+ .nav-menu li.open > a {
+ color: white; }
+ .nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: #333;
+ -webkit-box-shadow: inset 3px 0 0 #886ab5;
+ box-shadow: inset 3px 0 0 #886ab5;
+ font-weight: 400; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #fff; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ content: '\f413';
+ font-family: 'nextgen-icons';
+ position: absolute;
+ top: calc(50% - 5px);
+ right: 11px;
+ font-size: 7px;
+ height: 10px;
+ width: auto;
+ color: #F2AE66;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .nav-menu li a {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ /*new*/
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ /*new*/
+ outline: 0;
+ padding: 0.8125rem 2rem;
+ font-size: 0.875rem;
+ color: #bdafd1;
+ font-weight: 400;
+ text-decoration: none;
+ position: relative;
+ /* needed for mod-nav-hiarchiy*/
+ /*> .badge {
+
+ @extend %ping-badge;
+
+ & + [class*='fa-'],
+ & + .ni {
+ display: none;
+ }
+
+ }*/
+ /*> [class*='fa-'] {
+ font-size: $nav-font-icon-size - 2;
+ }*/
+ /*> img {
+ background: $primary-500;
+ padding: 0.125rem;
+ width: 20px;
+ height: 20px;
+ margin-left: 5px;
+ margin-right: $nav-icon-margin-right + 0.1875rem;
+ }*/
+ /*> .badge:not(.clear-badge):first-child {
+ position: static;
+ display: inline-block;
+ border-radius: 5px;
+ margin-right: 10px;
+ width: 28px;
+ height: auto;
+ padding: 4px 0;
+ font-size: rem($fs-base);
+ }*/ }
+ .nav-menu li a .dl-ref {
+ font-size: 0.625rem;
+ text-align: center;
+ min-width: 1.25rem;
+ display: inline-block;
+ border-radius: 4px;
+ letter-spacing: 0.5px;
+ margin-left: -2.1875rem;
+ margin-right: 0.9375rem;
+ font-weight: 500;
+ overflow: hidden;
+ padding: 0 4px;
+ -webkit-font-smoothing: subpixel-antialiased; }
+ .nav-menu li a .dl-ref.label {
+ margin-left: 0;
+ margin-right: 0;
+ font-weight: 400;
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ margin-right: 0.25rem;
+ font-size: 1.125rem;
+ width: 1.75rem;
+ color: #fff; }
+ .nav-menu li a > .nav-link-text {
+ color: #fff;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ /*new*/
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ line-height: normal; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ text-decoration: none;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #a8a6ac; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
+ box-shadow: 0 0 0 1px rgba(107, 83, 143, 0.8);
+ border: 1px solid rgba(107, 83, 143, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+ .nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1);
+ padding-top: 10px;
+ padding-bottom: 10px; }
+ .nav-menu li > ul li a {
+ color: #fff;
+ padding: 0.8125rem 2rem 0.8125rem 4rem; }
+ .nav-menu li > ul li a b.collapse-sign > [class*='fa-'],
+ .nav-menu li > ul li a b.collapse-sign > .ni {
+ font-size: inherit-2; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ margin-left: -2.1875rem;
+ margin-right: 0.9375rem;
+ color: #876fab;
+ font-size: 0.875rem;
+ width: 1.25rem;
+ text-align: center; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995;
+ border: 1px solid #505050; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #a8a6ac; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: #333;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ font-weight: 400; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #a8a6ac; }
+ .nav-menu li > ul li:last-child > ul {
+ padding-bottom: 0; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #aa99c4;
+ padding: 0.8125rem 2rem 0.8125rem 4.75rem; }
+ .nav-menu li > ul li > ul li a .dl-ref {
+ margin-left: 0;
+ margin-right: 0.20833rem; }
+ .nav-menu li > ul li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li > ul li a > .ni {
+ margin-left: 0;
+ margin-right: 0.20833rem; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995;
+ border: 1px solid #505050; }
+ .nav-menu li:last-child {
+ margin-bottom: 0; }
+ .nav-menu:last-child {
+ margin-bottom: 0; }
+
+/* nav hover elements
+.nav-menu-hover {
+
+ li > ul {
+ background-color: rgba(0,0,0,0.17) !important;
+ }
+
+ li {
+ a {
+ color: rgba(255,255,255,0.90);
+ span {
+ color: rgba(255,255,255,0.90);
+ }
+
+
+ &:hover {
+ background:rgba(255,255,255,0.09) !important;
+ color: $white !important;
+ span {
+ color: $white;
+ }
+
+ }
+ }
+ }
+}*/
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean ul {
+ background: transparent !important;
+ padding-bottom: 0 !important; }
+ .nav-menu-clean li a {
+ background: transparent !important;
+ color: #505050 !important; }
+ .nav-menu-clean li a span {
+ color: #505050 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+ .nav-menu-clean li a {
+ border-bottom: 1px solid transparent; }
+ .nav-menu-clean li > ul li > ul > li:not(:last-child) a {
+ border-bottom: none; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li > ul li > ul > li:not(:last-child) a {
+ border-bottom: none; }
+
+/* nav compact elements */
+.nav-menu-compact li a {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important; }
+
+.nav-menu-compact li li a {
+ padding-left: 2rem !important; }
+
+.nav-menu-compact li li li a {
+ padding-left: 2.5rem !important; }
+
+.nav-menu.nav-menu-reset li a:not(:hover),
+.nav-menu.nav-menu-reset .collapse-sign {
+ color: rgba(255, 255, 255, 0.7) !important; }
+
+/*body:not(.nav-function-top) {
+
+ .primary-nav {
+
+ .nav-menu {
+
+ a,
+ a:hover,
+ a:focus {
+
+ .badge-detached {
+
+ display: inline-block;
+ font-family: 'helvetica neue', helvetica, arial, sans-serif;
+ font-size: rem($fs-nano);
+ min-height: 13px;
+ min-width: $nav-badge-height + 4;
+ background-color: #fff;
+ border: 1px solid #33383e;
+ border-radius: 3px;
+ color: #33383E;
+ padding: 1px 5px;
+ right: 15px;
+ left: auto;
+ top: 13px;
+ width: auto;
+ max-width: 0;
+ height: auto;
+
+ -webkit-font-smoothing: subpixel-antialiased;
+ }
+ }
+ }
+ }
+}*/
+@media (min-width: 1399px) {
+ .page-sidebar .primary-nav .nav-menu > li > a {
+ font-size: 0.875rem; } }
+
+/* app navigation filter */
+.nav-filter {
+ margin: 0;
+ opacity: 0;
+ visibility: hidden;
+ overflow: hidden;
+ height: 0px;
+ position: relative;
+ -webkit-transform: scale(0.3);
+ transform: scale(0.3);
+ -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .nav-filter input[type="text"] {
+ padding: 8px 40px 8px 14px;
+ width: 14.625rem;
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #775c9f; }
+
+.list-filter-active {
+ /* these classes are triggered by JS */ }
+ .list-filter-active .info-card {
+ height: calc(9.53rem - 9.53rem);
+ -webkit-transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .list-filter-active .nav-filter {
+ opacity: 1;
+ visibility: visible;
+ height: 60px;
+ -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
+ box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ .list-filter-active .nav-title {
+ display: none; }
+ .list-filter-active .nav-menu {
+ margin: 0; }
+ .list-filter-active .nav-menu li > ul {
+ padding: 0; }
+ .list-filter-active .js-filter-hide {
+ display: none; }
+ .list-filter-active .js-filter-show {
+ display: block; }
+
+/* only show filter message if lister filter is active */
+.page-sidebar:not(.list-filter-active) .filter-message {
+ display: none; }
+
+@media (min-width: 992px) {
+ .nav-function-top .page-sidebar,
+ .nav-function-minify .page-sidebar {
+ /*.js-filter-hide,
+ .js-filter-show {
+ display:block;
+ }*/ }
+ .nav-function-top .page-sidebar .filter-message,
+ .nav-function-top .page-sidebar .nav-filter,
+ .nav-function-minify .page-sidebar .filter-message,
+ .nav-function-minify .page-sidebar .nav-filter {
+ display: none; } }
+
+/* app info card inside navigation */
+.info-card {
+ position: relative;
+ width: 16.875rem;
+ height: 9.53rem;
+ color: #fff;
+ overflow: hidden;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 2rem;
+ -webkit-transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .info-card img.cover {
+ opacity: 0.5;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ position: absolute;
+ height: auto; }
+ .info-card .profile-image {
+ width: 3.125rem;
+ height: auto;
+ display: inline-block;
+ z-index: 2;
+ position: relative; }
+ .info-card .info-card-text {
+ margin-left: 1rem;
+ color: inherit;
+ text-shadow: #000 0 1px;
+ z-index: 1;
+ position: relative;
+ line-height: normal; }
+ .info-card .info-card-text > span {
+ font-weight: 300; }
+
+@media (min-width: 1399px) {
+ .info-card:hover {
+ -webkit-transition: all 0.1s ease-in-out;
+ transition: all 0.1s ease-in-out;
+ will-change: opacity; }
+ .info-card:hover img.cover {
+ opacity: 0.7;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; } }
+
+.info-card-text {
+ font-size: 0.875rem;
+ display: inline-block;
+ vertical-align: middle;
+ font-weight: 500;
+ line-height: 1.35; }
+ .info-card-text > span {
+ font-size: 0.875rem;
+ display: block;
+ font-weight: 300; }
+
+/* app navigation made horizontal */
+.nav-padel-left,
+.nav-padel-right {
+ display: none; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* digitally created elements */
+ /* hide elements when nav-function-top */
+ /* correct search field color */
+ /* reorder */ }
+ .nav-function-top .nav-menu-wrapper {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 100%;
+ flex: 0 1 100%; }
+ .nav-function-top .hidden-nav-function-top {
+ display: none !important; }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ content: "DISABLED";
+ display: block;
+ position: absolute;
+ background: #ffebc1;
+ font-size: 10px;
+ width: 65px;
+ text-align: center;
+ border: 1px solid #ffb20e;
+ height: 22px;
+ line-height: 20px;
+ border-radius: 10px;
+ right: 13px;
+ top: 26%;
+ color: #1d1d1d; }
+ .nav-function-top .page-header {
+ margin-top: 0;
+ height: 4.125rem;
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #3E7B27;
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13); }
+ .nav-function-top .page-header .dropdown-icon-menu {
+ display: none; }
+ .nav-function-top .page-header #search-field {
+ margin: 0 !important; }
+ .nav-function-top .page-header .page-logo {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: auto;
+ width: initial;
+ padding-left: 0;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #a38cc6; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #beaed7; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #7a59ad;
+ box-shadow: 0 0 0 1px #7a59ad; }
+ .nav-function-top .page-header .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ top: 4.125rem !important; }
+ .nav-function-top .page-content-wrapper {
+ margin-top: 7.625rem; }
+ .nav-function-top .page-wrapper {
+ padding-left: 0; }
+ .nav-function-top .page-wrapper .page-footer {
+ width: 100%; }
+ .nav-function-top .page-sidebar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ width: 100%;
+ max-width: 100%;
+ height: 3.5rem;
+ z-index: 999;
+ padding: 0 0.625rem;
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(86, 61, 124, 0.13);
+ position: absolute;
+ top: 4.125rem;
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .nav-function-top .page-sidebar .page-logo,
+ .nav-function-top .page-sidebar .nav-filter,
+ .nav-function-top .page-sidebar .info-card,
+ .nav-function-top .page-sidebar .nav-title {
+ display: none; }
+ .nav-function-top .page-sidebar .primary-nav {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ font-size: 0;
+ /* Make an auto-hiding scroller for the 3 people using a IE */
+ -ms-overflow-style: -ms-autohiding-scrollbar;
+ /* Remove the default scrollbar for WebKit implementations */ }
+ .nav-function-top .page-sidebar .primary-nav::-webkit-scrollbar {
+ display: none; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu {
+ margin: 0;
+ margin-left: 2.90rem;
+ /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */
+ padding: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 100%;
+ flex: 0 1 100%;
+ -webkit-transition: margin 0.5s ease-out 0s;
+ transition: margin 0.5s ease-out 0s; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li {
+ display: inline-block;
+ position: static; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.nav-title {
+ display: none; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a {
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ content: '\f413';
+ font-family: 'nextgen-icons';
+ position: absolute;
+ top: calc(50% + 15px);
+ right: calc(50% - 5px);
+ font-size: 7px;
+ height: 10px;
+ width: auto;
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a {
+ padding: .75rem 1.5rem .75rem 1rem;
+ text-align: center;
+ height: 100%; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ width: inherit;
+ margin: 0;
+ margin-right: .5rem !important;
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: left;
+ -ms-flex-pack: left;
+ justify-content: left;
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ line-height: normal;
+ vertical-align: text-top;
+ font-weight: 400;
+ display: inline-block;
+ /*override inline-flex*/
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge.clear-badge {
+ left: 53%; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ margin-left: 0.5rem;
+ color: #a492c0;
+ position: absolute;
+ right: 0.5rem;
+ top: 0;
+ bottom: 0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign > em:before {
+ content: "\f107"; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child {
+ max-width: none;
+ width: 25px !important;
+ height: 25px !important;
+ line-height: 16px !important;
+ font-size: 0.8125rem !important;
+ display: block !important;
+ margin: 0 auto 4px !important; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ font-size: .9rem;
+ color: #3E7B27; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ display: none !important;
+ width: 13rem;
+ height: auto !important;
+ top: 3.5rem;
+ position: absolute;
+ background: #68518c;
+ border-radius: 10px;
+ -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);
+ box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);
+ padding: 1rem 0;
+ margin-top: 1rem; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li {
+ width: 100%;
+ position: relative; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ padding: 0.65rem 1.25rem;
+ width: 100%;
+ color: #bdafd1;
+ max-height: none;
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text {
+ display: block; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .dl-ref {
+ margin-left: 0;
+ margin-right: 5px;
+ display: none; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a .nav-link-text > .ni > [class*='fa-'] {
+ margin-left: 6px; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #68518c;
+ padding: 0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul li a {
+ padding-left: 2rem; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ content: "";
+ display: block;
+ width: calc(100% + 100px);
+ height: calc(100% + 120px);
+ position: absolute;
+ z-index: -1;
+ left: -50px;
+ top: -1rem;
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ content: "\f1c8";
+ font-family: 'nextgen-icons';
+ position: absolute;
+ font-size: 5rem;
+ color: #68518c;
+ overflow: hidden;
+ display: block;
+ top: -1.7rem;
+ left: 0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #886ab5;
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a + ul {
+ display: block !important;
+ animation: animateFadeInUp 0.5s;
+ -webkit-animation: animateFadeInUp 0.5s; }
+ .nav-function-top .page-sidebar .nav-footer {
+ display: none; }
+ .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ display: none; }
+ .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .badge {
+ left: 24px; }
+ .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top.nav-function-minify .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .nav-function-top .page-header {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .nav-function-top .page-wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .nav-function-top .page-sidebar {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .nav-function-top .page-content {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; } }
+
+@media (min-width: 1399px) {
+ .nav-function-top .page-sidebar .primary-nav .nav-menu {
+ /*li {
+ ul {
+ li {
+ a {
+ font-size: rem($fs-base);
+ }
+ }
+ }
+ }*/ }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .badge:first-child {
+ max-width: none;
+ width: 27px !important;
+ height: 27px !important;
+ line-height: 18px !important;
+ margin: 0 auto 2px !important; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'],
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > img {
+ font-size: 22px;
+ height: 22px; } }
+
+/* app navgation stays hidden */
+@media (min-width: 992px) {
+ .nav-function-hidden:not(.nav-function-top) .page-wrapper {
+ padding-left: 0.625rem; }
+ .nav-function-hidden:not(.nav-function-top) .page-sidebar {
+ left: -16.25rem;
+ z-index: 1001;
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ will-change: left, right;
+ /* apply invisible hit area to reveal nav */ }
+ .nav-function-hidden:not(.nav-function-top) .page-sidebar:after {
+ content: "";
+ background: transparent;
+ height: 100%;
+ display: block;
+ position: fixed;
+ z-index: 1;
+ top: 0;
+ bottom: 0;
+ left: 16.875rem;
+ width: 2.1rem; }
+ .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover {
+ left: 0;
+ -webkit-transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1);
+ transition: 450ms cubic-bezier(0.9, 0.01, 0.09, 1); }
+ .nav-function-hidden:not(.nav-function-top) .page-sidebar:hover:after {
+ content: "";
+ z-index: -1; }
+ .nav-function-hidden:not(.nav-function-top) .page-header {
+ margin-left: 0;
+ /* active button state for "nav-function-hidden" */ }
+ .nav-function-hidden:not(.nav-function-top) .page-header [data-class="nav-function-hidden"] {
+ background: #505050;
+ border-color: #363636 !important;
+ -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37);
+ box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37);
+ color: #fff !important; }
+ .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar {
+ /* apply invisible hit area to reveal nav */ }
+ .nav-function-hidden:not(.nav-function-top).nav-function-fixed .page-sidebar:after {
+ left: 0.625rem; }
+ .nav-function-hidden.header-function-fixed:not(.nav-function-top) .page-header {
+ margin-left: 0.625rem; } }
+
+/* app navigation stays fixed */
+.nav-function-fixed:not(.nav-function-top) .page-sidebar {
+ position: fixed !important;
+ top: 0;
+ bottom: 0; }
+ .nav-function-fixed:not(.nav-function-top) .page-sidebar .primary-nav {
+ overflow: auto;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+ height: calc(100% - 6.9375rem); }
+ .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv {
+ height: calc(100% - 6.9375rem) !important; }
+ .nav-function-fixed:not(.nav-function-top) .page-sidebar .slimScrollDiv .primary-nav {
+ padding-bottom: 0; }
+
+@media (min-width: 992px) {
+ .nav-function-fixed {
+ /*
+ * top navigation fixed for larger screens with nav on LEFT
+ */
+ /*
+ * top navigation fixed for larger screens with nav on TOP
+ */
+ /*
+ * center for left nav fixed with boxed layout
+ */ }
+ .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar {
+ position: fixed !important; }
+ .nav-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {
+ padding-left: 16.875rem; }
+ .nav-function-fixed.nav-function-top.header-function-fixed .page-sidebar {
+ position: fixed !important;
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13); }
+ .nav-function-fixed.nav-function-top.mod-main-boxed .page-sidebar {
+ right: 0;
+ left: 0;
+ margin-right: auto;
+ margin-left: auto;
+ max-width: 1397px; } }
+
+@media (min-width: 1399px) {
+ .nav-function-fixed {
+ /*
+ * top navigation fixed for extra large screens with nav on LEFT
+ */ }
+ .nav-function-fixed:not(.nav-function-top).mod-main-boxed .page-sidebar {
+ position: absolute !important; } }
+
+/* app navigation stays minified */
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) {
+ /* hide elements when nav-function-minify */ }
+ .nav-function-minify:not(.nav-function-top) .hidden-nav-function-minify {
+ display: none !important; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar {
+ width: 4.6875rem;
+ z-index: 1001;
+ will-change: width;
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo {
+ width: 4.6875rem;
+ padding: 0;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-link {
+ -webkit-box-flex: 0;
+ -ms-flex: none;
+ flex: none; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text {
+ display: none; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .page-logo .page-logo-text + * {
+ display: none !important; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card {
+ height: 5.9375rem;
+ width: 100%;
+ padding: 1.21324rem 0;
+ text-align: center;
+ overflow: hidden;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .info-card .profile-image + div {
+ position: absolute;
+ top: 0;
+ width: 14.0625rem;
+ text-align: left;
+ display: none; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav {
+ overflow: hidden; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-title {
+ display: none; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu {
+ margin: 0; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ content: '\f413';
+ font-family: 'nextgen-icons';
+ position: absolute;
+ top: calc(50% - 5px);
+ right: 11px;
+ font-size: 7px;
+ height: 10px;
+ width: auto;
+ color: #24b3a4;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul {
+ /*.dl-ref {
+ display:none !important;
+ }*/ }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a {
+ text-align: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-left: 0;
+ padding-right: 0; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'],
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .ni {
+ font-size: 1.2375rem;
+ margin: 0; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .badge {
+ left: 2.34375rem; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a:not(.livicon) > .badge:not(.clear-badge):first-child {
+ margin-right: 0; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ display: none;
+ position: absolute;
+ text-align: left;
+ background: trasparent;
+ padding-left: 1.375rem;
+ color: #fff;
+ top: 0;
+ left: 5.6875rem;
+ height: 100%;
+ width: 13.75rem;
+ font-weight: 500;
+ margin-top: -1.563rem; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > b.collapse-sign {
+ display: none; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ position: absolute;
+ width: 13.75rem;
+ left: 5.6875rem;
+ background-color: #3E7B27;
+ margin-top: -5rem;
+ padding-top: 3.75rem;
+ border-radius: 4px .5rem .5rem .5rem;
+ padding-bottom: 1rem; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ content: "\f1c8";
+ font-family: 'nextgen-icons';
+ position: absolute;
+ font-size: 3.5rem;
+ left: -0.4125rem;
+ color: #3E7B27;
+ z-index: -1;
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ overflow: hidden;
+ display: block;
+ top: 1rem; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a {
+ padding-left: 1.375rem;
+ padding-top: 0.6rem;
+ padding-bottom: 0.6rem; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > [class*='fa-'],
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a > b.collapse-sign > .ni {
+ display: inline-block !important; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a + ul > li > a {
+ padding-left: 1.71875rem;
+ padding-top: 0.6rem;
+ padding-bottom: 0.6rem; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > [class*='fa-'],
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li .nav-link-text > .ni {
+ display: none; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > ul {
+ display: none !important; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #614b82;
+ color: #fff;
+ overflow: visible;
+ z-index: 10; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ overflow: hidden;
+ animation: animateFadeInLeft 0.5s;
+ -webkit-animation: animateFadeInLeft 0.5s; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ top: 26px;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #3E7B27;
+ overflow: visible;
+ border-radius: 4px 10px 10px 4px; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ content: "\f1c8";
+ font-family: 'nextgen-icons';
+ position: absolute;
+ font-size: 3.5rem;
+ left: -7px;
+ color: #3E7B27;
+ z-index: -1;
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg);
+ overflow: hidden;
+ display: block;
+ top: -9px; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul {
+ display: block !important;
+ z-index: 1;
+ animation: animateFadeInLeft 0.5s;
+ -webkit-animation: animateFadeInLeft 0.5s;
+ -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);
+ box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15); }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > ul:after {
+ content: "";
+ display: block;
+ position: absolute;
+ height: calc(100% + 180px);
+ width: calc(100% + 80px);
+ top: -4.125rem;
+ z-index: -1;
+ left: -1rem; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #505050;
+ border-color: #363636 !important;
+ -webkit-box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37);
+ box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.37);
+ color: #fff !important; }
+ .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-wrapper {
+ padding-left: 0.625rem; }
+ .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar {
+ left: -4.0625rem;
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-sidebar:hover {
+ left: 0; }
+ .nav-function-minify:not(.nav-function-top).nav-function-hidden .page-header {
+ margin-left: 0; }
+ .nav-function-minify:not(.nav-function-top).nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper {
+ padding-left: 4.6875rem; }
+ .nav-function-minify:not(.nav-function-top).header-function-fixed .page-header {
+ margin-left: 4.6875rem; }
+ .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-hidden .page-header {
+ margin-left: 0.625rem; }
+ .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden) .page-content-wrapper {
+ padding-left: 4.6875rem; }
+ .nav-function-minify:not(.nav-function-top).header-function-fixed.nav-function-fixed:not(.nav-function-hidden).mod-main-boxed .page-content-wrapper {
+ padding-left: 0; } }
+
+/* app navigation footer */
+.nav-footer {
+ /*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);
+ background-image: linear-gradient(270deg, $nav-background-shade, transparent);
+ background-color: $nav-background;*/
+ height: 2.8125rem;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out; }
+ .nav-footer .nav-footer-buttons > li > a {
+ display: block;
+ color: #9782b7;
+ height: 1.8125rem;
+ line-height: 1.8125rem;
+ margin-top: 1px;
+ padding: 0 13px;
+ overflow: visible;
+ font-size: 1rem; }
+ .nav-footer [data-class="nav-function-minify"] {
+ display: none; }
+
+.nav-function-fixed .nav-footer {
+ background: #3E7B27;
+ border: 0; }
+ .nav-function-fixed .nav-footer:before {
+ content: ' ';
+ height: 1px;
+ position: inherit;
+ width: inherit;
+ background: rgba(112, 87, 149, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#3E7B27), color-stop(50%, #7c62a4), color-stop(50%, #7c62a4), to(#3E7B27));
+ background: linear-gradient(to right, #3E7B27 0%, #7c62a4 50%, #7c62a4 50%, #3E7B27 100%);
+ opacity: 0.5; }
+ .nav-function-fixed .nav-footer:after {
+ opacity: 0.1; }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #53406f; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ display: block;
+ width: 100%;
+ height: 2.8125rem;
+ line-height: 2.8125rem;
+ font-size: 1.1875rem;
+ vertical-align: middle;
+ color: #876fab;
+ text-align: center;
+ text-decoration: none;
+ position: relative;
+ -webkit-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :first-child {
+ margin-right: -4px; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] > :only-child {
+ margin: 0; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #5f497f; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #a8a6ac;
+ margin-left: 7px; }
+ .nav-function-minify .nav-footer .nav-footer-buttons {
+ display: none; } }
+
+/* app wrapper */
+.page-wrapper {
+ position: relative; }
+
+.page-inner {
+ min-height: 100vh; }
+
+.page-wrapper, .page-inner {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 100%; }
+
+.page-content-wrapper {
+ background-color: #faf8fb;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 0;
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 0;
+ min-width: 0;
+ max-width: 100%;
+ min-height: 1px; }
+
+/* app content heading */
+.subheader {
+ margin-bottom: calc(1.5rem + 0.625rem);
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.subheader-icon {
+ color: #a8a6ac;
+ margin-right: 0.25rem; }
+
+.subheader-title {
+ font-size: 1.375rem;
+ font-weight: 500;
+ color: #505050;
+ text-shadow: #fff 0 1px;
+ margin: 0;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .subheader-title sup.badge {
+ text-shadow: none;
+ position: absolute;
+ margin-top: 0.4rem;
+ margin-left: 0.25rem;
+ font-size: 40%;
+ padding: 2px 5px;
+ line-height: normal; }
+ .subheader-title small {
+ font-weight: 400;
+ color: #838383;
+ margin-bottom: 0;
+ font-size: 0.875rem; }
+
+/* app content */
+.page-content {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative; }
+
+/*@include media-breakpoint-up($mobile-breakpoint) {
+
+ .nav-function-top {
+ .page-content {
+ min-height: calc(100vh - 10.4375rem)
+ }
+ }
+
+}
+
+*/
+/* app footer */
+.page-footer {
+ height: 2.8125rem;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #fff;
+ color: #4d4d4d;
+ font-size: 0.8125rem;
+ padding: 0 2rem;
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4; }
+
+/* app error page */
+.alt {
+ padding: 0 !important;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-height: 100vh; }
+ .alt .page-footer {
+ width: 100% !important; }
+
+.page-error {
+ font-size: 600% !important;
+ font-weight: bold !important; }
+ .page-error small {
+ font-size: 40%;
+ font-weight: 500; }
+
+.h-alt-f {
+ height: calc(100vh - 11.4375rem);
+ width: 100%; }
+
+.h-alt-hf {
+ height: calc(100vh - 15.5625rem);
+ width: 100%; }
+
+.nav-function-top .h-alt-hf {
+ height: calc(100vh - 19.0625rem); }
+
+/* various app components (see docs for the full list) */
+.accordion .card .card-header {
+ cursor: pointer;
+ margin: 0;
+ padding: 0;
+ border-bottom: 0;
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ padding: 1rem 1rem;
+ margin: 0;
+ font-size: 0.875rem;
+ font-weight: 500;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ color: #886ab5; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #838383; }
+
+.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-title,
+.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body {
+ padding-left: 0 !important;
+ padding-right: 0 !important; }
+
+.accordion.accordion-clean:not(.accordion-outline):not(.accordion-hover) .card-body {
+ padding-top: 0; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-clean .card {
+ border-left: 0;
+ border-right: 0; }
+ .accordion.accordion-clean .card:first-child {
+ border-top: 0; }
+ .accordion.accordion-clean .card:last-child {
+ border-bottom: 0; }
+
+.accordion.accordion-clean.accordion-outline .card-title,
+.accordion.accordion-clean.accordion-outline .card-body, .accordion.accordion-clean.accordion-hover .card-title,
+.accordion.accordion-clean.accordion-hover .card-body {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important; }
+
+.accordion.accordion-outline .card {
+ margin-bottom: 1rem;
+ border: 2px solid rgba(0, 0, 0, 0.08) !important;
+ border-radius: 4px !important; }
+
+.accordion.accordion-hover .card-title {
+ -webkit-transition: background-color 0.5s ease;
+ transition: background-color 0.5s ease; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #a38cc6; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #886ab5; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: dimgray;
+ background-color: #f3f1f5;
+ border-color: #d6d3da; }
+
+.alert-success {
+ color: #45a197;
+ background-color: #f7fdfc;
+ border-color: #a3ebe4; }
+
+.alert-danger {
+ color: #e7026e;
+ background-color: #ffe5f1;
+ border-color: #fe9ecb; }
+
+.alert-warning {
+ color: #c18300;
+ background-color: #fff8e9;
+ border-color: #ffcd65; }
+
+.alert-info {
+ color: #0a6ebd;
+ background-color: #e3f2fd;
+ border-color: #82c4f8; }
+
+.alert-secondary {
+ color: #505050;
+ background-color: #fbfbfb;
+ border-color: gainsboro; }
+
+.alert-icon {
+ width: 2.5rem; }
+ .alert-icon > i {
+ font-size: 1.75rem; }
+ .alert-icon + div {
+ padding-left: 0.25rem; }
+
+.badge.badge-icon {
+ position: absolute;
+ display: inline-block;
+ background-color: #fd3995;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff;
+ cursor: default;
+ border: 1px solid transparent;
+ font-size: 0.625rem;
+ min-width: 1rem;
+ max-width: 1.6875rem;
+ padding: 0 3px;
+ border-radius: 1.25rem;
+ font-weight: 500;
+ line-height: normal;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ /* when self is relative */
+ vertical-align: middle; }
+
+/* parent position needs to be relative, and turn off waves function */
+.btn-icon .badge {
+ top: auto; }
+ .btn-icon .badge.pos-top {
+ margin-top: -4px; }
+ .btn-icon .badge.pos-bottom {
+ margin-bottom: -4px; }
+ .btn-icon .badge.pos-left {
+ margin-left: -4px; }
+ .btn-icon .badge.pos-right {
+ margin-right: -4px; }
+
+.page-breadcrumb {
+ padding: 0;
+ background: transparent;
+ margin: 0 0 1.5rem;
+ position: relative;
+ text-shadow: #fff 0 1px; }
+
+.breadcrumb > li > a {
+ text-decoration: none !important; }
+
+.breadcrumb > li.breadcrumb-item {
+ max-width: 130px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden; }
+ .breadcrumb > li.breadcrumb-item:hover {
+ max-width: 200px !important;
+ cursor: default; }
+
+[data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before {
+ content: attr(data-breadcrumb-seperator); }
+
+.breadcrumb-lg > li {
+ font-size: 1rem; }
+
+.breadcrumb-sm > li {
+ font-size: 0.6875rem; }
+
+[class*='breadcrumb-seperator-'] .breadcrumb-item + .breadcrumb-item:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ font-weight: 400;
+ line-height: 1;
+ font-family: Font Awesome\ 5 Pro; }
+
+.breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before {
+ content: "\f105"; }
+
+.breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before {
+ content: "\f178"; }
+
+.breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before {
+ content: "\f054"; }
+
+.breadcrumb-arrow {
+ padding: 0;
+ background: transparent; }
+ .breadcrumb-arrow li.active {
+ font-weight: 500;
+ opacity: 0.5; }
+ .breadcrumb-arrow li a {
+ color: white;
+ display: inline-block;
+ background: #838383;
+ text-decoration: none;
+ position: relative;
+ height: 2.5em;
+ line-height: 2.5em;
+ padding: 0 10px 0 5px;
+ text-align: center;
+ margin-right: 22px; }
+ .breadcrumb-arrow li:nth-child(even) a {
+ background-color: #838383; }
+ .breadcrumb-arrow li:nth-child(even) a:before {
+ border-color: #838383;
+ border-left-color: transparent; }
+ .breadcrumb-arrow li:nth-child(even) a:after {
+ border-left-color: #838383; }
+ .breadcrumb-arrow li:first-child a {
+ padding-left: 0.938em;
+ border-radius: 4px 0 0 4px; }
+ .breadcrumb-arrow li:first-child a:before {
+ border: none; }
+ .breadcrumb-arrow li:last-child a {
+ padding-right: 0.938em;
+ border-radius: 0 4px 4px 0; }
+ .breadcrumb-arrow li:last-child a:after {
+ border: none; }
+ .breadcrumb-arrow li a:before, .breadcrumb-arrow li a:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ border: 0 solid #838383;
+ border-width: 1.250em 10px;
+ width: 0;
+ height: 0; }
+ .breadcrumb-arrow li a:before {
+ left: -20px;
+ border-left-color: transparent; }
+ .breadcrumb-arrow li a:after {
+ left: 100%;
+ border-color: transparent;
+ border-left-color: #838383; }
+ .breadcrumb-arrow li a:hover {
+ background-color: #886ab5; }
+ .breadcrumb-arrow li a:hover:before {
+ border-color: #886ab5;
+ border-left-color: transparent; }
+ .breadcrumb-arrow li a:hover:after {
+ border-left-color: #886ab5; }
+ .breadcrumb-arrow li a:active {
+ background-color: #838383; }
+ .breadcrumb-arrow li a:active:before {
+ border-color: #838383;
+ border-left-color: transparent; }
+ .breadcrumb-arrow li a:active:after {
+ border-left-color: #838383; }
+
+/* btn switch */
+.btn-switch {
+ background: dimgray;
+ padding: 2px 8px 1px 22px;
+ font-size: 10px;
+ line-height: 15px;
+ border-radius: 20px;
+ text-transform: uppercase;
+ color: white;
+ font-weight: 500;
+ min-width: 55px;
+ height: 20px;
+ margin-top: 5%;
+ position: relative;
+ overflow: hidden; }
+ .btn-switch:hover {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ color: white; }
+ .btn-switch:before {
+ content: "OFF";
+ position: absolute;
+ right: 7px; }
+ .btn-switch:after {
+ content: " ";
+ text-align: center;
+ color: white;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ background: #fff;
+ padding: 1px;
+ left: 0;
+ top: 0;
+ line-height: normal;
+ margin: 1px;
+ border-radius: 50%;
+ -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
+ .btn-switch.active {
+ color: #fff;
+ background: #886ab5; }
+ .btn-switch.active:before {
+ content: "ON";
+ left: 7px;
+ right: auto;
+ color: white; }
+ .btn-switch.active:after {
+ content: " ";
+ right: 0;
+ left: auto;
+ background: #fff;
+ color: #886ab5; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ position: absolute !important;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 0px 5px;
+ border-radius: 3px;
+ color: #fff;
+ right: 8px;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ margin: auto 0 auto auto;
+ width: 20px;
+ height: 20px; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #fc077a;
+ background-color: #fd2087;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
+ background-image: linear-gradient(to top, #fd2087, #e7026e);
+ color: #fff;
+ width: 3.875rem; }
+
+/* btn widths */
+.btn-w-m {
+ min-width: 85px; }
+
+.btn-w-l {
+ min-width: 130px; }
+
+.btn-m-s {
+ margin: 3px 1px; }
+
+.btn-m-l {
+ margin: 3px 2.5px; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ position: absolute !important;
+ top: -5px;
+ left: 0;
+ right: 0;
+ margin-left: auto;
+ margin-right: auto;
+ background: rgba(0, 0, 0, 0.4);
+ padding: 0px 9px;
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ border-radius: 0 0 20px 20px;
+ text-decoration: none;
+ font-size: 17px;
+ height: 21px;
+ width: 31px;
+ color: #fff !important;
+ line-height: 20px;
+ text-align: center;
+ -webkit-transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1);
+ transition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1);
+ -webkit-box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3);
+ box-shadow: 0px 0px 2px rgba(136, 106, 181, 0.3);
+ opacity: 1; }
+ .pull-trigger-btn:hover {
+ font-size: 23px;
+ height: 25px;
+ width: 35px;
+ line-height: 23px;
+ background: #886ab5;
+ border-color: #7a59ad;
+ -webkit-box-shadow: 0px 0px 10px #5790b3;
+ box-shadow: 0px 0px 10px #5790b3; }
+
+/* buttons dropshadow */
+/*[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']),
+[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']):focus {*/
+.btn-shadow,
+.btn-shadow:focus {
+ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 3px rgba(0, 0, 0, 0.05); }
+ .btn-shadow:active,
+ .btn-shadow .active,
+ .btn-shadow:focus:active,
+ .btn-shadow:focus .active {
+ -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important;
+ box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.3) !important; }
+ .btn-shadow:not(.disabled):not([disabled]):hover,
+ .btn-shadow:focus:not(.disabled):not([disabled]):hover {
+ -webkit-box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3);
+ box-shadow: 0 6px 17px 0 rgba(0, 0, 0, 0.3); }
+
+.btn:active {
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important; }
+
+/*.btn-group {
+ [class*='btn-'] {
+ box-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important;
+ }
+}*/
+.btn-light {
+ border-color: rgba(0, 0, 0, 0.15); }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light:hover {
+ border-color: rgba(0, 0, 0, 0.25); }
+
+.show > .btn-light.dropdown-toggle {
+ border-color: rgba(0, 0, 0, 0.25); }
+
+/* btn misc */
+.btn-outline-default {
+ background-color: transparent;
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529;
+ background-color: transparent; }
+
+.btn-pills {
+ border-radius: 15px; }
+
+/* new btn size */
+.btn-xs,
+.btn-group-xs > .btn {
+ padding: 1px 0.844rem;
+ font-size: .7rem;
+ line-height: 1.5;
+ border-radius: .25rem; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(136, 106, 181, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); }
+
+/* btn icon */
+.btn-icon {
+ width: calc(2.1rem + 2px);
+ padding: 0;
+ line-height: 2.1rem; }
+ .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover {
+ background-color: rgba(0, 0, 0, 0.05);
+ border-color: transparent; }
+ .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover):not(:focus) {
+ background: transparent;
+ color: #434343; }
+ .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):focus {
+ border-color: rgba(80, 80, 80, 0.1) !important; }
+ .btn-icon.btn-xs {
+ width: calc(1.15rem + 2px);
+ line-height: 1.15rem; }
+ .btn-icon.btn-sm {
+ width: calc(1.5rem + 2px);
+ line-height: 1.5rem; }
+ .btn-icon.btn-lg {
+ width: calc(3rem + 2px);
+ line-height: 3rem; }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ color: inherit;
+ background-color: #f7f9fa; }
+ .card-header small {
+ margin: 0;
+ opacity: 0.8;
+ font-weight: 400;
+ font-size: 85%; }
+
+/* remove extra margin in card child items */
+.card,
+.card-group {
+ -webkit-box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08);
+ box-shadow: 0px 0px 13px 0px rgba(74, 53, 107, 0.08); }
+ .card > :last-child,
+ .card-group > :last-child {
+ margin-bottom: 0px; }
+
+.accordion > .card {
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+
+.card-group > .card {
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+
+/* remove wierd line height issue */
+.card-header-pills,
+.card-header-tabs {
+ font-size: 0; }
+ .card-header-pills .nav-link,
+ .card-header-tabs .nav-link {
+ font-size: 0.8125rem; }
+
+/* card title */
+.card-title {
+ font-size: 0.9375rem; }
+
+.card-header .card-title {
+ display: inline-block;
+ padding: 0;
+ margin: 0 0.5rem 0 0; }
+
+.carousel-indicators li {
+ border-radius: 50%; }
+
+.carousel-control-prev:hover {
+ /*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%);
+ background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ /*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%);
+ background: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.dropdown-header.bg-trans-gradient {
+ padding: 1.25rem 1.5rem; }
+
+/* dropdown-item hover menu*/
+.dropdown-menu-animated {
+ -webkit-transform: scale(0.8) !important;
+ transform: scale(0.8) !important;
+ -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ opacity: 0;
+ visibility: hidden;
+ display: block; }
+
+/* various sizes */
+.dropdown-menu {
+ -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2);
+ box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2);
+ -webkit-user-select: text; }
+ .dropdown-menu .dropdown-item {
+ font-weight: 400;
+ cursor: pointer; }
+ .dropdown-menu.dropdown-sm {
+ width: 8rem;
+ height: auto; }
+ .dropdown-menu.dropdown-md {
+ width: 14rem;
+ height: auto; }
+ .dropdown-menu.dropdown-lg {
+ width: 17.5rem;
+ height: auto; }
+ .dropdown-menu.dropdown-xl {
+ width: 21.875rem;
+ height: auto; }
+ .dropdown-menu .dropdown-item:first-child, .dropdown-menu .dropdown-item:last-child {
+ border-top-right-radius: 0px;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0; }
+
+/* replace bootstrap's default arrow */
+.dropdown-toggle:after,
+.dropleft .dropdown-toggle:before {
+ text-align: center;
+ display: inline;
+ border: 0 !important;
+ font-family: 'Font Awesome 5 Pro';
+ content: "\f107" !important;
+ vertical-align: top !important;
+ position: relative; }
+
+.dropup .dropdown-toggle:after {
+ content: "\f106" !important; }
+
+.dropright .dropdown-toggle:after {
+ content: "\f105" !important; }
+
+.dropleft .dropdown-toggle:before {
+ content: "\f104" !important; }
+
+.nav-item .dropdown-toggle:after {
+ font-size: 0.90em; }
+
+/* remove arrow */
+.dropdown-toggle.no-arrow:before, .dropdown-toggle.no-arrow:after {
+ display: none !important; }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ position: absolute;
+ top: -1px;
+ left: 100%;
+ background: #fff;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ -webkit-transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ -webkit-transition-delay: 500ms;
+ transition-delay: 500ms;
+ opacity: 0;
+ visibility: hidden;
+ display: block; }
+ .dropdown-menu .dropdown-menu .dropdown-item {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important; }
+
+.dropdown-menu .dropdown-multilevel {
+ position: relative;
+ /* it is displayed on right by default */
+ /* add arrow */ }
+ .dropdown-menu .dropdown-multilevel.dropdown-multilevel-left > .dropdown-menu {
+ right: 100%;
+ left: auto; }
+ .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after {
+ content: "\f2fb";
+ font-family: 'nextgen-icons';
+ font-size: inherit;
+ position: absolute;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-right: 1.5rem; }
+ .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #6e4e9e; }
+ .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) + .dropdown-menu {
+ -webkit-transition-delay: 0ms;
+ transition-delay: 0ms;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ -webkit-transform-origin: 29px -50px;
+ transform-origin: 29px -50px;
+ opacity: 1;
+ visibility: visible; }
+
+.icon-stack {
+ position: relative;
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ line-height: 1em;
+ vertical-align: middle;
+ text-align: center; }
+
+.icon-stack-1x,
+.icon-stack-2x,
+.icon-stack-3x {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ line-height: inherit !important; }
+
+.icon-stack-1x {
+ font-size: 0.5em; }
+
+.icon-stack-2x {
+ font-size: 0.70em;
+ /*padding-right: 0.025em;*/ }
+
+.icon-stack-3x {
+ font-size: 1em; }
+
+.icon-stack-xl {
+ font-size: 3.125rem; }
+
+.icon-stack-lg {
+ font-size: 2.5rem; }
+
+.icon-stack-md {
+ font-size: 2.125rem; }
+
+.icon-stack-sm {
+ font-size: 1.875rem; }
+
+.filter-message {
+ display: block;
+ text-align: center;
+ padding: 2px;
+ font-size: 0.6875rem;
+ text-transform: capitalize;
+ font-style: italic;
+ width: calc(100% - 60px);
+ max-width: 180px;
+ border-radius: 4px;
+ margin: 1rem auto; }
+ .filter-message:empty {
+ display: none; }
+
+.js-list-filter:not(.primary-nav) {
+ /* these classes are triggered by JS */
+ /*.js-filter-show {
+ display:block !important;
+ }*/ }
+ .js-list-filter:not(.primary-nav) .js-filter-hide {
+ display: none !important; }
+
+.js-list-filter.nav-menu:not(.primary-nav) .js-filter-show {
+ display: block !important; }
+
+.loader {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ background: rgba(255, 255, 255, 0.5);
+ color: inherit;
+ z-index: 10;
+ /*
+ The use of translate3d pushes CSS animations into hardware acceleration.
+ Even if you're looking to do a basic 2d translation, use translate3d for more power!
+ If your animation is still flickering after switching to the transform above,
+ you can use a few little-known CSS properties to try to fix the problem:
+ */
+ /*-webkit-transform: translate3d(0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ -webkit-perspective: 1000; */ }
+
+/*:not(.enable-loader) .loader {
+ > * {
+ animation: pause;
+ }
+}*/
+.enable-loader:before {
+ content: '';
+ background-color: rgba(255, 255, 255, 0.7);
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0; }
+
+.enable-loader .loader {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex; }
+
+#msgr_listfilter_input {
+ width: calc(100% - 1rem);
+ margin: 0 auto;
+ margin-top: -41px;
+ padding-left: 41px;
+ margin-bottom: 10px;
+ opacity: 0;
+ background: transparent;
+ -webkit-transition-delay: 100ms;
+ transition-delay: 100ms; }
+
+.msgr-list {
+ width: 14.563rem;
+ right: -11.438rem;
+ z-index: 101;
+ -webkit-transition-delay: 100ms;
+ transition-delay: 100ms; }
+ .msgr-list + .msgr {
+ width: calc(100% - 3.125rem);
+ height: 100%; }
+ .msgr-list + .msgr:before {
+ content: '';
+ height: 100%;
+ width: 100%;
+ background: rgba(255, 255, 255, 0.4);
+ position: absolute;
+ z-index: 100;
+ -webkit-transition-delay: 100ms;
+ transition-delay: 100ms;
+ opacity: 0;
+ visibility: hidden; }
+ .msgr-list:hover {
+ right: 0;
+ border-left-color: rgba(0, 0, 0, 0.1); }
+ .msgr-list:hover #msgr_listfilter_input {
+ opacity: 1; }
+ .msgr-list:hover + .msgr:before {
+ opacity: 1;
+ visibility: visible; }
+
+/*.msgr-chatinput {
+
+ min-height: 110px;
+ max-height: 160px;
+
+ [contenteditable="true"] {
+ min-height:50px;
+ max-height:110px;
+ }
+
+}*/
+/*.msgr-chatinput-icons {
+ height: 40px;
+}*/
+/*.msgr-chatinput-container {
+ > div {
+ border-top: 1px solid rgba($black,0.07);
+ }
+}*/
+/* IE HACK */
+/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+ [contenteditable="true"] {
+ height: 110px;
+ }
+}*/
+.chat-segment-get {
+ text-align: left;
+ position: relative;
+ margin: 0 2rem 0.5rem 0; }
+ .chat-segment-get.chat-start .chat-message {
+ border-bottom-left-radius: 3px; }
+ .chat-segment-get.chat-start + :not(.chat-end) .chat-message {
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px; }
+ .chat-segment-get.chat-end .chat-message {
+ border-top-left-radius: 3px; }
+ .chat-segment-get .chat-message {
+ background: #f1f0f0;
+ color: rgba(0, 0, 0, 0.8);
+ text-align: left; }
+
+.chat-segment-sent {
+ text-align: right;
+ position: relative;
+ margin: 0 0 .5rem 3rem; }
+ .chat-segment-sent.chat-start .chat-message {
+ border-bottom-right-radius: 3px; }
+ .chat-segment-sent.chat-start + :not(.chat-end) .chat-message {
+ border-bottom-right-radius: 3px;
+ border-top-right-radius: 3px; }
+ .chat-segment-sent.chat-end .chat-message {
+ border-top-right-radius: 3px; }
+ .chat-segment-sent .chat-message {
+ background: #1dc9b7;
+ color: white;
+ text-align: left; }
+
+.chat-message {
+ padding: 0.75rem 1rem;
+ border-radius: 0.625rem;
+ position: relative;
+ display: inline-block; }
+ .chat-message > p {
+ padding: 0.75rem 0 0;
+ margin: 0; }
+ .chat-message > p:first-child {
+ padding-top: 0; }
+
+.chat-start {
+ margin-bottom: 3px !important; }
+ .chat-start .time-stamp {
+ display: none; }
+ .chat-start + .chat-segment:not(.chat-end) {
+ margin-bottom: 3px !important; }
+ .chat-start + .chat-segment:not(.chat-end) .time-stamp {
+ display: none; }
+
+/* modal shadow */
+.modal-content {
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
+
+/* adjustments */
+.modal.show .modal-dialog {
+ -webkit-transform: none;
+ transform: none; }
+
+/* alert modal */
+.modal-alert {
+ padding: 0 !important;
+ /* overriding bootstrap generated style */
+ /*.modal-body {
+ padding: 0.5rem 0;
+ }
+*/ }
+ .modal-alert .modal-dialog {
+ max-width: 100% !important;
+ /* overriding bootstrap css for all media queries */
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: calc(100% - 3.5rem);
+ -webkit-transform: none !important;
+ transform: none !important;
+ /* overriding bootstrap css */ }
+ .modal-alert .modal-content {
+ background-color: rgba(0, 0, 0, 0.8);
+ border-radius: 0;
+ padding: 1.5rem 1rem 1rem; }
+ .modal-alert .modal-title {
+ font-size: 1.5rem;
+ font-weight: 300;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .modal-alert .modal-header,
+ .modal-alert .modal-body,
+ .modal-alert .modal-footer {
+ /*left: 20%;
+ width: 60%;*/
+ width: 100%;
+ max-width: 992px;
+ margin: 0 auto;
+ padding: 0;
+ color: #fff;
+ position: relative; }
+ .modal-alert .close {
+ color: #fff;
+ text-shadow: 0 1px 0 #000; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(86, 61, 124, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(40, 36, 47, 0.85); }
+
+/* transparent backdrop */
+.modal-backdrop-transparent {
+ background: transparent; }
+
+/* fullscreen modal */
+.modal-fullscreen {
+ padding: 0 !important; }
+ .modal-fullscreen .modal-content {
+ border-radius: 0;
+ border-width: 0; }
+ .modal-fullscreen .modal-dialog {
+ max-width: calc(100vw - 40px);
+ max-height: calc(100vh - 80px); }
+ .modal-fullscreen .modal-dialog .modal-content {
+ height: calc(100vh - 80px); }
+
+/* top */
+.modal-dialog-top,
+.modal-dialog-bottom {
+ position: absolute;
+ top: 0;
+ margin: 0;
+ min-width: 100%; }
+ .modal-dialog-top .modal-dialog,
+ .modal-dialog-bottom .modal-dialog {
+ width: 100%;
+ max-width: 100%;
+ margin: 0; }
+ .modal-dialog-top .modal-content,
+ .modal-dialog-bottom .modal-content {
+ border-radius: 0px;
+ border: 0; }
+
+.modal-dialog-bottom {
+ top: auto;
+ bottom: 0; }
+ .modal.fade .modal-dialog-bottom {
+ -webkit-transform: translate(0, 25%);
+ transform: translate(0, 25%); }
+
+/* left */
+.modal-dialog-left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ margin: 0 !important; }
+ .modal-dialog-left .modal-content {
+ min-height: 100%;
+ border-width: 0;
+ border-radius: 0; }
+ .modal.fade .modal-dialog-left {
+ -webkit-transform: translate(-25%, 0);
+ transform: translate(-25%, 0); }
+
+/* right */
+.modal-dialog-right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 100%;
+ height: 100%;
+ margin: 0 !important;
+ border-width: 0px; }
+ .modal-dialog-right .modal-content {
+ min-height: 100%;
+ border-width: 0;
+ border-radius: 0; }
+ .modal.fade .modal-dialog-right {
+ -webkit-transform: translate(25%, 0);
+ transform: translate(25%, 0); }
+
+.modal.show .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+
+/* modal size */
+.modal-md {
+ max-width: 350px; }
+
+.pagination .page-item:not(:first-child) {
+ margin-left: 0.4rem; }
+
+.pagination .page-item:first-child:not(.active) .page-link,
+.pagination .page-item:last-child:not(.active) .page-link,
+.pagination .page-item.disabled .page-link {
+ background: #e7e1f0; }
+
+.pagination .page-link {
+ border-radius: 4px;
+ border-width: 0px; }
+ .pagination .page-link:hover {
+ background-color: #886ab5 !important;
+ color: #fff; }
+
+.pagination.pagination-xs .page-link {
+ padding: 0.2rem 0.5rem;
+ font-size: 0.75rem; }
+
+.panel-fullscreen {
+ overflow: hidden;
+ max-width: 100%; }
+
+.panel {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ background-color: #fff;
+ -webkit-box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08);
+ box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08);
+ margin-bottom: 1.5rem;
+ border-radius: 4px;
+ border: 1px solid rgba(0, 0, 0, 0.09);
+ border-bottom: 1px solid #e0e0e0;
+ border-radius: 4px;
+ -webkit-transition: border 500ms ease-out;
+ transition: border 500ms ease-out;
+ /* panel container */
+ /* panel refresh */
+ /* panel fullscreen */
+ /* panel collapse */
+ /*&.panel-collapsed:not(.panel-fullscreen) {
+
+ .panel-container {
+ display:none;
+ }
+
+ }*/
+ /* panel locked */ }
+ .panel .panel-container {
+ position: relative;
+ border-radius: 0 0 4px 4px; }
+ .panel .panel-container .panel-content {
+ padding: 1rem 1rem; }
+ .panel .panel-container .panel-content:only-child, .panel .panel-container .panel-content:last-child {
+ border-radius: 0 0 4px 4px; }
+ .panel.panel-refresh .js-panel-refresh {
+ opacity: 0.5;
+ cursor: wait; }
+ .panel.panel-fullscreen {
+ position: fixed !important;
+ /* there is a bug with jquery ui, so we have to add !important rule here */
+ z-index: 2055;
+ top: 0;
+ left: 0;
+ right: 0;
+ height: 100vh !important;
+ max-height: 100vh !important;
+ width: 100vw !important;
+ max-width: 100vw !important;
+ border-radius: 0;
+ border: 0;
+ /*display: flex;
+ flex-direction: column;*/
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen [data-action="panel-collapse"],
+ .panel.panel-fullscreen .js-panel-collapse,
+ .panel.panel-fullscreen [data-action="panel-close"],
+ .panel.panel-fullscreen .js-panel-close {
+ display: none; }
+ .panel.panel-fullscreen .panel-hdr {
+ height: 4.125rem;
+ border-radius: 0;
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(74, 53, 107, 0.1);
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr h2 {
+ font-size: 1.125rem;
+ font-weight: 400; }
+ .panel.panel-fullscreen .js-panel-locked {
+ display: none; }
+ .panel.panel-fullscreen .btn-panel[data-action="panel-fullscreen"],
+ .panel.panel-fullscreen .js-panel-fullscreen {
+ width: 1.5rem;
+ height: 1.5rem; }
+ .panel.panel-fullscreen .panel-container {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ overflow-y: auto;
+ border-radius: 0;
+ display: block !important; }
+ .panel.panel-locked:not(.panel-fullscreen) .js-panel-locked {
+ font-weight: bold; }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before {
+ font-family: 'nextgen-icons';
+ content: "\f2ae";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 5px;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-size: 1.1rem;
+ color: #fd3995; }
+ .panel.ui-sortable-helper {
+ -webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
+ box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.05), 0 5px 20px 0 rgba(0, 0, 0, 0.09);
+ /*.panel-toolbar {
+ -webkit-filter: grayscale(100%); Safari 6.0 - 9.0
+ filter: grayscale(100%);
+ }*/ }
+
+/* panel tag can be used globally */
+.panel-tag {
+ padding: 1rem 1rem;
+ margin-bottom: 2rem;
+ border-left: 3px solid #1dc9b7;
+ background: #eef7fd;
+ opacity: 0.8;
+ font-weight: 400;
+ font-size: 0.875rem;
+ border-radius: 0px 8px 8px 0px; }
+ .panel-tag > *:last-child,
+ .panel-tag > *:only-child {
+ margin-bottom: 0; }
+ .panel-tag:only-child {
+ margin-bottom: 0; }
+
+/* panel header */
+.panel-hdr {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #fff;
+ min-height: 3rem;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.07);
+ border-radius: 4px 4px 0 0;
+ -webkit-transition: background-color 0.4s ease-out;
+ transition: background-color 0.4s ease-out;
+ /* add padding to first and last child */
+ /* adjusts title */ }
+ .panel-collapsed .panel-hdr {
+ border-radius: 4px; }
+ .panel-hdr > :first-child {
+ padding-left: 1rem; }
+ .panel-hdr > :last-child {
+ padding-right: 1rem; }
+ .panel-hdr h2 {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ font-size: 0.875rem;
+ margin: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ line-height: 3rem;
+ color: inherit;
+ color: #333;
+ position: relative;
+ font-weight: 500;
+ /* panel header icon */ }
+ .panel-hdr h2:not(:only-child) {
+ margin-right: 0.66667rem; }
+ .panel-hdr h2 > [class*='fw-'] {
+ margin-left: 4px; }
+ .panel-hdr h2 small {
+ display: inline-block;
+ margin: 0;
+ opacity: 0.8;
+ font-weight: 400;
+ font-size: 0.75rem;
+ margin-left: 0.5rem; }
+ .panel-hdr h2 .panel-icon {
+ margin-right: 0.5rem; }
+
+.panel-hdr[class^="bg-"] h2,
+.panel-hdr[class*=" bg-"] h2 {
+ color: inherit; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked).ui-sortable-helper {
+ /*.panel-hdr {
+ &:active {
+ border-top-color: rgba($primary-300, 0.7);
+ border-left-color: rgba($primary-500, 0.7);
+ border-right-color: rgba($primary-500, 0.7);
+
+ & + .panel-container {
+
+ border-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);
+ }
+ }
+ }*/ }
+ .panel-sortable:not(.panel-locked).ui-sortable-helper:active {
+ border-color: rgba(0, 0, 0, 0.15); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked {
+ /*.panel-hdr {
+ &:active {
+ border-top-color: $danger-300;
+ border-left-color: $danger;
+ border-right-color: $danger;
+
+ & + .panel-container {
+ border-color: transparent $danger $danger;
+ }
+ }
+ }*/ }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ /* we curve the last button to make it seamless with panel's border radius */ }
+ .panel-toolbar .btn-panel {
+ margin-left: 0.3rem;
+ padding: 0;
+ width: 1rem;
+ height: 1rem;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 50%;
+ opacity: 0.8;
+ /* add default colors for action buttons */
+ /*&:after {
+ content: "";
+ position: absolute;
+ border: 1px solid rgba($white, 0.6);
+ border-radius: 50%;
+ width: calc(100% + 2px);
+ height: calc(100% + 2px);
+ right: -1px;
+ top: -1px;
+ }*/ }
+ .panel-toolbar .btn-panel:hover {
+ opacity: 1; }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc9b7; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ffc241; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #fd3995; }
+ .panel-toolbar .btn-toolbar-master {
+ height: 3rem;
+ width: 1.826875rem;
+ /* stop flickering bug due to cpu latency */
+ border-radius: 0;
+ margin-right: -1rem;
+ border-top-right-radius: 3px;
+ margin-left: 0.5rem;
+ padding: 0 13px;
+ background: transparent;
+ border: 0;
+ font-size: 1.5625rem;
+ color: inherit;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .panel-toolbar .btn-toolbar-master[aria-expanded="true"] {
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
+ .panel-toolbar .btn-toolbar-master + .dropdown-menu {
+ right: 0;
+ top: 3rem;
+ left: auto !important;
+ margin: 0;
+ border-radius: 0; }
+ .panel-toolbar .btn-panel-flat:last-child {
+ border-top-right-radius: 3px; }
+
+.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle {
+ cursor: move; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #e8e6ec;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-bottom: 1.5rem;
+ border-radius: 5px;
+ position: relative;
+ overflow: hidden;
+ border: 1px solid transparent;
+ /* placeholder border animation */ }
+ .panel-placeholder:before, .panel-placeholder:after {
+ content: " ";
+ background-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=);
+ border-radius: 5px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ opacity: 0.3; }
+ .panel-placeholder:before {
+ background: #e8e6ec;
+ margin: 1px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ opacity: 1;
+ z-index: 1; }
+
+.mod-panel-clean {
+ /*.panel-container {
+ .panel-content:first-child {
+ padding-top: $p-1;
+ }
+ }*/ }
+ .mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff);
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+ .mod-panel-clean .panel-hdr h2 {
+ color: #333;
+ font-weight: 500; }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ font-size: 0.875rem;
+ min-height: -1rem; }
+ .panel .panel-hdr > :first-child {
+ padding-left: 10px; }
+ .panel .panel-hdr > :last-child {
+ padding-right: 10px; }
+ .panel .panel-hdr .panel-toolbar .btn-toolbar-master {
+ margin-right: -10px; }
+ .panel .panel-container .panel-content:first-child {
+ padding: 10px; } }
+
+/* print only selected panel when on fullscreen */
+@media print {
+ .panel-fullscreen .subheader,
+ .panel-fullscreen .page-breadcrumb,
+ .panel-fullscreen .page-content .panel:not(.panel-fullscreen) {
+ display: none; }
+ .panel-fullscreen .panel-hdr,
+ .panel-fullscreen .panel-container,
+ .panel-fullscreen .panel-content,
+ .panel-fullscreen h2 {
+ border: none;
+ padding: 0 !important; }
+ .panel-fullscreen .panel {
+ margin: 0; } }
+
+.popover {
+ -webkit-box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2);
+ box-shadow: 0 0 15px 1px rgba(90, 80, 105, 0.2);
+ margin: 12px; }
+ .popover .arrow {
+ border-color: inherit; }
+ .popover .popover-header {
+ font-weight: 500;
+ font-size: 0.875rem;
+ border-radius: 0.5rem 0.5rem 0 0;
+ border-bottom-width: 0px; }
+ .popover .popover-body {
+ padding: 0; }
+
+.popover-body:not(:empty) {
+ padding: 0 1rem 1rem; }
+
+.popover-header:empty + .popover-body {
+ padding-top: 1rem; }
+
+.progress-xs {
+ height: 5px; }
+
+.progress-sm {
+ height: 8px; }
+
+.progress-md {
+ height: 14px; }
+
+.progress-lg {
+ height: 20px; }
+
+.progress-xl {
+ height: 30px; }
+
+.menu-item,
+label.menu-open-button {
+ background: #886ab5;
+ border-radius: 50%;
+ width: 45px;
+ height: 45px;
+ position: absolute !important;
+ padding: 0;
+ right: 0;
+ bottom: 0;
+ color: #fff !important;
+ text-align: center;
+ line-height: 45px;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-transition: -webkit-transform ease-out 200ms;
+ transition: -webkit-transform ease-out 200ms;
+ transition: transform ease-out 200ms;
+ transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
+ -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #6e4e9e; }
+
+.shortcut-menu {
+ position: fixed;
+ right: 1.5rem;
+ bottom: 4.3125rem;
+ z-index: 931; }
+
+.menu-open {
+ display: none; }
+
+.menu-item,
+label.menu-open-button {
+ font-size: 16px; }
+
+label.menu-open-button {
+ z-index: 932;
+ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+ -webkit-transition-duration: 400ms;
+ transition-duration: 400ms;
+ cursor: pointer;
+ margin: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+
+.app-shortcut-icon {
+ width: 5px;
+ height: 5px;
+ background: #ecf0f1;
+ color: #ecf0f1;
+ -webkit-transition: .3s;
+ transition: .3s;
+ -webkit-box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px;
+ box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px; }
+
+.menu-open:checked + .menu-open-button {
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ -webkit-transition-duration: 200ms;
+ transition-duration: 200ms;
+ -webkit-transform: scale(0.9, 0.9) translate3d(0, 0, 0);
+ transform: scale(0.9, 0.9) translate3d(0, 0, 0);
+ background: #505050; }
+ .menu-open:checked + .menu-open-button .app-shortcut-icon {
+ -webkit-box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important;
+ box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important;
+ -webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);
+ transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8); }
+
+.menu-open:checked ~ .menu-item {
+ -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+ transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
+ .menu-open:checked ~ .menu-item:nth-child(3) {
+ -webkit-transition-duration: 150ms;
+ transition-duration: 150ms;
+ -webkit-transform: translate3d(0, -48px, 0);
+ transform: translate3d(0, -48px, 0); }
+ .menu-open:checked ~ .menu-item:nth-child(4) {
+ -webkit-transition-duration: 250ms;
+ transition-duration: 250ms;
+ -webkit-transform: translate3d(0, -96px, 0);
+ transform: translate3d(0, -96px, 0); }
+ .menu-open:checked ~ .menu-item:nth-child(5) {
+ -webkit-transition-duration: 350ms;
+ transition-duration: 350ms;
+ -webkit-transform: translate3d(0, -144px, 0);
+ transform: translate3d(0, -144px, 0); }
+ .menu-open:checked ~ .menu-item:nth-child(6) {
+ -webkit-transition-duration: 450ms;
+ transition-duration: 450ms;
+ -webkit-transform: translate3d(0, -192px, 0);
+ transform: translate3d(0, -192px, 0); }
+ .menu-open:checked ~ .menu-item:nth-child(7) {
+ -webkit-transition-duration: 550ms;
+ transition-duration: 550ms;
+ -webkit-transform: translate3d(0, -240px, 0);
+ transform: translate3d(0, -240px, 0); }
+
+/* set base height for slider */
+.slide-on-mobile {
+ width: 15rem; }
+
+@media only screen and (max-width: 992px) {
+ /* SIDE PANELS */
+ .slide-on-mobile {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ z-index: 950;
+ position: absolute !important;
+ top: 0;
+ bottom: 0;
+ background-color: #f8f9fa;
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .slide-backdrop {
+ background: transparent;
+ -webkit-transition: background 300ms;
+ transition: background 300ms; }
+ .slide-on-mobile-left {
+ border-right: 1px solid rgba(0, 0, 0, 0.09);
+ /* new solution */
+ left: -15rem; }
+ .slide-on-mobile-left-show {
+ left: 0; }
+ .slide-on-mobile-right {
+ border-left: 1px solid rgba(0, 0, 0, 0.09);
+ right: -15rem; }
+ .slide-on-mobile-right-show {
+ right: 0; }
+ /* place the backdrop right after these classes */
+ .slide-on-mobile-right-show + .slide-backdrop,
+ .slide-on-mobile-left-show + .slide-backdrop {
+ background: rgba(0, 0, 0, 0.09);
+ position: absolute;
+ z-index: 948;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0; } }
+
+/* bootstrap override table stripe */
+.table.table-striped:not(.table-bordered) th,
+.table.table-striped:not(.table-bordered) tbody th,
+.table.table-striped:not(.table-bordered) tbody td {
+ border: 0; }
+
+.table thead[class^="bg-"] tr > th,
+.table thead[class*=" bg-"] tr > th {
+ border-top: 0;
+ border-bottom: 0; }
+
+.table tr[class^="bg-"] > td,
+.table tr[class^="bg-"] > th,
+.table tr[class*=" bg-"] > td,
+.table tr[class*=" bg-"] > th {
+ border-top: 0 !important; }
+
+.thead-themed {
+ background-color: #f2f2f2;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f2f2f2), to(#fafafa));
+ background-image: linear-gradient(to top, #f2f2f2, #fafafa); }
+
+.table-dark .thead-themed {
+ background-color: #363636;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#363636), to(#2a2a2a));
+ background-image: linear-gradient(to top, #363636, #2a2a2a); }
+
+.table-bordered[class*=" bg-"],
+.table-bordered[class*=" bg-"] td,
+.table-bordered[class*=" bg-"] th, .table-bordered[class^="bg-"],
+.table-bordered[class^="bg-"] td,
+.table-bordered[class^="bg-"] th {
+ border: 1px solid rgba(255, 255, 255, 0.1); }
+
+.table-bordered [class*=" bg-"] td,
+.table-bordered [class*=" bg-"] th,
+.table-bordered [class^="bg-"] td,
+.table-bordered [class^="bg-"] th {
+ border: 1px solid rgba(0, 0, 0, 0.1); }
+
+/* table hover */
+.table-hover tbody tr:hover {
+ -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
+ box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
+ z-index: 1; }
+
+/* reset table (global) */
+th {
+ font-weight: 500; }
+
+.table-clean {
+ background: transparent;
+ border: none; }
+ .table-clean tr,
+ .table-clean td,
+ .table-clean th {
+ border: none;
+ background: none; }
+
+.table-scale-border-top {
+ border-top: 2px solid #505050 !important; }
+
+.table-scale-border-bottom {
+ border-bottom: 2px solid #505050 !important; }
+
+/* nav tabs panel */
+.nav-tabs-clean {
+ height: 45px;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+ .nav-tabs-clean .nav-item .nav-link {
+ border-radius: 0;
+ border: 0;
+ height: 45px;
+ /*font-size: rem($fs-md);
+ font-weight: 500;*/
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ border-bottom: 1px solid transparent; }
+ .nav-tabs-clean .nav-item .nav-link.active {
+ border-bottom: 1px solid #886ab5;
+ color: #886ab5; }
+ .nav-tabs-clean .nav-item .nav-link:hover {
+ color: #886ab5; }
+
+/* hack for waves effect breaking tabs */
+/*.nav-tabs .nav-item > .nav-link.waves-effect {
+ height: 100% !important;
+ display: block;
+}*/
+/* fontsize for tabs */
+.nav-tabs .nav-item .nav-link:not(:hover) {
+ color: inherit; }
+
+.nav-tabs .nav-item .nav-link.active:not(:hover) {
+ color: #333; }
+
+.nav-tabs .nav-item .nav-link:hover:not(.active) {
+ color: inherit; }
+
+.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {
+ font-weight: 500;
+ font-size: 0.8125rem; }
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+ color: #886ab5; }
+
+.tooltip-inner {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-weight: 500;
+ -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
+
+/*.tooltip .arrow {
+ display: none;
+}*/
+/* #MISC - misc styles, helpers, effects and hacks
+========================================================================== */
+/* height & width auto */
+.h-auto {
+ height: auto !important; }
+
+.w-auto {
+ width: auto !important; }
+
+.min-height-reset {
+ min-height: initial !important; }
+
+.max-width-reset {
+ max-width: none !important; }
+
+.max-height-reset {
+ max-height: none !important; }
+
+/* width preset */
+.min-width-0 {
+ min-width: 0; }
+
+.width-0 {
+ width: 0; }
+
+.width-1 {
+ width: 1.5rem; }
+
+.width-2 {
+ width: 2rem; }
+
+.width-3 {
+ width: 2.5rem; }
+
+.width-4 {
+ width: 2.75rem; }
+
+.width-5 {
+ width: 3rem; }
+
+.width-6 {
+ width: 3.25rem; }
+
+.width-7 {
+ width: 3.5rem; }
+
+.width-8 {
+ width: 3.75rem; }
+
+.width-9 {
+ width: 4rem; }
+
+.width-10 {
+ width: 4.25rem; }
+
+.width-xs {
+ min-width: 5rem; }
+
+.width-sm {
+ min-width: 10rem; }
+
+.width-lg {
+ min-width: 15rem; }
+
+.width-xl {
+ min-width: 20rem; }
+
+.height-0 {
+ height: 0; }
+
+.height-1 {
+ height: 1.5rem; }
+
+.height-2 {
+ height: 2rem; }
+
+.height-3 {
+ height: 2.5rem; }
+
+.height-4 {
+ height: 2.75rem; }
+
+.height-5 {
+ height: 3rem; }
+
+.height-6 {
+ height: 3.25rem; }
+
+.height-7 {
+ height: 3.5rem; }
+
+.height-8 {
+ height: 3.75rem; }
+
+.height-9 {
+ height: 4rem; }
+
+.height-10 {
+ height: 4.25rem; }
+
+.height-xs {
+ min-height: 5rem; }
+
+.height-sm {
+ min-height: 10rem; }
+
+.height-lg {
+ min-height: 15rem; }
+
+.height-xl {
+ min-height: 20rem; }
+
+/* line-heights */
+.l-h-n {
+ line-height: normal; }
+
+/* no bg image */
+.bg-img-none {
+ background-image: none !important; }
+
+/* flex */
+.flex-1 {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+/* margins */
+.m-g {
+ margin: 1.5rem; }
+
+.mb-g {
+ margin-bottom: 1.5rem !important; }
+
+.mb-gb {
+ margin-bottom: 3rem; }
+
+/* paddings */
+.p-g {
+ padding: 1.5rem; }
+
+/* text turncaters */
+.text-truncate-header {
+ max-width: 6.0625rem; }
+
+.text-truncate-xs {
+ max-width: 4.5625rem; }
+
+.text-truncate-sm {
+ max-width: 117px; }
+
+.text-truncate-md {
+ max-width: 160px; }
+
+.text-truncate-default {
+ max-width: 180px; }
+
+.text-truncate-lg {
+ max-width: 200px; }
+
+/* blur text */
+.text-blur {
+ color: transparent !important;
+ text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
+
+a.text-blur {
+ text-shadow: 0 0 5px rgba(136, 106, 181, 0.5); }
+
+/* positions usage:
+ .position-absolute|relative|static|fixed .pos-top|left|right|bottom */
+.pos-top {
+ top: 0; }
+
+.pos-left {
+ left: 0; }
+
+.pos-right {
+ right: 0; }
+
+.pos-bottom {
+ bottom: 0; }
+
+/* font weights */
+.fw-300 {
+ font-weight: 300 !important; }
+
+.fw-400 {
+ font-weight: 400 !important; }
+
+.fw-500 {
+ font-weight: 500 !important; }
+
+.fw-700 {
+ font-weight: 700 !important; }
+
+.fw-900 {
+ font-weight: 900 !important; }
+
+.fw-n {
+ font-weight: normal !important; }
+
+/* font sizes */
+.fs-nano {
+ font-size: 0.6875rem !important; }
+
+/* 10px */
+.fs-xs {
+ font-size: 0.75rem !important; }
+
+/* 12px */
+.fs-sm {
+ font-size: 0.78125rem !important; }
+
+/* 12.5px */
+.fs-b {
+ font-size: 0.8125rem !important; }
+
+/* 13px */
+.fs-md {
+ font-size: 0.875rem !important; }
+
+/* 14px */
+.fs-lg {
+ font-size: 0.9375rem !important; }
+
+/* 15px */
+.fs-xl {
+ font-size: 1rem !important; }
+
+/* 16px */
+.fs-xxl {
+ font-size: 1.75rem !important; }
+
+/* page header */
+/* alphas */
+.opacity-5 {
+ opacity: 0.05; }
+
+.opacity-10 {
+ opacity: 0.1; }
+
+.opacity-15 {
+ opacity: 0.15; }
+
+.opacity-20 {
+ opacity: 0.2; }
+
+.opacity-25 {
+ opacity: 0.25; }
+
+.opacity-30 {
+ opacity: 0.3; }
+
+.opacity-35 {
+ opacity: 0.35; }
+
+.opacity-40 {
+ opacity: 0.4; }
+
+.opacity-45 {
+ opacity: 0.45; }
+
+.opacity-50 {
+ opacity: 0.5; }
+
+.opacity-55 {
+ opacity: 0.55; }
+
+.opacity-60 {
+ opacity: 0.6; }
+
+.opacity-65 {
+ opacity: 0.65; }
+
+.opacity-70 {
+ opacity: 0.7; }
+
+.opacity-75 {
+ opacity: 0.75; }
+
+.opacity-80 {
+ opacity: 0.8; }
+
+.opacity-85 {
+ opacity: 0.85; }
+
+.opacity-90 {
+ opacity: 0.9; }
+
+.opacity-95 {
+ opacity: 0.95; }
+
+.opacity-100 {
+ opacity: 1; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8));
+ background-image: linear-gradient(to top, #fff, #f8f8f8); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5fcff));
+ background-image: linear-gradient(to top, #fff, #f5fcff); }
+
+.bg-highlight {
+ background-color: #fffaee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #f3f3f3; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #868e96; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(29, 29, 29, 0.07); }
+
+.border-transparent {
+ border: 1px solid transparent !important; }
+
+/* border radius */
+.border-top-left-radius-0 {
+ border-top-left-radius: 0 !important; }
+
+.border-bottom-left-radius-0 {
+ border-bottom-left-radius: 0 !important; }
+
+.border-top-right-radius-0 {
+ border-top-right-radius: 0 !important; }
+
+.border-bottom-right-radius-0 {
+ border-bottom-right-radius: 0 !important; }
+
+.rounded-plus {
+ border-radius: 10px; }
+
+.rounded-bottom {
+ border-radius: 0 0 4px; }
+
+.rounded-top {
+ border-radius: 4px 4px 0 0; }
+
+/* progressbars */
+/*.progress-xs { height: 5px }
+.progress-sm { height: 8px }
+.progress-md { height: 14px }
+.progress-lg { height: 20px }
+.progress-xl { height: 30px }*/
+/* rotate */
+.rotate-90 {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg); }
+
+.rotate-180 {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+
+.rotate-270 {
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg); }
+
+/* shadows */
+.shadow-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+.shadow-1, .shadow-hover-1:hover {
+ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1); }
+
+.shadow-2, .shadow-hover-2:hover {
+ -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1); }
+
+.shadow-3, .shadow-hover-3:hover {
+ -webkit-box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125);
+ box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125); }
+
+.shadow-4, .shadow-hover-4:hover {
+ -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125);
+ box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125); }
+
+.shadow-5, .shadow-hover-5:hover {
+ -webkit-box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175);
+ box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175); }
+
+.shadow-inset-1, .shadow-hover-inset-1:hover {
+ -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025);
+ box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); }
+
+.shadow-inset-2, .shadow-hover-inset-2:hover {
+ -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04);
+ box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04); }
+
+.shadow-inset-3, .shadow-hover-inset-3:hover {
+ -webkit-box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05);
+ box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05); }
+
+.shadow-inset-4, .shadow-hover-inset-4:hover {
+ -webkit-box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06);
+ box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06); }
+
+.shadow-inset-5, .shadow-hover-inset-5:hover {
+ -webkit-box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07);
+ box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07); }
+
+.shadow-sm-hover:hover {
+ -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
+
+.shadow-hover:hover {
+ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
+
+.shadow-lg-hover:hover {
+ -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
+
+/*.shadow-unique-hover {
+ @extend %shadow-hover;
+}*/
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff;
+ -webkit-transition: all .1s ease-in;
+ transition: all .1s ease-in;
+ color: inherit; }
+ .hover-bg:hover {
+ background: inherit;
+ color: inherit; }
+
+/* hover alpha effect */
+/* example found in the buttons page */
+/* example of use could be found inside panel buttons top right */
+.hover-effect-dot {
+ position: relative; }
+ .hover-effect-dot:before {
+ content: "";
+ background: rgba(0, 0, 0, 0.2);
+ width: 0%;
+ height: 0%;
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ border-radius: 100%;
+ -webkit-transition: all 100ms ease-in;
+ transition: all 100ms ease-in; }
+ .hover-effect-dot:hover:before {
+ width: 75%;
+ height: 75%;
+ top: 12%;
+ left: 12%; }
+
+/* hover light bg effect */
+.hover-highlight:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.hover-highlight:active {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.05)), to(rgba(29, 33, 41, 0.06)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.05), rgba(29, 33, 41, 0.06)); }
+
+/* hover and hide items on show */
+.show-child-on-hover .show-on-hover-parent {
+ display: none; }
+
+.show-child-on-hover:hover .show-on-hover-parent {
+ display: block; }
+
+.hide-child-on-hover .hide-on-hover-parent {
+ display: block; }
+
+.hide-child-on-hover:hover .hide-on-hover-parent {
+ display: none; }
+
+/* z-indexes */
+.z-index-space {
+ z-index: 1000; }
+
+.z-index-cloud {
+ z-index: 950; }
+
+.z-index-ground {
+ z-index: 0; }
+
+.z-index-water {
+ z-index: -99; }
+
+/* cursor
+ usage: cursor-default;
+*/
+.cursor-auto {
+ cursor: auto !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-crosshair {
+ cursor: crosshair !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-default {
+ cursor: default !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-e-resize {
+ cursor: e-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-help {
+ cursor: help !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-move {
+ cursor: move !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-n-resize {
+ cursor: n-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-ne-resize {
+ cursor: ne-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-nw-resize {
+ cursor: nw-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-pointer {
+ cursor: pointer !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-progress {
+ cursor: progress !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-s-resize {
+ cursor: s-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-se-resize {
+ cursor: se-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-sw-resize {
+ cursor: sw-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-text {
+ cursor: text !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-w-resize {
+ cursor: w-resize !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-wait {
+ cursor: wait !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+.cursor-inherit {
+ cursor: inherit !important;
+ /* had to insert important since bootstrap has some peculiar classes */ }
+
+/* states */
+.state-selected {
+ background: #e7f4fe !important; }
+
+/* collapse toggle to reveal and hide elements */
+[aria-expanded="false"] ~ .collapsed-reveal {
+ display: none; }
+
+[aria-expanded="false"] .collapsed-reveal {
+ display: none; }
+
+[aria-expanded="false"] ~ .collapsed-hidden {
+ display: block; }
+
+[aria-expanded="false"] .collapsed-hidden {
+ display: block; }
+
+[aria-expanded="true"] ~ .collapsed-reveal {
+ display: block; }
+
+[aria-expanded="true"] .collapsed-reveal {
+ display: block; }
+
+[aria-expanded="true"] ~ .collapsed-hidden {
+ display: none; }
+
+[aria-expanded="true"] .collapsed-hidden {
+ display: none; }
+
+/* demo window */
+.demo-window {
+ position: relative;
+ z-index: 1;
+ overflow: hidden;
+ padding-top: 23px;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .demo-window:before, .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ content: "";
+ position: absolute;
+ display: block; }
+ .demo-window:before {
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 3;
+ height: 23px;
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ left: 10px;
+ background: #ccc;
+ top: 6px;
+ z-index: 4;
+ width: 11px;
+ height: 11px;
+ border-radius: 50%; }
+ .demo-window .demo-window-content {
+ width: 100%; }
+ .demo-window .demo-window-content img {
+ display: block;
+ width: 100%; }
+ .demo-window .demo-window-content:before {
+ left: 26px; }
+ .demo-window .demo-window-content:after {
+ left: 43px; }
+
+/* layout composed */
+.layout-composed .page-content {
+ padding: 0 !important; }
+ .layout-composed .page-content .page-breadcrumb,
+ .layout-composed .page-content .subheader {
+ display: none; }
+
+/* responsive helpers */
+@media only screen and (max-width: 992px) {
+ /* layout composed mobile only */
+ .layout-composed-mobile .page-content {
+ padding: 0 !important; }
+ .layout-composed-mobile .page-content .page-breadcrumb,
+ .layout-composed-mobile .page-content .subheader {
+ display: none; }
+ /* positions on mobile view */
+ .position-on-mobile-absolute {
+ position: absolute !important; }
+ .position-on-mobile-relative {
+ position: relative !important; }
+ .position-on-mobile-static {
+ position: static !important; }
+ /* RESET HEIGHTS */
+ .height-mobile-auto {
+ height: auto;
+ min-height: auto;
+ max-height: auto; }
+ .width-mobile-auto {
+ width: auto;
+ min-width: auto;
+ max-width: auto; }
+ /* FULL HEIGHT ON MOBILE */
+ .expand-full-height-on-mobile {
+ height: calc(100vh - 4.125rem) !important; }
+ .expand-full-width-on-mobile {
+ width: 100vw !important;
+ max-width: 100vw !important; } }
+
+/* row grid */
+.row-grid {
+ overflow: hidden; }
+ .row-grid > .col,
+ .row-grid > [class^="col-"],
+ .row-grid > [class*=" col-"],
+ .row-grid > [class^="col "],
+ .row-grid > [class*=" col "],
+ .row-grid > [class$=" col"],
+ .row-grid > [class="col"] {
+ position: relative; }
+ .row-grid > .col:after,
+ .row-grid > [class^="col-"]:after,
+ .row-grid > [class*=" col-"]:after,
+ .row-grid > [class^="col "]:after,
+ .row-grid > [class*=" col "]:after,
+ .row-grid > [class$=" col"]:after,
+ .row-grid > [class="col"]:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: -1px;
+ display: block;
+ width: 0;
+ border-left: 1px solid rgba(29, 29, 29, 0.07); }
+ .row-grid > .col:before,
+ .row-grid > [class^="col-"]:before,
+ .row-grid > [class*=" col-"]:before,
+ .row-grid > [class^="col "]:before,
+ .row-grid > [class*=" col "]:before,
+ .row-grid > [class$=" col"]:before,
+ .row-grid > [class="col"]:before {
+ content: "";
+ position: absolute;
+ right: 0;
+ bottom: -1px;
+ left: 0;
+ display: block;
+ height: 0;
+ border-top: 1px solid rgba(29, 29, 29, 0.07); }
+
+/* List table */
+.list-table {
+ height: auto;
+ display: table;
+ margin: 0;
+ padding: 0; }
+ .list-table > li {
+ display: table-cell;
+ vertical-align: middle;
+ position: relative;
+ padding: 0; }
+ .list-table > li.search {
+ position: static; }
+
+/* mostly used for nav items */
+.disabled:not(.btn),
+.disabled:not(.btn) > * {
+ -webkit-filter: grayscale(80%);
+ filter: grayscale(80%);
+ opacity: 0.80;
+ cursor: not-allowed; }
+ .disabled:not(.btn) ul,
+ .disabled:not(.btn) .collapse-sign,
+ .disabled:not(.btn) > * ul,
+ .disabled:not(.btn) > * .collapse-sign {
+ display: none; }
+
+ul.list-verticle {
+ margin: 0;
+ padding: 0;
+ list-style: none; }
+
+.show > .dropdown-menu-animated {
+ -webkit-transform: scale(1) !important;
+ transform: scale(1) !important;
+ -webkit-transform-origin: 29px -50px;
+ transform-origin: 29px -50px;
+ opacity: 1;
+ visibility: visible; }
+
+hr {
+ border: none;
+ border-bottom: 1px dashed #eee; }
+ hr.hr-xl {
+ margin: 3rem 0; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3e93d6, #8a75aa); }
+
+/* custom scroll */
+/* table no border */
+.table-border-0 th,
+.table-border-0 td {
+ border: 0 !important; }
+
+/* table calendar */
+.table-calendar {
+ table-layout: fixed; }
+ .table-calendar th {
+ border: 0px !important;
+ font-weight: 500; }
+ .table-calendar tr td:first-child {
+ border-left: 0; }
+ .table-calendar tr td:last-child {
+ border-right: 0;
+ padding-right: 10px; }
+ .table-calendar td, .table-calendar th {
+ text-align: right;
+ vertical-align: top;
+ padding: 5px 8px;
+ position: relative; }
+
+/* list spaced */
+.list-spaced li {
+ margin-top: 7px;
+ margin-bottom: 7px; }
+ .list-spaced li:first-child {
+ margin-top: 0; }
+ .list-spaced li:last-child {
+ margin-bottom: 0; }
+
+.list-spaced > li {
+ padding: 0 0 0.2rem; }
+
+/* profile images */
+.profile-image {
+ width: 3.125rem;
+ height: 3.125rem; }
+
+.profile-image-md {
+ width: 2rem;
+ height: 2rem; }
+
+.profile-image-sm {
+ width: 1.5625rem;
+ height: 1.5625rem; }
+
+/* image share */
+.img-share {
+ width: auto;
+ height: 2.8125rem; }
+
+span.img-share {
+ width: 4.12594rem;
+ height: 2.8125rem; }
+
+.notes {
+ padding: 5px;
+ background: #f9f4b5; }
+
+/*
+.shadow-2 {
+ box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
+}
+.shadow-3 {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+}
+.shadow-4 {
+ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
+}
+.shadow-5 {
+ box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
+}*/
+/* disclaimer class */
+.disclaimer {
+ padding-left: 10px;
+ font-size: 0.5rem;
+ color: #a2a2a2;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ font-style: italic; }
+
+/* horizontal scrolling */
+.scrolling-wrapper {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .scrolling-wrapper .card {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .scrolling-wrapper::-webkit-scrollbar {
+ display: none; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ content: " ";
+ position: absolute;
+ width: 15px;
+ height: 15px;
+ display: block;
+ top: -2px;
+ right: -2px;
+ background: #505050;
+ border-radius: 50%;
+ border: 2px solid #fff; }
+ .status.status-sm:before {
+ width: 10px;
+ height: 10px;
+ border-width: 1px;
+ top: 0;
+ right: 0; }
+ .status.status-success:before {
+ background: #1dc9b7; }
+ .status.status-danger:before {
+ background: #fd3995; }
+ .status.status-warning:before {
+ background: #ffc241; }
+
+/* containers */
+.container.container-sm {
+ max-width: 576px; }
+
+.container.container-md {
+ max-width: 768px; }
+
+.container.container-lg {
+ max-width: 992px; }
+
+/* responsive visibility */
+/* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */
+.hidden-xs-up {
+ display: none !important; }
+
+@media (max-width: 575.98px) {
+ .hidden-xs-down {
+ display: none !important; } }
+
+@media (min-width: 576px) {
+ .hidden-sm-up {
+ display: none !important; } }
+
+@media (max-width: 767.98px) {
+ .hidden-sm-down {
+ display: none !important; } }
+
+@media (min-width: 768px) {
+ .hidden-md-up {
+ display: none !important; } }
+
+@media (max-width: 991.98px) {
+ .hidden-md-down {
+ display: none !important; } }
+
+@media (min-width: 992px) {
+ .hidden-lg-up {
+ display: none !important; } }
+
+@media (max-width: 1398.98px) {
+ .hidden-lg-down {
+ display: none !important; } }
+
+@media (min-width: 1399px) {
+ .hidden-xl-up {
+ display: none !important; } }
+
+.hidden-xl-down {
+ display: none !important; }
+
+/* display frame */
+.frame-heading {
+ font-size: 0.8125rem;
+ margin-bottom: 1rem;
+ color: #a1a1a1;
+ font-weight: 500; }
+ .frame-heading small {
+ font-size: 0.8125rem;
+ margin-bottom: 0.5rem; }
+
+.frame-wrap {
+ background: white;
+ padding: 0;
+ margin-bottom: 3rem; }
+
+* > .frame-wrap:last-child {
+ margin-bottom: 0 !important; }
+
+/* time stamp */
+.time-stamp {
+ font-size: 0.78125rem;
+ margin: 0.25rem 0 0 0;
+ color: #767676;
+ font-weight: 300; }
+
+/* data-hasmore */
+[data-hasmore] {
+ position: relative;
+ color: #fff; }
+ [data-hasmore]:before {
+ content: attr(data-hasmore);
+ border-radius: inherit;
+ background: rgba(0, 0, 0, 0.4);
+ height: inherit;
+ width: 100%;
+ position: absolute;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ font-weight: 500;
+ font-size: inherit; }
+
+/* code */
+code {
+ background: #f8f8f8;
+ padding: 4px 7px;
+ border-radius: 4px; }
+
+/* star checkbox */
+.star {
+ visibility: hidden;
+ font-size: 1.5em;
+ cursor: pointer; }
+
+.star:before {
+ content: "☆";
+ position: absolute;
+ visibility: visible; }
+
+.star:checked:before {
+ content: "★";
+ position: absolute; }
+
+.shadow-top:after,
+.shadow-bottom:after,
+.mobile-view-activated.header-function-fixed .page-header:after,
+.mobile-view-activated.header-function-fixed .page-footer:after {
+ content: "";
+ height: 6px;
+ position: absolute;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==);
+ background-size: cover;
+ top: -5px;
+ left: 0;
+ right: 0;
+ opacity: 0.06; }
+
+.shadow-bottom:after,
+.mobile-view-activated.header-function-fixed .page-header:after {
+ top: auto;
+ bottom: -5px;
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==); }
+
+.shadow-bottom-line,
+.shadow-top-line {
+ position: relative; }
+ .shadow-bottom-line:after,
+ .shadow-top-line:after {
+ content: "";
+ width: 100%;
+ height: 5px;
+ position: absolute;
+ bottom: -5px;
+ left: 0;
+ right: 0;
+ background-color: rgba(80, 80, 80, 0.09);
+ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(80, 80, 80, 0.09)), to(transparent));
+ background-image: linear-gradient(to top, rgba(80, 80, 80, 0.09), transparent);
+ /*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent);
+ background-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/ }
+
+.shadow-top-line:after {
+ content: "";
+ top: -5px;
+ background-color: transparent;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(80, 80, 80, 0.09)));
+ background-image: linear-gradient(to top, transparent, rgba(80, 80, 80, 0.09));
+ /*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09));
+ background-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/ }
+
+/* press animation */
+.press-scale-down {
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease; }
+ .press-scale-down:active {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95); }
+
+.hover-white:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.hover-white:active {
+ background: #e7e7e7; }
+
+/*
+
+ DOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the
+ following comments by the author states:
+
+ IE10 in Windows (Phone) 8
+
+ Support for responsive views via media queries is kind of borked in IE10, for
+ Surface/desktop in split view and for Windows Phone 8. This particular fix
+ must be accompanied by a snippet of JavaScript to sniff the user agent and
+ apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
+ our Getting Started page for more information on this bug.
+
+ For more information, see the following:
+
+ Issue: https://github.com/twbs/bootstrap/issues/10497
+ Docs: http://getbootstrap.com/getting-started/#support-ie10-width
+ Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
+ Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ Solution:
+ http://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx
+ We add the following instead:
+
+*/
+body.desktop-detected {
+ -ms-overflow-style: scrollbar; }
+
+/* Reset elms pos when js-waves-off is used */
+/*.js-waves-off {
+ position: relative;
+ overflow: hidden;
+ user-select: none;
+ z-index: 0;
+}*/
+/*.btn {
+ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05),
+ 0 1px 2px rgba(0, 0, 0, 0.1);
+
+ &:hover,
+ &:active {
+ box-shadow: none;
+ }
+}*/
+/* change the white to any color ;) */
+input:-webkit-autofill {
+ -webkit-box-shadow: 0 0 0px 1000px white inset;
+ -webkit-text-fill-color: inherit !important; }
+
+/* select background */
+::-moz-selection {
+ background: #505050;
+ color: #fff; }
+::selection {
+ background: #505050;
+ color: #fff; }
+
+::-moz-selection {
+ background: #505050;
+ color: #fff; }
+
+/* remove dotted line from focus */
+input:focus,
+select:focus,
+textarea:focus,
+button:focus {
+ outline: none; }
+
+/* IE input clear field "X" input remove */
+::-ms-clear {
+ width: 0;
+ height: 0; }
+
+/* links */
+a {
+ text-decoration: none !important; }
+
+/* touch action */
+a, area, button, [role="button"], input, label, select, summary, textarea {
+ -ms-touch-action: manipulation;
+ touch-action: manipulation; }
+
+a[target]:not(.btn) {
+ font-weight: 500;
+ -webkit-text-decoration-skip: ink;
+ text-decoration-skip-ink: auto;
+ text-decoration: underline !important; }
+
+/* btn active */
+/*.btn.active,
+.btn:active {
+ background-image: none;
+ outline: 0;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+ box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}*/
+/* dot bullet */
+.dot {
+ /*width: 4px;
+ height: 4px;
+ display: inline-block;
+ line-height: 0;
+ border-radius: 100%;*/
+ font-size: 4px !important;
+ margin-right: 0.5rem !important;
+ margin-left: -8px !important; }
+
+/* forms */
+/* fix alignment for custom controls */
+/*.custom-control {
+ display: flex;
+ align-items: center;
+}*/
+select.custom-select {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ text-indent: 1px;
+ text-overflow: ''; }
+
+select.custom-select::-ms-expand {
+ display: none; }
+
+/* bootstrap modal remove padding */
+/* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */
+body:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open {
+ padding-right: 8px !important; }
+
+body:not(.mobile-view-activated).mod-main-boxed.modal-open {
+ padding-right: 0px !important; }
+
+/* hover adjustment for close buttons */
+.close:not(:disabled):not(.disabled):hover,
+.close:not(:disabled):not(.disabled):focus {
+ color: inherit; }
+
+/* add borders to button groups */
+.btn-group .btn:not([class*="btn-outline-"]):not(.btn-icon):not(.btn-light) {
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.input-group-prepend .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.input-group-append .btn:not([class*="btn-outline-"]):not(.btn-icon):not(:first-child) {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.btn-group-vertical .btn:not([class*="btn-outline-"]):not(:first-child),
+.btn-group-vertical .btn-group {
+ border-top: 1px solid rgba(0, 0, 0, 0.1); }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ /* IE10+ CSS styles go here */
+ .text-gradient {
+ background: transparent; }
+ .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before {
+ left: -0.25rem !important; }
+ .ie-only {
+ display: inline-block !important; }
+ /* table hover */
+ .table-hover tbody tr:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background-color: #fffaee; }
+ /* Counters IE bug
+ DOC: If you've ever used CSS transitions on structural elements on your page,
+ you may have noticed a case where a transition occur immideately after page load.
+ As a result the user may experience the illusion of "broken page elements"
+
+ Below solution insures that pace's indication of "everything loaded" before applying the CSS transitions
+ */
+ .pace-running .page-sidebar,
+ .pace-running .page-sidebar *,
+ .pace-running .page-content-wrapper {
+ -webkit-transition: none !important;
+ -moz-transition: none !important;
+ -ms-transition: none !important;
+ -o-transition: none !important; } }
+
+/* #MOBILE - mobile media related styles
+========================================================================== */
+/* contains most of the responsive styles for the app */
+/********************************************************
+ RESPONSIVE REFERENCES
+
+.col-xs- .col-sm- .col-md- .col-lg- .col-xl-
+<544px ≥544px ≥768px ≥992px ≥1200px
+
+$grid-breakpoints: (
+ // Extra small screen / phone
+ xs: 0,
+ // Small screen / phone
+ sm: 544px,
+ // Medium screen / tablet
+ md: 768px,
+ // Large screen / desktop
+ lg: 992px,
+ // Extra large screen / wide desktop
+ xl: 1200px
+) !default;
+
+*********************************************************/
+@media (min-width: 992px) {
+ .page-header {
+ padding: 0 2rem; }
+ .page-content {
+ padding: 1.5rem 2rem; }
+ .page-content .panel {
+ margin-bottom: 1.5rem; } }
+
+/*@include media-breakpoint-up(xl) {
+ .page-header {
+ padding: 0 $header-inner-padding-x;
+ }
+ .page-content {
+ padding: 1.5rem 2rem;
+
+ .card.panel {
+ margin-bottom: 1.5rem;
+ }
+ }
+}*/
+@media only screen and (max-width: 992px) {
+ /*html {
+ font-size: 18px;
+ }*/
+ .dropdown-menu .dropdown-menu {
+ position: static;
+ padding: .5rem 0 0 .75rem;
+ width: 100%;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1;
+ -webkit-transition: none;
+ transition: none; }
+ .show .dropdown-menu .dropdown-menu {
+ visibility: visible; }
+ .dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after {
+ display: none; }
+ body {
+ overflow-x: hidden; }
+ .page-logo-text {
+ font-size: 1rem; }
+ .page-content-overlay {
+ background: transparent;
+ -webkit-transition: background 300ms;
+ transition: background 300ms;
+ position: fixed;
+ z-index: 1001; }
+ .page-wrapper {
+ padding-left: 0;
+ background: #fff; }
+ .page-wrapper .page-header {
+ padding: 0 1.5rem;
+ width: 100%;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-header [data-toggle="dropdown"] + .dropdown-menu {
+ right: 1.5rem; }
+ .page-wrapper .page-sidebar {
+ z-index: 2000;
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ -webkit-transform: translate3d(-16.875rem, 0, 0);
+ transform: translate3d(-16.875rem, 0, 0);
+ position: fixed !important;
+ top: 0;
+ bottom: 0; }
+ .page-wrapper .page-sidebar .primary-nav {
+ overflow: auto;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+ height: calc(100% - 6.9375rem); }
+ .page-wrapper .page-sidebar .primary-nav .nav-menu .dl-ref {
+ vertical-align: text-top; }
+ .page-wrapper .page-content {
+ padding: 1.5rem 1.5rem;
+ color: #222;
+ font-size: 14px;
+ min-height: calc(100vh - 6.9375rem); }
+ .page-wrapper .page-content .breadcrumb > .breadcrumb-item {
+ max-width: 80px; }
+ .page-wrapper .page-content .subheader {
+ margin-bottom: 1.5rem; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ line-height: 32px;
+ font-weight: 300;
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ font-size: 68%;
+ letter-spacing: normal;
+ margin-top: 0px;
+ color: #181c21;
+ overflow: hidden;
+ width: calc(100% - 30px);
+ font-weight: 300; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ .header-function-fixed {
+ /* this was conflicting with the new DOM change where we swtiched header with nav */
+ /*&:not(.nav-function-fixed) {
+
+ .page-sidebar {
+ .page-logo {
+ position: absolute !important;
+ top:0px !important;
+ }
+ }
+
+ }*/ }
+ .header-function-fixed .page-header {
+ margin-left: 0;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .header-function-fixed .page-header,
+ .header-function-fixed .page-logo {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+ .header-function-fixed .page-content {
+ margin-top: 4.125rem; }
+ /* Push content */
+ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar {
+ -webkit-transform: translate3d(-16.875rem, 0, 0);
+ transform: translate3d(-16.875rem, 0, 0); }
+ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header,
+ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content,
+ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer,
+ .nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push {
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ /* Off canvas */
+ .nav-mobile-slide-out {
+ min-height: 100vh !important;
+ /*new*/ }
+ .nav-mobile-slide-out .page-wrapper .page-sidebar {
+ z-index: 0;
+ -webkit-transition: none;
+ transition: none;
+ -webkit-transform: translate3d(0px, 0, 0);
+ transform: translate3d(0px, 0, 0); }
+ .nav-mobile-slide-out .page-wrapper .page-header,
+ .nav-mobile-slide-out .page-wrapper .page-content,
+ .nav-mobile-slide-out .page-wrapper .page-footer,
+ .nav-mobile-slide-out .page-wrapper .page-footer-push {
+ -webkit-transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: all 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ /* min-height: calc(100vh - 6.9375rem); no longer needed here */
+ background: #faf8fb; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on {
+ -ms-touch-action: none;
+ touch-action: none;
+ overflow: hidden;
+ height: 100vh;
+ /*.page-content:before {
+ content:" ";
+ position:fixed;
+ z-index: $space;
+ background:rgba(0,0,0,0);
+ display: block;
+ height: 100vh;
+ width: 100vw;
+ left: 0;
+ top: 0;
+ }*/
+ /* Push content */
+ /* Off canvas turned ON*/
+ /* 'not' is ON by default */ }
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ background: rgba(0, 0, 0, 0.09); }
+ .mobile-nav-on:not(.nav-mobile-push) .page-sidebar {
+ -webkit-transform: translate3d(0px, 0, 0) !important;
+ transform: translate3d(0px, 0, 0) !important; }
+ .mobile-nav-on:not(.nav-mobile-push).nav-function-fixed:not(.nav-function-top) .page-sidebar {
+ -webkit-transform: translate3d(0px, 0, 0) !important;
+ transform: translate3d(0px, 0, 0) !important; }
+ .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-sidebar {
+ left: 0;
+ -webkit-transform: translate3d(0px, 0, 0);
+ transform: translate3d(0px, 0, 0); }
+ .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-header,
+ .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-content,
+ .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer,
+ .mobile-nav-on.nav-mobile-push:not(.nav-mobile-slide-out) .page-wrapper .page-footer-push {
+ -webkit-transform: translate3d(16.875rem, 0, 0);
+ transform: translate3d(16.875rem, 0, 0); }
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper {
+ overflow: hidden;
+ /*.page-content:before {
+ background:transparent !important;
+ }*/ }
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header,
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content,
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer,
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push {
+ -webkit-transform: translate3d(16.875rem, 0, 0);
+ transform: translate3d(16.875rem, 0, 0); }
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content-overlay {
+ background: transparent !important;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ left: 16.875rem; }
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-header,
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-content,
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer,
+ .mobile-nav-on.nav-mobile-slide-out .page-wrapper .page-footer-push {
+ -webkit-box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32);
+ box-shadow: 0 9px 0px 0px #faf8fb, 0 -9px 0px 0px #faf8fb, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); }
+ .mobile-nav-on.nav-mobile-no-overlay .page-wrapper {
+ /*.page-content:before {
+ background:rgba(0,0,0,0.3);
+ }*/ }
+ .mobile-nav-on.nav-mobile-no-overlay .page-wrapper .page-content-overlay {
+ background: transparent;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0; } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .page-header > * {
+ display: none !important; }
+ .mobile-search-on:not(.mobile-nav-on) .search {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms {
+ display: block !important;
+ position: relative !important;
+ width: 100%; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms .btn-search-close {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ right: 10px;
+ width: 26px;
+ height: 26px;
+ font-size: 1rem; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ border: 1px solid #886ab5;
+ padding-left: 1rem;
+ padding-right: 3rem;
+ width: 100%;
+ max-width: none;
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #886ab5; }
+ .mobile-search-on:not(.mobile-nav-on) [data-class="mobile-nav-on"] {
+ display: none !important; }
+ .page-header [data-toggle="dropdown"] + .dropdown-menu {
+ width: calc(100% - 2rem) !important;
+ right: 1rem !important; }
+ .page-header,
+ .page-content {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important; }
+ .primary-nav .nav-menu li a > .badge {
+ font-size: 10px !important; }
+ .card .card-header,
+ .card .card-body {
+ padding: 1rem; }
+ .alert,
+ .panel .panel-tag,
+ .accordion .card .card-header .card-title {
+ padding: 1rem; } }
+
+/* changes content colors based on ambience light source of the user (experimental) */
+/* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level */
+/* The device is used in a environment with a light level in the ideal range for the screen,
+ * and which does not necessitate any particular adjustment.. */
+/* The device is used in a dim environment, where excessive contrast and brightness would be
+ * distracting or uncomfortable to the reader. For example: night time, or a dimly
+ * illuminated indoor environment. */
+/* The device is used in an exceptionally bright environment, causing the screen to be washed
+ * out and difficult to read. For example: bright daylight. */
+/* #FORMS (customized bootstrap form elems)
+========================================================================== */
+/* text area */
+.form-content-editable[contenteditable="true"] {
+ overflow: auto;
+ -webkit-user-modify: read-write-plaintext-only;
+ line-height: normal; }
+ .form-content-editable[contenteditable="true"]:focus {
+ outline: 0; }
+ .form-content-editable[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #909090; }
+ .form-content-editable[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+ .form-content-editable[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+ .form-content-editable[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/*.form-control:not(.form-control-sm),
+.custom-select:not(.custom-select-sm),
+.input-group:not(.input-group-sm) {
+ min-height: calc(2.25rem + 2px);
+}*/
+.form-label {
+ font-weight: 500; }
+
+/* select arrow */
+/*select:not(.custom-select):not([multiple]) {
+ background-image:
+ linear-gradient(45deg, transparent 50%, red 60%),
+ linear-gradient(135deg, red 40%, transparent 50%) !important;
+ background-position:
+ calc(100% - 30px) 14px,
+ calc(100% - 20px) 14px,
+ 100% 0;
+ background-size:
+ 10px 10px,
+ 10px 10px;
+ background-repeat: no-repeat;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+}*/
+/* fix */
+.custom-range {
+ -webkit-appearance: none;
+ -moz-appearance: none; }
+
+.custom-range::-moz-range-thumb {
+ -moz-appearance: none; }
+
+.custom-range::-webkit-slider-thumb {
+ -webkit-appearance: none; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #886ab5; }
+
+.has-length .input-group-text {
+ border-color: #886ab5; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #886ab5;
+ color: #fff !important; }
+
+.input-group-text {
+ -webkit-transition: all 0.15s ease-in-out;
+ transition: all 0.15s ease-in-out; }
+
+/* input group animation for multiple inputs */
+.input-group.input-group-multi-transition input[type="text"] {
+ -webkit-transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1);
+ transition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1); }
+ .input-group.input-group-multi-transition input[type="text"]:focus {
+ width: 50%; }
+
+/* BS form hack for checkbox tick mark */
+.custom-checkbox .custom-control-label::after {
+ background-size: 50% 50%; }
+
+/* circle checkbox */
+.custom-checkbox-circle .custom-control-label:before {
+ border-radius: 50%; }
+
+/* rounded radio */
+.custom-radio-rounded .custom-control-label:before {
+ border-radius: 4px; }
+
+/* not sure if we need this? */
+/*.custom-control {
+ min-height: $custom-control-indicator-size;
+}*/
+/* make checked label bold */
+input[type="radio"]:checked + .custom-control-label,
+input[type="checkbox"]:checked + .custom-control-label {
+ font-weight: 500; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #909090; }
+
+/* on feedback error */
+.help-block, .invalid-feedback, .valid-feedback {
+ font-size: 0.6875rem;
+ margin-top: 0.325rem; }
+
+/* when form group is last child show now margin */
+.form-group:last-child,
+.form-group:only-child {
+ margin-bottom: 0; }
+
+/* fix alignment for generic checkbox and radio */
+.form-check-input {
+ margin-top: 0; }
+
+.form-check-label {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.form-check {
+ margin: 5px 0; }
+
+/* #COMPONENTS (can be removed but may or may not impact other components)
+========================================================================== */
+/*@import '_modules/_form-switches';*/
+@media (min-width: 1399px) {
+ .page-sidebar {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+ .header-function-fixed .page-wrapper,
+ .header-function-fixed .page-sidebar,
+ .nav-function-fixed .page-wrapper,
+ .nav-function-fixed .page-sidebar,
+ .header-function-fixed.nav-function-fixed .page-wrapper,
+ .header-function-fixed.nav-function-fixed .page-sidebar {
+ transform: none;
+ -webkit-transform: none;
+ -ms-transform: none; } }
+
+/* #DEMO ELEMS - elements mostly used for demo (can be removed)
+========================================================================== */
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ content: "DISABLED";
+ font-size: 10px;
+ position: absolute;
+ background: #ffebc1;
+ width: 65px;
+ text-align: center;
+ border: 1px solid #ffb20e;
+ height: 22px;
+ line-height: 20px;
+ border-radius: 10px;
+ display: block;
+ right: 13px;
+ top: 26%;
+ color: #1d1d1d; } }
+
+.settings-panel .expanded.theme-colors {
+ display: block;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border: 0;
+ background: transparent;
+ /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/ }
+ .settings-panel .expanded.theme-colors > ul {
+ height: auto; }
+ .settings-panel .expanded.theme-colors > ul > li [data-action] {
+ width: 36px;
+ height: 36px;
+ margin-right: 4px;
+ margin-bottom: 4px;
+ border-radius: 4px; }
+ .settings-panel .expanded.theme-colors > ul > li [data-action]:hover {
+ opacity: 1; }
+ .settings-panel .expanded.theme-colors > ul:last-child {
+ margin-right: 0; }
+ .settings-panel .expanded.theme-colors #myapp-0 {
+ background: #886ab5;
+ -webkit-box-shadow: inset 0 0 0 3px #2ba1ff;
+ box-shadow: inset 0 0 0 3px #2ba1ff; }
+ .settings-panel .expanded.theme-colors #myapp-1 {
+ background: #b56a9f; }
+ .settings-panel .expanded.theme-colors #myapp-2 {
+ background: #9fcb3d; }
+ .settings-panel .expanded.theme-colors #myapp-3 {
+ background: #4679cc; }
+ .settings-panel .expanded.theme-colors #myapp-4 {
+ background: #2198F3; }
+ .settings-panel .expanded.theme-colors #myapp-5 {
+ background: #6ab5b4; }
+ .settings-panel .expanded.theme-colors #myapp-6 {
+ background: #dd5293; }
+ .settings-panel .expanded.theme-colors #myapp-7 {
+ background: #868e96; }
+ .settings-panel .expanded.theme-colors #myapp-8 {
+ background: #7c91df; }
+ .settings-panel .expanded.theme-colors #myapp-9 {
+ background: #e59c6c; }
+ .settings-panel .expanded.theme-colors #myapp-10 {
+ background: #778c85; }
+ .settings-panel .expanded.theme-colors #myapp-11 {
+ background: #a2b077; }
+ .settings-panel .expanded.theme-colors #myapp-12 {
+ background: #7976b3; }
+ .settings-panel .expanded.theme-colors #myapp-13 {
+ background: #55ce5f; }
+ .settings-panel .expanded.theme-colors #myapp-14 {
+ background: #5c4581; }
+ .settings-panel .expanded.theme-colors #myapp-15 {
+ background: #5c4581; }
+
+.settings-panel:first-child h5 {
+ margin-top: 0;
+ padding-top: 5px; }
+
+.settings-panel h5 {
+ margin: 0;
+ font-weight: 500;
+ font-size: 0.875rem;
+ padding: 1rem 1rem 5px;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ display: block;
+ overflow: hidden;
+ text-decoration: none;
+ margin-top: 5px;
+ color: #505050;
+ text-align: left; }
+ .settings-panel h5 small {
+ display: inline; }
+
+.settings-panel .list {
+ font-weight: 400;
+ min-height: 45px;
+ padding: 0.25rem 1rem 0.25rem 2rem;
+ color: #666666;
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+ .settings-panel .list:hover .onoffswitch {
+ -webkit-transform: scale(1.13);
+ transform: scale(1.13); }
+ .settings-panel .list .btn-switch {
+ position: absolute;
+ right: 1rem;
+ margin: 0;
+ top: 30%; }
+ .settings-panel .list .onoffswitch-title {
+ margin-top: 0.5px;
+ font-size: 0.8125rem;
+ display: block; }
+ .settings-panel .list .onoffswitch-title-desc {
+ display: block;
+ font-size: 0.75rem;
+ color: #989da5;
+ text-transform: lowercase; }
+
+.settings-panel .expanded {
+ position: relative;
+ display: none; }
+ .settings-panel .expanded:before {
+ border-bottom-color: #5d5d5d;
+ bottom: 1px; }
+ .settings-panel .expanded > ul {
+ padding: 0;
+ margin: 0;
+ margin: 0 0 0 1rem;
+ height: 50px; }
+ .settings-panel .expanded > ul > li {
+ display: inline-block;
+ margin: 0;
+ padding: 0; }
+ .settings-panel .expanded > ul > li [data-action] {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ margin-right: 2px;
+ display: block;
+ cursor: pointer;
+ position: relative;
+ -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); }
+ .settings-panel .expanded .list {
+ padding: 0;
+ min-height: auto;
+ margin: 0.5rem 0 0 1rem; }
+ .settings-panel .expanded .list .btn-switch {
+ margin-top: 2px;
+ top: -2px;
+ right: 0; }
+ .settings-panel .expanded .list:hover {
+ background: transparent; }
+
+#saving {
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: -40px;
+ display: none; }
+
+/* localstorage success fade animation */
+.saving #saving {
+ display: block; }
+
+.saving [data-action="app-reset"] {
+ opacity: 0.5;
+ cursor: not-allowed !important; }
+
+.color-disp-demo tr:first-child td {
+ height: 100px;
+ -webkit-box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8);
+ box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.8); }
+
+.color-disp-demo tr td {
+ border: none;
+ padding-top: 7px;
+ padding-bottom: 7px; }
+ .color-disp-demo tr td:hover {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ font-weight: 500; }
+
+.cr-c {
+ width: 21px;
+ height: 21px;
+ display: block;
+ border-radius: 50%; }
+
+.icon-demo {
+ list-style: none;
+ padding: 0; }
+ .icon-demo li {
+ border: 1px solid #7f8995;
+ padding: 10px;
+ display: inline-block;
+ font-size: 20px;
+ width: 60px;
+ height: 60px;
+ overflow: hidden;
+ margin: 0 6px 0 0;
+ text-align: center;
+ background: #fff; }
+ .icon-demo li:hover {
+ -webkit-transform: scale(1.4);
+ transform: scale(1.4); }
+
+code[class*="language-"],
+pre[class*="language-"] {
+ display: none !important; }
+
+.show-codes code[class*="language-"],
+.show-codes pre[class*="language-"] {
+ display: block !important; }
+
+.container-demo {
+ max-width: 100%;
+ width: 100%; }
+
+.bd-example {
+ position: relative;
+ padding: 1rem 0; }
+
+.bd-example-row-flex-cols .row {
+ min-height: 10rem;
+ background-color: rgba(255, 0, 0, 0.1); }
+
+.bd-example-row .row > .col,
+.bd-example-row .row > [class^=col-] {
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ background-color: rgba(86, 61, 124, 0.15);
+ border: 1px solid rgba(86, 61, 124, 0.2); }
+
+.bd-example-row .row + .row {
+ margin-top: 1rem; }
+
+.bd-highlight {
+ background-color: rgba(86, 61, 124, 0.2);
+ border: 1px solid rgba(86, 61, 124, 0.2); }
+
+.demo {
+ margin: 0; }
+ .demo > * {
+ margin: 0 .375rem 1rem 0 !important; }
+ .demo.demo-no-mb > * {
+ margin-bottom: 0 !important; }
+
+.demo-v-spacing-sm > * + *,
+.demo-v-spacing > * + *,
+.demo-v-spacing-lg > * + * {
+ margin-top: 0.875rem !important;
+ margin-bottom: 0 !important; }
+
+.demo-v-spacing-sm > *,
+.demo-v-spacing > *,
+.demo-v-spacing-lg > * {
+ margin-bottom: 0 !important; }
+
+.demo-v-spacing > * + * {
+ margin-top: 1rem !important; }
+
+.demo-v-spacing-lg > * + * {
+ margin-top: 1.5rem !important; }
+
+.demo-h-spacing > *:not(last-child):not(only-child) {
+ margin-right: 1rem !important; }
+
+/*.demo-vh-spacing > *:not(last-child):not(only-child) {
+ margin: 0 .375rem 1rem 0 !important;
+}*/
+/* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed)
+========================================================================== */
+body:not(.mod-pace-custom) .pace {
+ -webkit-pointer-events: none;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ body:not(.mod-pace-custom) .pace .pace-progress {
+ background: #886ab5;
+ position: fixed;
+ z-index: 2000;
+ top: 0;
+ right: 100%;
+ width: 100%;
+ height: 3px; }
+
+body:not(.mod-pace-custom) .pace-inactive {
+ display: none; }
+
+body.mod-pace-custom {
+ /*&.pace-done {
+ .page-content {
+ &:before{
+ z-index:-2;
+ display: none;
+ }
+ }
+ }*/ }
+ body.mod-pace-custom .pace {
+ -webkit-pointer-events: none;
+ pointer-events: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ z-index: 2000;
+ position: fixed;
+ margin: auto;
+ top: 45vh;
+ left: 0;
+ right: 0;
+ height: 13px;
+ border: 2px solid #fff;
+ width: 15.18902rem;
+ background: #fff;
+ overflow: hidden; }
+ body.mod-pace-custom .pace .pace-progress {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ max-width: 15.18902rem;
+ z-index: 2000;
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 100%;
+ height: 100%;
+ width: 100%;
+ background-color: #886ab5;
+ background-image: linear-gradient(135deg, #886ab5 0%, #886ab5 25%, #6e4e9e 25%, #6e4e9e 50%, #886ab5 50%, #886ab5 75%, #6e4e9e 75%, #6e4e9e 100%);
+ background-repeat: repeat;
+ background-position: 0 0;
+ background-size: 13px 13px;
+ background-clip: content-box;
+ animation: loading 0.5s linear infinite;
+ -o-animation: loading 0.5s linear infinite;
+ -moz-animation: loading 0.5s linear infinite;
+ -webkit-animation: loading 0.5s linear infinite; }
+ body.mod-pace-custom .pace-inactive {
+ display: none; }
+ body.mod-pace-custom.pace-running .page-content:before {
+ content: '';
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: #faf8fb;
+ z-index: 1; }
+
+@keyframes loading {
+ from {
+ background-position: 0 0; }
+ to {
+ background-position: -13px 0; } }
+
+@-webkit-keyframes loading {
+ from {
+ background-position: 0 0; }
+ to {
+ background-position: -13px 0; } }
+
+.slimScrollBar {
+ border-radius: 3px !important; }
+
+body:not(.no-slimscroll) .custom-scroll {
+ overflow: hidden; }
+
+/*!
+ * Waves v0.7.6
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014-2018 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE */
+.waves-effect {
+ position: relative;
+ cursor: pointer;
+ display: inline-block;
+ overflow: hidden;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-tap-highlight-color: transparent; }
+ .waves-effect .waves-ripple {
+ position: absolute;
+ border-radius: 50%;
+ width: 100px;
+ height: 100px;
+ margin-top: -50px;
+ margin-left: -50px;
+ opacity: 0;
+ background: rgba(255, 255, 255, 0.6);
+ background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%);
+ -webkit-transition: all 0.5s ease-out;
+ transition: all 0.5s ease-out;
+ -webkit-transition-property: -webkit-transform, opacity;
+ -webkit-transition-property: opacity, -webkit-transform;
+ transition-property: opacity, -webkit-transform;
+ transition-property: transform, opacity;
+ transition-property: transform, opacity, -webkit-transform;
+ -webkit-transform: scale(0) translate(0, 0);
+ transform: scale(0) translate(0, 0);
+ pointer-events: none; }
+
+.waves-notransition {
+ -webkit-transition: none !important;
+ transition: none !important; }
+
+.waves-themed.btn-warning .waves-ripple, .waves-themed.btn-default .waves-ripple, .waves-themed.btn-outline-default .waves-ripple {
+ background: rgba(0, 0, 0, 0.6);
+ background: radial-gradient(rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 70%); }
+
+.waves-themed.btn-primary .waves-ripple, .waves-themed.btn-outline-primary .waves-ripple, .waves-themed.btn-info .waves-ripple, .waves-themed.btn-outline-info .waves-ripple, .waves-themed.btn-danger .waves-ripple, .waves-themed.btn-outline-danger .waves-ripple, .waves-themed.btn-success .waves-ripple, .waves-themed.btn-outline-success .waves-ripple, .waves-themed.btn-dark .waves-ripple, .waves-themed.btn-outline-dark .waves-ripple {
+ background: rgba(255, 255, 255, 0.6);
+ background: radial-gradient(rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0.4) 40%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0) 70%); }
+
+.page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple {
+ background: rgba(39, 28, 55, 0.6);
+ background: radial-gradient(rgba(39, 28, 55, 0.2) 0, rgba(39, 28, 55, 0.3) 40%, rgba(39, 28, 55, 0.4) 50%, rgba(39, 28, 55, 0.5) 60%, rgba(39, 28, 55, 0) 70%); }
+
+.panel-hdr:not([class^="bg-"]):not([class*=" bg-"]) .waves-themed.btn-toolbar-master .waves-ripple,
+.waves-themed.nav-link .waves-ripple {
+ background: rgba(136, 106, 181, 0.6);
+ background: radial-gradient(rgba(136, 106, 181, 0.2) 0, rgba(136, 106, 181, 0.3) 40%, rgba(136, 106, 181, 0.4) 50%, rgba(136, 106, 181, 0.5) 60%, rgba(136, 106, 181, 0) 70%); }
+
+/* #_plugins - Components imported in alphabetical order (remove plugins from directory if not needed)
+========================================================================== */
+/*@import '_plugins/_plugin-*.scss';*/
+/* #ANIMATION - CSS animations and keyframes
+========================================================================== */
+@-webkit-keyframes seconds {
+ 0% {
+ opacity: 1; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes seconds {
+ 0% {
+ opacity: 1; }
+ 100% {
+ opacity: 0; } }
+
+@-webkit-keyframes delayed {
+ 99% {
+ visibility: hidden; }
+ 100% {
+ visibility: visible; } }
+
+@keyframes delayed {
+ 99% {
+ visibility: hidden; }
+ 100% {
+ visibility: visible; } }
+
+@keyframes subtle {
+ 0% {
+ opacity: 1; }
+ 100% {
+ opacity: 0.2; } }
+
+@-webkit-keyframes subtle {
+ 0% {
+ opacity: 1; }
+ 100% {
+ opacity: 0.2; } }
+
+@-webkit-keyframes highlight {
+ from {
+ background: #ffebc1; }
+ to {
+ background: transparent; } }
+
+@keyframes highlight {
+ from {
+ background: #ffebc1; }
+ to {
+ background: transparent; } }
+
+.highlight {
+ -webkit-animation: highlight 1.5s;
+ animation: highlight 1.5s; }
+
+@-webkit-keyframes spin {
+ from {
+ -webkit-transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(360deg); } }
+
+@keyframes spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+/*.spinner {
+ margin: 5px;
+ height: 20px;
+ width: 20px;
+ animation: rotate 0.7s infinite linear;
+ border: 2px solid $color-primary;
+ border-right-color: transparent;
+ border-radius: 50%;
+}*/
+.fa-spin-4x {
+ -webkit-animation: spin 0.5s infinite linear;
+ animation: spin 0.5s infinite linear; }
+
+.fa-spin-2x {
+ -webkit-animation: spin 1s infinite linear;
+ animation: spin 1s infinite linear; }
+
+/*=== Animations start here ===*/
+/*=== FADE IN DOWN ===*/
+@-webkit-keyframes animateFadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+@keyframes animateFadeInDown {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -5px, 0);
+ transform: translate3d(0, -5px, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+/*==== FADE IN UP ===*/
+@-webkit-keyframes animateFadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+@keyframes animateFadeInUp {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+/*=== FADE IN LEFT ===*/
+@-webkit-keyframes animateFadeInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+@keyframes animateFadeInLeft {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(-5px, 0, 0);
+ transform: translate3d(-5px, 0, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+/*==== FADE IN RIGHT ===*/
+@-webkit-keyframes animateFadeInRight {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+@keyframes animateFadeInRight {
+ from {
+ opacity: 0;
+ -webkit-transform: translate3d(5px, 0, 0);
+ transform: translate3d(5px, 0, 0); }
+ to {
+ opacity: 1;
+ -webkit-transform: none;
+ transform: none; } }
+
+/* remove transition delay */
+.no-transition-delay {
+ -webkit-transition-delay: 0ms !important;
+ transition-delay: 0ms !important; }
+
+/* fade transitions for page elements */
+.page-content > .alert {
+ animation: animateFadeInUp 0.3s;
+ -webkit-animation: animateFadeInUp 0.3s; }
+
+.page-content > .card,
+.page-content > .row {
+ animation: animateFadeInUp 0.7s;
+ -webkit-animation: animateFadeInUp 0.7s; }
+
+.tab-content > .active:not(.fade) {
+ animation: animateFadeInUp 0.5s;
+ -webkit-animation: animateFadeInUp 0.5s; }
+
+/* repeated transitions */
+.fadeinup {
+ animation: animateFadeInUp 0.5s;
+ -webkit-animation: animateFadeInUp 0.5s; }
+
+.fadeindown {
+ animation: animateFadeInDown 0.5s;
+ -webkit-animation: animateFadeInDown 0.5s; }
+
+.fadeinleft {
+ animation: animateFadeInLeft 0.5s;
+ -webkit-animation: animateFadeInLeft 0.5s; }
+
+.fadeinright {
+ animation: animateFadeInRight 0.5s;
+ -webkit-animation: animateFadeInRight 0.5s; }
+
+/* #MODS - Layout manipulation
+========================================================================== */
+@media (min-width: 1399px) {
+ .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:before,
+ .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:before,
+ .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:before,
+ .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0, 0, 0, 0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px; }
+ .mod-main-boxed.mod-bg-1 [data-class="mod-bg-1"]:after,
+ .mod-main-boxed.mod-bg-2 [data-class="mod-bg-2"]:after,
+ .mod-main-boxed.mod-bg-3 [data-class="mod-bg-3"]:after,
+ .mod-main-boxed.mod-bg-4 [data-class="mod-bg-4"]:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0, 0, 0, 0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%; }
+ .mod-main-boxed .settings-panel .expanded {
+ display: block; }
+ .mod-main-boxed .settings-panel .expanded > ul > li {
+ display: inline-block;
+ margin: 0;
+ padding: 0; }
+ .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-1"] {
+ background-image: url("../img/backgrounds/prev-bg-1.png"); }
+ .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-2"] {
+ background-image: url("../img/backgrounds/prev-bg-2.png"); }
+ .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-3"] {
+ background-image: url("../img/backgrounds/prev-bg-3.png"); }
+ .mod-main-boxed .settings-panel .expanded > ul > li [data-action][data-class="mod-bg-4"] {
+ background-image: url("../img/backgrounds/prev-bg-4.png"); }
+ .mod-main-boxed .settings-panel .expanded > ul > li:last-child [data-action="toggle"] {
+ margin-right: 0; }
+ .mod-main-boxed.mod-bg-1 {
+ background-image: url("../img/backgrounds/bg-1.png"); }
+ .mod-main-boxed.mod-bg-2 {
+ background-image: url("../img/backgrounds/bg-2.png"); }
+ .mod-main-boxed.mod-bg-3 {
+ background-image: url("../img/backgrounds/bg-3.png"); }
+ .mod-main-boxed.mod-bg-4 {
+ background-image: url("../img/backgrounds/bg-4.png"); }
+ .mod-main-boxed.mod-fixed-bg {
+ background-attachment: fixed; } }
+
+.mod-clean-page-bg .page-content-wrapper {
+ background: #fff !important; }
+
+.mod-clean-page-bg .page-header {
+ border-bottom-color: rgba(150, 123, 189, 0.13); }
+
+.mod-color-blind .page-wrapper {
+ -webkit-filter: grayscale(65%);
+ filter: grayscale(55%); }
+
+.mod-color-blind [class*="btn-"].active {
+ background-image: none !important; }
+
+.mod-disable-animation *,
+.mod-disable-animation *:before,
+.mod-disable-animation *:after {
+ -webkit-transition: none !important;
+ transition: none !important;
+ -webkit-animation: none !important;
+ animation: none !important; }
+
+.mod-hide-info-card {
+ /*.page-logo {
+ border-bottom: 1px solid lighten($header-logo-border-bottom, 13%);
+ }*/ }
+ .mod-hide-info-card .page-sidebar .info-card {
+ display: none; }
+
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > [class*='fa-'],
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .ni,
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > img {
+ display: none; }
+
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu a > .badge {
+ right: 40px;
+ left: auto;
+ top: 30%; }
+
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > [class*='fa-'],
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > .ni,
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu span > img {
+ display: none; }
+
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu .dl-ref {
+ display: none; }
+
+.mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a {
+ padding-left: 2.9375rem; }
+ .mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) .page-sidebar .primary-nav .nav-menu li > ul > li > a + ul > li > a {
+ padding-left: 4.1875rem; }
+
+.mod-high-contrast .nav-menu li a,
+.mod-high-contrast .nav-title,
+.mod-high-contrast .nav-menu li a [class*='fa-'],
+.mod-high-contrast .nav-menu li a .ni,
+.mod-high-contrast .dl-ref,
+.mod-high-contrast .btn {
+ text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
+ color: #fff !important;
+ font-weight: 500 !important; }
+
+.mod-high-contrast .subheader-title,
+.mod-high-contrast h1,
+.mod-high-contrast h2,
+.mod-high-contrast h3,
+.mod-high-contrast h4,
+.mod-high-contrast h5,
+.mod-high-contrast .settings-panel-title a,
+.mod-high-contrast .panel-header,
+.mod-high-contrast .badge-detached,
+.mod-high-contrast .btn-secondary,
+.mod-high-contrast .btn-default,
+.mod-high-contrast .page-header .btn,
+.mod-high-contrast [class*="btn-outline-"] {
+ text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
+ color: #000 !important;
+ font-weight: 500; }
+
+.mod-high-contrast .subheader-title small,
+.mod-high-contrast .breadcrumb > li > a,
+.mod-high-contrast .page-content,
+.mod-high-contrast h1 small,
+.mod-high-contrast h2 small,
+.mod-high-contrast h3 small,
+.mod-high-contrast h4 small,
+.mod-high-contrast h5,
+.mod-high-contrast h6,
+.mod-high-contrast p,
+.mod-high-contrast .btn-switch + .onoffswitch-title,
+.mod-high-contrast .onoffswitch-title + .onoffswitch-title-desc,
+.mod-high-contrast .panel-container,
+.mod-high-contrast .panel-header .btn {
+ text-shadow: none;
+ color: #000 !important;
+ font-weight: normal !important; }
+
+.mod-lean-subheader .subheader {
+ margin: 0; }
+ .mod-lean-subheader .subheader .subheader-title {
+ margin-top: 0;
+ font-size: 1rem;
+ display: inline-block;
+ font-weight: 400;
+ text-transform: capitalize;
+ margin-bottom: 1.5rem; }
+ .mod-lean-subheader .subheader .subheader-title:not(:only-child) {
+ margin-top: 23px; }
+ .mod-lean-subheader .subheader .subheader-title small {
+ font-size: 0.875rem;
+ display: inline-block;
+ text-transform: capitalize; }
+ .mod-lean-subheader .subheader .subheader-title small:before {
+ content: " - "; }
+ .mod-lean-subheader .subheader .breadcrumb {
+ position: absolute;
+ top: 0; }
+
+@media (min-width: 1399px) {
+ .mod-main-boxed {
+ /*
+ why did we add this again?
+ this was buggy when open modal with mod main boxed then click on logo for the dropdown, it won't close
+ &.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) {
+ .page-sidebar {
+ transform: translateX(0) !important;
+ box-shadow: none;
+ }
+
+ .page-wrapper {
+ transform: translateX(0) !important;
+ }
+
+ }*/ }
+ .mod-main-boxed .page-wrapper {
+ max-width: 1399px;
+ margin: 0 auto; }
+ .mod-main-boxed:not(.nav-function-top) #nff {
+ position: relative; }
+ .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title {
+ color: #d58100; }
+ .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .mod-main-boxed:not(.nav-function-top) #nff:after {
+ content: "DISABLED";
+ display: block;
+ position: absolute;
+ background: #ffebc1;
+ font-size: 0.625rem;
+ width: 65px;
+ text-align: center;
+ border: 1px solid #ffb20e;
+ height: 22px;
+ line-height: 20px;
+ border-radius: 10px;
+ right: 13px;
+ top: 26%;
+ color: #1d1d1d; }
+ .mod-main-boxed.header-function-fixed .page-wrapper .page-header {
+ width: 100%;
+ max-width: 1397px;
+ margin: 0 auto !important; }
+ .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-fixed) .page-wrapper .page-sidebar {
+ position: absolute !important;
+ top: 0;
+ bottom: 0; }
+ .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) .page-wrapper .page-header {
+ padding-left: 18.875rem; }
+ .mod-main-boxed.header-function-fixed:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify):not(.nav-function-fixed) .page-content {
+ margin-left: 16.875rem; }
+ .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-header {
+ padding-left: 6.6875rem; }
+ .mod-main-boxed.header-function-fixed.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) .page-wrapper .page-content-wrapper {
+ margin-left: 4.6875rem; }
+ .mod-main-boxed.nav-function-hidden:not(.nav-function-top) .page-sidebar:after {
+ position: absolute;
+ left: 16.875rem; }
+ .mod-main-boxed.nav-function-hidden.nav-function-minify .page-sidebar:after {
+ position: absolute;
+ left: 4.6875rem; }
+ .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar {
+ position: absolute; }
+ .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .page-logo {
+ position: fixed;
+ top: 0;
+ z-index: 950;
+ -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); }
+ .mod-main-boxed.nav-function-fixed:not(.nav-function-top) .page-wrapper .page-sidebar .primary-nav {
+ margin-top: 4.125rem; }
+ .mod-main-boxed.nav-function-fixed:not(.nav-function-top).nav-function-hidden .page-logo {
+ position: absolute !important;
+ -webkit-transition: none;
+ transition: none; }
+ .mod-main-boxed .page-wrapper {
+ border-left: 1px solid rgba(0, 0, 0, 0.15);
+ border-right: 1px solid rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1);
+ box-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1);
+ overflow: hidden;
+ position: relative; }
+ .mod-main-boxed:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen) .page-wrapper {
+ -webkit-transform: translateX(0) !important;
+ transform: translateX(0) !important; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li a > .dl-ref:first-child {
+ margin-left: 0 !important; }
+
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ content: "";
+ display: block;
+ position: absolute;
+ z-index: 1;
+ left: 2.5625rem;
+ top: 44px;
+ bottom: 0;
+ border-left: 1px solid #614b82; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ content: "";
+ display: block;
+ position: absolute;
+ width: 0.4rem;
+ height: 0.4rem;
+ background-color: #876fab;
+ left: 2.4rem;
+ top: calc(50% - 0.3rem);
+ border: 1px solid #333;
+ border-radius: 50%;
+ z-index: 1; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:hover:after {
+ border-color: transparent; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li li > a:after {
+ content: "";
+ display: none; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul li a i {
+ margin-left: 0 !important; }
+
+html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class="root-text"] {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
+
+.root-text-sm {
+ font-size: 15px; }
+ .root-text-sm [data-class="root-text-sm"] {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }
+
+.root-text-lg {
+ font-size: 17px; }
+ .root-text-lg [data-class="root-text-lg"] {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }
+
+.root-text-xl {
+ font-size: 18px; }
+ .root-text-xl [data-class="root-text-xl"] {
+ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }
+
+.mod-bigger-font {
+ font-size: 18px; }
+
+/* #COLORS - we place this here so it can override other colors as needed
+========================================================================== */
+.bg-primary-50 {
+ background-color: #ccbfdf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #beaed7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #b19dce;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #a38cc6;
+ color: white; }
+ .bg-primary-300:hover {
+ color: white; }
+
+.bg-primary-400 {
+ background-color: #967bbd;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #886ab5;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #7a59ad;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #6e4e9e;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #62468d;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #563d7c;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #ccbfdf; }
+
+.color-primary-100 {
+ color: #beaed7; }
+
+.color-primary-200 {
+ color: #b19dce; }
+
+.color-primary-300 {
+ color: #a38cc6; }
+
+.color-primary-400 {
+ color: #967bbd; }
+
+.color-primary-500 {
+ color: #886ab5; }
+
+.color-primary-600 {
+ color: #7a59ad; }
+
+.color-primary-700 {
+ color: #6e4e9e; }
+
+.color-primary-800 {
+ color: #62468d; }
+
+.color-primary-900 {
+ color: #563d7c; }
+
+.bg-success-50 {
+ background-color: #7aece0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e9db;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de5d5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e2d0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21dfcb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc9b7;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab3a3;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c8e;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13867a;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107066;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aece0; }
+
+.color-success-100 {
+ color: #63e9db; }
+
+.color-success-200 {
+ color: #4de5d5; }
+
+.color-success-300 {
+ color: #37e2d0; }
+
+.color-success-400 {
+ color: #21dfcb; }
+
+.color-success-500 {
+ color: #1dc9b7; }
+
+.color-success-600 {
+ color: #1ab3a3; }
+
+.color-success-700 {
+ color: #179c8e; }
+
+.color-success-800 {
+ color: #13867a; }
+
+.color-success-900 {
+ color: #107066; }
+
+.bg-info-50 {
+ background-color: #9acffa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82c4f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6ab8f7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51adf6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #39a1f4;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #2196F3;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #0d8aee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0c7cd5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0a6ebd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0960a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9acffa; }
+
+.color-info-100 {
+ color: #82c4f8; }
+
+.color-info-200 {
+ color: #6ab8f7; }
+
+.color-info-300 {
+ color: #51adf6; }
+
+.color-info-400 {
+ color: #39a1f4; }
+
+.color-info-500 {
+ color: #2196F3; }
+
+.color-info-600 {
+ color: #0d8aee; }
+
+.color-info-700 {
+ color: #0c7cd5; }
+
+.color-info-800 {
+ color: #0a6ebd; }
+
+.color-info-900 {
+ color: #0960a5; }
+
+.bg-warning-50 {
+ background-color: #ffebc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #ffe3a7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffdb8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffd274;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffca5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ffc241;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #ffba28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #ffb20e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #f4a500;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #da9400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #ffebc1; }
+
+.color-warning-100 {
+ color: #ffe3a7; }
+
+.color-warning-200 {
+ color: #ffdb8e; }
+
+.color-warning-300 {
+ color: #ffd274; }
+
+.color-warning-400 {
+ color: #ffca5b; }
+
+.color-warning-500 {
+ color: #ffc241; }
+
+.color-warning-600 {
+ color: #ffba28; }
+
+.color-warning-700 {
+ color: #ffb20e; }
+
+.color-warning-800 {
+ color: #f4a500; }
+
+.color-warning-900 {
+ color: #da9400; }
+
+.bg-danger-50 {
+ background-color: #feb7d9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #fe9ecb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #fe85be;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #fe6bb0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #fd52a3;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #fd3995;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #fd2087;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #fc077a;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #e7026e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #ce0262;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #feb7d9; }
+
+.color-danger-100 {
+ color: #fe9ecb; }
+
+.color-danger-200 {
+ color: #fe85be; }
+
+.color-danger-300 {
+ color: #fe6bb0; }
+
+.color-danger-400 {
+ color: #fd52a3; }
+
+.color-danger-500 {
+ color: #fd3995; }
+
+.color-danger-600 {
+ color: #fd2087; }
+
+.color-danger-700 {
+ color: #fc077a; }
+
+.color-danger-800 {
+ color: #e7026e; }
+
+.color-danger-900 {
+ color: #ce0262; }
+
+.bg-fusion-50 {
+ background-color: #909090;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #838383;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #767676;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: dimgray;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #5d5d5d;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #505050;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #434343;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #363636;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #2a2a2a;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #1d1d1d;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #909090; }
+
+.color-fusion-100 {
+ color: #838383; }
+
+.color-fusion-200 {
+ color: #767676; }
+
+.color-fusion-300 {
+ color: dimgray; }
+
+.color-fusion-400 {
+ color: #5d5d5d; }
+
+.color-fusion-500 {
+ color: #505050; }
+
+.color-fusion-600 {
+ color: #434343; }
+
+.color-fusion-700 {
+ color: #363636; }
+
+.color-fusion-800 {
+ color: #2a2a2a; }
+
+.color-fusion-900 {
+ color: #1d1d1d; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(86, 61, 124, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent); }
+
+/* #APP related modules (print, fullscreen, etc)
+========================================================================== */
+/* Custom Webkit Scrollbar */
+/* http://css-tricks.com/custom-scrollbars-in-webkit/ */
+body:not(.mobile-detected)::-webkit-scrollbar,
+body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar {
+ height: 8px;
+ width: 8px; }
+
+body:not(.mobile-detected)::-webkit-scrollbar:hover,
+body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar:hover {
+ background-color: rgba(0, 0, 0, 0.01); }
+
+body:not(.mobile-detected)::-webkit-scrollbar-track-piece,
+body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece {
+ background-color: #efefef; }
+
+body:not(.mobile-detected)::-webkit-scrollbar-track-piece:hover,
+body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-track-piece:hover {
+ background-color: #d0d0d0; }
+
+body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical,
+body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical {
+ background-color: #838383; }
+
+body:not(.mobile-detected)::-webkit-scrollbar-thumb:vertical:hover,
+body:not(.mobile-detected).modal-open .modal::-webkit-scrollbar-thumb:vertical:hover {
+ background-color: dimgray; }
+
+/*
+ * Left Panel custom scroll
+ */
+.page-sidebar .primary-nav::-webkit-scrollbar-track-piece {
+ background-color: #efefef; }
+
+.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {
+ background-color: #666; }
+
+.page-sidebar .primary-nav::-webkit-scrollbar {
+ height: 4px;
+ width: 4px; }
+
+.page-sidebar .primary-nav:hover::-webkit-scrollbar-corner {
+ width: 40px; }
+
+.page-sidebar .primary-nav::-webkit-scrollbar-track-piece {
+ background-color: #efefef; }
+
+.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {
+ background-color: #666; }
+
+:-webkit-full-screen [data-action="app-fullscreen"] {
+ color: #cccccc; }
+
+:-moz-full-screen [data-action="app-fullscreen"] {
+ color: #cccccc; }
+
+@media print {
+ @page {
+ size: letter portrait;
+ margin: 1cm;
+ padding: 0;
+ border: none;
+ border-collapse: collapse; }
+ *:not(.keep-print-font) {
+ color: #333 !important;
+ background: transparent !important;
+ font-family: Arial, Helvetica, sans-serif !important;
+ letter-spacing: normal !important;
+ font-size: 10pt !important;
+ line-height: 1.7 !important;
+ text-transform: none !important;
+ -webkit-transition: none !important;
+ transition: none !important; }
+ table {
+ font-size: 80%; }
+ .card,
+ .card-body,
+ .container {
+ display: inline;
+ padding: 0;
+ margin: 0;
+ border: 0; }
+ a:link {
+ font-weight: bold;
+ text-decoration: underline;
+ color: #06c; }
+ .subheader-title {
+ font-size: 14pt !important; }
+ .subheader-title small {
+ font-size: 12pt !important; }
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: bold !important; }
+ .page-sidebar,
+ .btn,
+ .page-header,
+ .page-footer {
+ display: none !important; }
+ .page-wrapper,
+ .page-content,
+ .container.card {
+ padding: 0;
+ display: block;
+ margin: 0;
+ border: 0 !important;
+ width: auto;
+ float: none; }
+ .panel-header > * {
+ font-weight: bold !important; }
+ .card.panel {
+ border-color: #333 !important; }
+ .clearfix:after {
+ content: '';
+ clear: both;
+ display: table; } }
+
+/* #OVERRIDE - You can override any of the variables through this file
+========================================================================== */
+
+/*# sourceMappingURL=app.bundle.css.map */
diff --git a/public/assets/css/app.bundle.css.map b/public/assets/css/app.bundle.css.map
new file mode 100644
index 0000000..4ae3962
--- /dev/null
+++ b/public/assets/css/app.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["app.bundle.css","_imports/_global-import.scss","_mixins/mixins.scss","_modules/variables.scss","_modules/_fonts.scss","_modules/_placeholders.scss","../../node_modules/bootstrap/scss/_variables.scss","_modules/_root.scss","_modules/_reset.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-logo.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","_modules/_header-function-fixed.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_left-panel.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-hidden.scss","_modules/_nav-function-fixed.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-content.scss","_modules/_page-footer.scss","_modules/_page-error.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-breadcrumb.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-icon-stack.scss","_modules/_page-components-listfilter.scss","_modules/_page-components-loader.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-pagination.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-progressbar.scss","_modules/_page-components-shortcut.scss","_modules/_page-components-side-panels.scss","_modules/_page-components-tables.scss","_modules/_page-components-tabs.scss","_modules/_page-components-tooltips.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_effects.scss","_modules/_hack.scss","_modules/_hack-ie.scss","_modules/_responsive.scss","_modules/_light-levels.scss","_modules/_forms.scss","_modules/_translate-3d.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_settings-demo-theme-colors.scss","_modules/_settings-demo.scss","_modules/_demo-only.scss","_extensions/_extension-pace.scss","_extensions/_extension-slimscroll.scss","_extensions/_extension-waves.scss","_modules/_keyframes-general.scss","_modules/_keyframes-highlight.scss","_modules/_keyframes-spinner.scss","_modules/_keyframes-transition.scss","_modules/_mod-bg.scss","_modules/_mod-clean-page-bg.scss","_modules/_mod-colorblind.scss","_modules/_mod-disable-animation.scss","_modules/_mod-hide-info-card.scss","_modules/_mod-hide-nav-icons.scss","_modules/_mod-high-contrast.scss","_modules/_mod-lean-page-header.scss","_modules/_mod-main-boxed.scss","_modules/_mod-nav-accessibility.scss","_modules/_mod-text-size.scss","_modules/_colors.scss","_modules/_app-custom-scrollbar.scss","_modules/_app-fullscreen.scss","_modules/_app-print.scss"],"names":[],"mappings":"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","file":"app.bundle.css","sourcesContent":["/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import '_imports/_global-import';\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n@import '_modules/_root';\r\n/* resets DOM elements to its natural state */\r\n@import '_modules/_reset';\r\n/* html and body base styles */\r\n@import '_modules/_body';\r\n/* app header */\r\n@import '_modules/_page-header';\r\n/* app logo */\r\n@import '_modules/_page-logo';\r\n/* app search */\r\n@import '_modules/_page-search';\r\n/* icon menu with user options */\r\n@import '_modules/_dropdown-icon-menu';\r\n/* dropdown notification in the app header */\r\n@import '_modules/_dropdown-notification';\r\n/* icon menu with stacked icons located in the app header */\r\n@import '_modules/_dropdown-app-list';\r\n/* app header stays fixed */\r\n@import '_modules/_header-function-fixed';\r\n/* app far left panel */\r\n@import '_modules/_left-panel';\r\n/* app navigation */\r\n@import '_modules/_nav';\r\n/* app navigation filter */\r\n@import '_modules/_nav-listfilter';\r\n/* app info card inside navigation */\r\n@import '_modules/_nav-info-card';\r\n/* app navigation made horizontal */\r\n@import '_modules/_nav-function-top';\r\n/* app navgation stays hidden */\r\n@import '_modules/_nav-function-hidden';\r\n/* app navigation stays fixed */\r\n@import '_modules/_nav-function-fixed';\r\n/* app navigation stays minified */\r\n@import '_modules/_nav-function-minify';\r\n/* app navigation footer */\r\n@import '_modules/_nav-footer';\r\n/* app wrapper */\r\n@import '_modules/_page-wrapper';\r\n/* app content heading */\r\n@import '_modules/_page-heading';\r\n/* app content */\r\n@import '_modules/_page-content';\r\n/* app footer */\r\n@import '_modules/_page-footer';\r\n/* app error page */\r\n@import '_modules/_page-error';\r\n/* various app components (see docs for the full list) */\r\n@import \"_modules/_page-components-accordion.scss\";\n@import \"_modules/_page-components-alerts.scss\";\n@import \"_modules/_page-components-badge.scss\";\n@import \"_modules/_page-components-breadcrumb.scss\";\n@import \"_modules/_page-components-buttons.scss\";\n@import \"_modules/_page-components-cards.scss\";\n@import \"_modules/_page-components-carousel.scss\";\n@import \"_modules/_page-components-dropdowns.scss\";\n@import \"_modules/_page-components-icon-stack.scss\";\n@import \"_modules/_page-components-listfilter.scss\";\n@import \"_modules/_page-components-loader.scss\";\n@import \"_modules/_page-components-messanger.scss\";\n@import \"_modules/_page-components-modal.scss\";\n@import \"_modules/_page-components-pagination.scss\";\n@import \"_modules/_page-components-panels.scss\";\n@import \"_modules/_page-components-popovers.scss\";\n@import \"_modules/_page-components-progressbar.scss\";\n@import \"_modules/_page-components-shortcut.scss\";\n@import \"_modules/_page-components-side-panels.scss\";\n@import \"_modules/_page-components-tables.scss\";\n@import \"_modules/_page-components-tabs.scss\";\n@import \"_modules/_page-components-tooltips.scss\";\r\n\r\n/* #MISC - misc styles, helpers, effects and hacks\r\n========================================================================== */ \r\n@import '_modules/_helpers';\r\n@import '_modules/_misc';\r\n@import '_modules/_effects';\r\n@import '_modules/_hack';\r\n@import '_modules/_hack-ie';\r\n\r\n/* #MOBILE - mobile media related styles\r\n========================================================================== */ \r\n/* contains most of the responsive styles for the app */\r\n@import '_modules/_responsive';\r\n/* changes content colors based on ambience light source of the user (experimental) */\r\n@import '_modules/_light-levels';\r\n\r\n/* #FORMS (customized bootstrap form elems)\r\n========================================================================== */ \r\n@import '_modules/_forms';\r\n\r\n/* #COMPONENTS (can be removed but may or may not impact other components)\r\n========================================================================== */ \r\n/*@import '_modules/_form-switches';*/\r\n@import '_modules/_translate-3d';\r\n\r\n/* #DEMO ELEMS - elements mostly used for demo (can be removed)\r\n========================================================================== */ \r\n@import \"_modules/_settings-demo-incompatiblity-list.scss\";\n@import \"_modules/_settings-demo-theme-colors.scss\";\n@import \"_modules/_settings-demo.scss\";\r\n@import '_modules/_demo-only';\r\n\r\n/* #_extensions - Components imported in alphabetical order (remove extensions from directory if not needed)\r\n========================================================================== */ \r\n@import \"_extensions/_extension-pace.scss\";\n@import \"_extensions/_extension-slimscroll.scss\";\n@import \"_extensions/_extension-waves.scss\";\r\n\r\n/* #_plugins - Components imported in alphabetical order (remove plugins from directory if not needed)\r\n========================================================================== */ \r\n/*@import '_plugins/_plugin-*.scss';*/\r\n\r\n/* #ANIMATION - CSS animations and keyframes\r\n========================================================================== */ \r\n@import \"_modules/_keyframes-general.scss\";\n@import \"_modules/_keyframes-highlight.scss\";\n@import \"_modules/_keyframes-spinner.scss\";\n@import \"_modules/_keyframes-transition.scss\";\r\n\r\n/* #MODS - Layout manipulation\r\n========================================================================== */ \r\n@import \"_modules/_mod-bg.scss\";\n@import \"_modules/_mod-clean-page-bg.scss\";\n@import \"_modules/_mod-colorblind.scss\";\n@import \"_modules/_mod-disable-animation.scss\";\n@import \"_modules/_mod-hide-info-card.scss\";\n@import \"_modules/_mod-hide-nav-icons.scss\";\n@import \"_modules/_mod-high-contrast.scss\";\n@import \"_modules/_mod-lean-page-header.scss\";\n@import \"_modules/_mod-main-boxed.scss\";\n@import \"_modules/_mod-nav-accessibility.scss\";\n@import \"_modules/_mod-text-size.scss\";\r\n\r\n/* #COLORS - we place this here so it can override other colors as needed\r\n========================================================================== */ \r\n@import '_modules/_colors';\r\n\r\n/* #APP related modules (print, fullscreen, etc)\r\n========================================================================== */ \r\n@import \"_modules/_app-custom-scrollbar.scss\";\n@import \"_modules/_app-fullscreen.scss\";\n@import \"_modules/_app-print.scss\";\r\n\r\n/* #OVERRIDE - You can override any of the variables through this file\r\n========================================================================== */ \r\n@import '_modules/_overrides';","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n",":root {\r\n @each $theme-colors, $value in $theme-colors {\r\n --theme-#{$theme-colors}: #{$value};\r\n }\r\n\r\n @each $theme-colors-extended, $value in $theme-colors-extended {\r\n --theme-#{$theme-colors-extended}: #{$value};\r\n }\r\n \r\n @each $bp, $value in $grid-breakpoints {\r\n --breakpoint-#{$bp}: #{$value};\r\n }\t\r\n}","/* for IE */ \r\nmain {\r\n\tdisplay:block;\r\n}\r\n/* removes dotted lines for focus */\r\na, a:active, a:focus, \r\nbutton, button:focus, button:active, \r\n.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {\r\n outline: none;\r\n outline: 0;\r\n}\r\ninput::-moz-focus-inner {\r\n border: 0;\r\n} ","html {\r\n\tbody {\t\r\n\t\tdirection: ltr;\r\n\t\ttext-rendering: optimizeLegibility;\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\theight: $header-height;\r\n\tdisplay: block;\r\n\tline-height: $header-height;\r\n\ttext-decoration: none;\r\n\tposition: relative;\r\n\r\n\t&:not(.btn) {\r\n\t\tmin-width: $header-non-btn-width;\r\n\t\ttext-align: center;\r\n\t\toverflow: visible;\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\tcolor: $header-link-color;\r\n\t\t vertical-align: middle;\r\n\t\t\t}\r\n\t\t\t>[class*='fa-']:first-child {\r\n\t\t\t\tfont-size: $header-icon-size;\r\n\t\t\t}\r\n\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tfont-size: $header-icon-size;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\t\t\t&[data-toggle=\"dropdown\"] {\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \" \";\r\n\t\t\t\t\twidth: 1.5rem;\r\n\t\t\t\t\theight: 1.5rem;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground: #dae1e8;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\ttop: ($header-height - 1.5rem) /2;\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\tleft: 0.9375rem;\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\ttransition: all 100ms ease-in;\r\n\t\t\t\t}\t\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t/* new lines for arrow visibility */\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tz-index: $depth-header + 1;\r\n\r\n\t\t\t\t\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \" \";\r\n\t\t\t\t\twidth: 2.5rem;\r\n\t\t\t\t\theight: 2.5rem;\r\n\t\t\t\t\ttop: ($header-height - 2.5rem ) /2;\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\tleft: 0.3125rem;\r\n\t\t\t\t\topacity: 1;\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t\t-webkit-background-clip: initial;\r\n\t\t\t\t\t-webkit-text-fill-color: initial;\r\n\t\t\t\t\tbackground: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tposition:absolute;\r\n\t\t\t\tborder: $theme-border-utility-size solid $header-border-color;\r\n\t\t\t\tright: 2rem; //same as page padding\r\n\t\t\t\ttop: $header-height - 0.0625rem !important;\r\n\t\t\t\tleft: auto !important;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.profile-image {\r\n\t\t\twidth: $profile-image-width-md;\r\n\t\t\theight:auto;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcursor:default;\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n\tbox-shadow: 0px 0px 28px 0px $header-border-bottom-color;\r\n\tdisplay: flex;\r\n\r\n\tflex: 0 0 auto;\r\n\r\n\talign-items:center;\r\n\r\n\theight: $header-height;\r\n\tposition: relative;\r\n\tz-index: $depth-header;\r\n\r\n\torder: 1;\r\n\r\n\t.page-logo {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.badge-icon {\r\n\t\t\r\n\t\tleft: $header-badge-left;\r\n\t\ttop: $header-badge-top;\t\r\n\r\n\t\t&:only-child {\r\n\t\t\tposition: relative;\r\n\t\t\tleft: auto;\r\n\t\t\tright: auto;\r\n\t\t\tfont-size: $fs-md;\r\n\t\t\theight: 26px;\r\n\t\t\twidth: 26px;\r\n\t\t\tline-height: 21px;\r\n\t\t\ttop: 20px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\t}\r\n\t\r\n}",".page-logo {\r\n\theight: $header-height;\r\n\twidth: $nav-width;\r\n\r\n\t@extend %nav-bg;\r\n\r\n\tbox-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);\r\n\r\n\toverflow: hidden; \r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\r\n -ms-flex-positive: 0;\r\n flex-grow: 0;\r\n\r\n -ms-flex-negative: 0;\r\n flex-shrink: 0;\r\n\r\n min-height: 1px;\r\n\r\n\tpadding: 0 $nav-padding-x;\r\n\r\n\t@extend %general-animation;\r\n\r\n\timg {\r\n\t\twidth: $header-logo-width;\r\n\t\theight: $header-logo-height;\r\n\t}\r\n\r\n\t.page-logo-link {\r\n\t\tflex: 1 0 auto;\r\n\t}\r\n\r\n}\r\n\r\n.page-logo-text {\r\n\tmargin-left: 0.5rem;\r\n\tfont-weight: 300;\r\n\tfont-size: 1rem; //1.125rem; this is the old size for the previous name\r\n\tcolor: $white;\r\n\tdisplay: block;\r\n\tflex: 1 0 auto;\r\n\ttext-align: left;\r\n}\r\n\r\nbody:not(.header-function-fixed) {\r\n\t.page-logo {\r\n\t\t@extend %general-animation;\r\n\t}\r\n}\r\n\r\n",".search{\r\n\tflex: 1;\r\n\r\n\t.app-forms {\r\n\t\tpadding:0;\r\n\r\n\t\t&.has-length {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n#search-field {\r\n\tmax-width: $header-search-width - 3.125rem;\r\n\theight: $header-search-height;\r\n\tline-height: normal;\r\n\tborder-radius: $header-btn-border-radius;\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n\tbox-shadow: none;\r\n\tfont-size: rem($header-search-font-size);\r\n\tpadding: $header-search-padding;\r\n}",".dropdown-icon-menu {\r\n\r\n\t> .btn {\r\n\t\tz-index: 1;\r\n\t}\r\n\r\n\t> ul {\r\n\t\topacity: 0;\r\n\t\tlist-style: none;\r\n\t\tmargin: 0;\r\n\t\tposition: absolute;\r\n\t\tbackground: $white;\r\n\t\theight:$header-btn-height;\r\n\t\tpadding: ($header-btn-height + 0.5rem) 4px 5px;\r\n\t\twidth: $header-btn-width + 0.5rem;\r\n\t\tmargin-left: 1px;\r\n\t\tmargin-top: -($header-btn-height + 0.25rem);\r\n\t\tleft: -5px;\r\n\t\toverflow: hidden;\r\n\t\tbox-shadow: 0 3px 3px rgba(0,0,0,.12),0 0 3px rgba(0,0,0,.24);\r\n\r\n\t\t@include rounded(rem($header-btn-border-radius));\r\n\r\n\t\ttransition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\r\n\t\t> li {\r\n\t\t\tmargin-bottom: 4px;\r\n\t\t\tposition: relative;\r\n\t\t\t\r\n\t\t\t.btn {\r\n\t\t\t\t@extend %header-btn;\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&:last-child {\r\n\t\t\t\tmargin-bottom:0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover {\r\n\r\n\t\t> ul {\r\n\t\t\tdisplay: block;\r\n\t\t\topacity: 1;\r\n\t\t\t/*\r\n\t\t\t * n = number of buttons minus 1 \r\n\t\t\t * eg. $header-btn-height * 2n\r\n\t\t\t */\r\n\t\t\theight: ($header-btn-height + ($header-btn-height * 2) + 1rem); \t\t\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\toverflow: visible;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}",".tab-notification {\r\n\theight: 363px;\r\n\r\n\t.tab-pane {\r\n\t\theight: 100%;\r\n\t}\r\n}\r\n\r\n\r\n.notification {\r\n\tpadding:0;\r\n\tmargin: 0;\r\n\tlist-style: none;\r\n\tposition: relative;\r\n\r\n\tli {\r\n\t\tposition: relative;\r\n\t\tbackground: $white;\r\n\r\n\t\t&.unread {\r\n\t\t\t\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\r\n\t\t\t.name {\r\n\t\t\t\tfont-weight:500;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tpadding: $p-1+$p-2 $p-4;\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t\t&:focus {\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t}\r\n\r\n\t\t\t> span {\r\n\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t> span {\r\n\t\t\t\t\t/* IE fix */\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\t> a {\r\n\t\t\t\tborder:0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: rem($fs-base);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t\t.name {\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t\tz-index: 1;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t//background: #ed1c24;\r\n\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\tbox-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.name {\r\n\t\t\t\tfont-size: rem($fs-base + 1px);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n\t&:not(.notification-loading) {\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: \"No new messages\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tz-index: 0;\r\n\t\t\tpadding: 1.5rem;\r\n\t\t\twidth: 100%;\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}",".app-list {\r\n\tmargin:0 auto;\r\n\tdisplay: block;\r\n\twidth: $header-applist-rows-width !important;\r\n\theight: $header-applist-rows-height !important;\r\n\tfont-size:0; //removes wierd spacing\r\n\tpadding: $header-applist-box-padding-x $header-applist-box-padding-y;\r\n\ttext-align: center;\r\n\r\n\t> li {\r\n\t\tdisplay: inline-block;\r\n\t\ttext-align: center;\r\n\t\tpadding:0;\r\n\t}\r\n}\r\n\r\n.app-list-item {\r\n\theight: $header-applist-link-block-height;\r\n\twidth: $header-applist-link-block-width;\r\n\tdisplay: block;\r\n\ttext-decoration: none;\r\n\tcolor:$base-text-color;\r\n\tmargin: 10px 2px;\r\n\tborder: 1px solid transparent !important;\r\n\toutline: none;\r\n\t@include rounded($border-radius - 1);\r\n\tpadding-top: 8px;\r\n\r\n\tborder-radius: 100%;\r\n\t\r\n\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex-direction: column;\r\n\r\n\t.icon-stack {\r\n\t\tfont-size: $header-applist-icon-size;\r\n\t\tmargin-top:4px;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t\tpadding-top: 7px;\r\n\r\n\t\t> .icon-stack {\r\n\t\t\tfont-size: $header-applist-icon-size + 0.0625rem;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t\tpadding-top: 8px;\r\n\r\n\t\t> .icon-stack {\r\n\t\t\tfont-size: $header-applist-icon-size;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.app-list-name {\r\n\ttext-align: center;\r\n\tfont-size: rem($fs-base);\r\n\ttext-overflow: ellipsis;\r\n\tdisplay: block;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}",".header-function-fixed {\r\n\r\n\t&:not(.nav-function-top) {\r\n\r\n\t\t.page-header {\r\n\t\t\tleft:0;\r\n\t\t\tposition:fixed !important;\r\n\t\t\tright:0;\r\n\t\t\ttop:0;\r\n\t\t\t\r\n\t\t\t@extend %general-animation;\r\n\t\t}\r\n\r\n\t\t.page-content {\r\n\t\t\tmargin-top: $header-height;\r\n\t\t}\r\n\r\n\t\t&:not(.nav-function-fixed) {\r\n\r\n\t\t\t.page-logo {\r\n\t\t\t\twidth:$nav-width;\r\n\t\t\t\tposition:fixed;\r\n\t\t\t\ttop:0;\r\n\t\t\t\tz-index: $cloud;\r\n\r\n\t\t\t\t//@extend %fixed-header-shadow;\r\n\t\t\t}\r\n\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t.primary-nav {\r\n\t\t\t\t\tmargin-top:$header-height;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t/* bug fix for nav hidden other than chrome...*/\r\n\t\t\t&.desktop.nav-function-hidden {\r\n\t\t\t\t.page-logo {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttransition: none !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.header-function-fixed {\r\n\r\n\t\t&:not(.nav-function-top) {\r\n\r\n\t\t\t.page-header {\r\n\t\t\t\tmargin-left: $nav-width;\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-minify {\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\t.page-logo {\r\n\t\t\t\t\t\twidth: $nav-minify-width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tposition: fixed !important;\r\n\t\t\t\t/*top: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tleft: 0;*/\r\n\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\r\n\t\t\t\t/*chrome flickering solution*/\r\n\t\t\t\t-webkit-transform: translateZ(0);\r\n\t\t\t}\r\n\t\t\t/*.page-wrapper {\r\n\t\t\t\tpadding-top: $header-height-nav-top;\r\n\t\t\t}*/\t\t\t\r\n\t\t}\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".page-sidebar {\r\n\r\n\t@extend %nav-bg;\r\n\r\n\tposition: relative;\r\n\tflex: 1 0 auto;\r\n\twidth: $nav-width;\r\n\tmax-width: $nav-width;\r\n flex-direction: column;\r\n display: flex;\r\n\r\n\tz-index: $depth-nav;\r\n\r\n\twill-change: left, right;\r\n}",".primary-nav { \r\n\toverflow: auto;\r\n\toverflow-x: hidden;\r\n\t-webkit-overflow-scrolling: touch;\r\n\t-webkit-backface-visibility: hidden; \r\n\t\tbackface-visibility: hidden;\r\n\r\n\t.nav-menu:last-of-type {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.nav-menu:first-of-type {\r\n\t\tmargin-top: 1rem;\r\n\t\tmargin-bottom: 1rem;\r\n\t}\t\r\n}\r\n\r\n.nav-title {\r\n\ttext-transform: uppercase;\r\n\tmargin:0;\r\n\tcolor: $nav-title-color;\r\n\tpadding: 1rem $nav-padding-x;\r\n\tmargin-top: 1.5rem;\r\n\tfont-size: rem($nav-title-font-size);\r\n\tletter-spacing: 1px;\r\n\tfont-weight: 500;\r\n}\r\n\r\n.nav-menu {\r\n\tpadding: 0;\r\n\tlist-style: none;\r\n\tmargin: 0;\r\n\r\n\ta,\r\n\ta > [class*='fa-'],\r\n\ta > .#{$cust-icon-prefix} {\r\n\t\t@include transition(0.3s,ease-out);\r\n\t}\r\n\r\n\r\n\tb.collapse-sign {\r\n\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\tcolor: $primary-400;\r\n\r\n\t\t> [class*='fa-'],\r\n\t\t>.#{$cust-icon-prefix} {\r\n\t\t\tfont-size: $nav-collapse-sign-font-size;\r\n \t}\r\n\t}\r\n\r\n\tul {\r\n\t\tpadding-left: 0;\r\n\t\tlist-style: none;\r\n\t\tdisplay:none;\r\n\t}\r\n\r\n\tli {\r\n\t\tposition: relative;\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\t\t\t\tfont-weight: 400;\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcontent: '\\f413';\r\n\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: calc(50% - 5px);\r\n\t\t\t\tright: 11px;\r\n\t\t\t\tfont-size: 7px;\r\n\t\t\t\theight: 10px;\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-content: center;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tdisplay: flex; /*new*/\r\n\t\t\talign-items:center; /*new*/\r\n\t\t\toutline: 0;\r\n\t\t\tpadding: $nav-padding-y $nav-padding-x;\r\n\t\t\tfont-size: rem($nav-font-link-size);\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\tfont-weight: 400;\r\n\t\t\ttext-decoration: none;\r\n\r\n\t\t\tposition: relative; /* needed for mod-nav-hiarchiy*/\r\n\r\n\t\t\t.dl-ref {\r\n\t\t\t\tfont-size: $nav-dl-font-size;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\tmin-width: $nav-dl-width;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tborder-radius: $border-radius;\r\n\t\t\t\tletter-spacing: 0.5px;\r\n\t\t\t\tmargin-left: -$nav-dl-margin-left;\r\n\t\t\t\tmargin-right: $nav-dl-margin-right;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\toverflow:hidden;\r\n\t\t\t\tpadding: 0 4px;\r\n\t\t\t\t-webkit-font-smoothing: subpixel-antialiased;\r\n\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t/*> .badge {\r\n\r\n\t\t\t\t@extend %ping-badge;\r\n\r\n\t\t\t\t& + [class*='fa-'],\r\n\t\t\t\t& + .#{$cust-icon-prefix} {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t}*/\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\tmargin-right: $nav-icon-margin-right;\r\n\t\t\t\tfont-size: $nav-font-icon-size;\r\n\t\t\t\twidth: $nav-icon-width;\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\t\t\t/*> [class*='fa-'] {\r\n\t\t\t\tfont-size: $nav-font-icon-size - 2;\r\n\t\t\t}*/\r\n\r\n\t\t\t/*> img {\r\n\t\t\t\tbackground: $primary-500;\r\n\t\t\t\tpadding: 0.125rem;\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tmargin-left: 5px;\r\n\t\t\t\tmargin-right: $nav-icon-margin-right + 0.1875rem;\r\n\t\t\t}*/\r\n\r\n\t\t\t> .nav-link-text {\r\n\r\n\t\t\t\tflex: 1; /*new*/\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items:center;\r\n\t\t\t\tline-height: normal;\r\n\t\t\t}\r\n\r\n\t\t\t/*> .badge:not(.clear-badge):first-child {\r\n\t\t\t\tposition: static;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tborder-radius: 5px;\r\n\t\t\t\tmargin-right: 10px;\r\n\t\t\t\twidth: 28px;\r\n\t\t\t\theight: auto;\r\n\t\t\t\tpadding: 4px 0;\r\n\t\t\t\tfont-size: rem($fs-base);\r\n\t\t\t}*/\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\t\t\tpadding-top: 10px;\r\n\t\t\tpadding-bottom: 10px;\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\tpadding: $nav-padding-y $nav-padding-x $nav-padding-y $nav-padding-x + $nav-icon-width + $nav-icon-margin-right;\r\n\r\n\t\t\t\t\tb.collapse-sign {\r\n\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\tfont-size: $nav-collapse-sign-font-size - 2; \r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tmargin-left: -2.1875rem;\r\n\t\t\t\t\t\tmargin-right: $nav-dl-margin-right;\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t\tfont-size: $nav-font-icon-size-sub - 0.25rem;\r\n\t\t\t\t\t\twidth: $nav-dl-width;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\t\t\t\t\t\tbox-shadow:none;\r\n\r\n\t\t\t\t\t\tfont-weight: 400;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\t> ul {\r\n\t\t\t\t\t\tpadding-bottom:0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\tpadding: $nav-padding-y $nav-padding-x $nav-padding-y ($nav-padding-x + $nav-icon-width + $nav-icon-margin-right + 0.75rem);\r\n\r\n\t\t\t\t\t\t\t.dl-ref {\r\n\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t\tmargin-right: $nav-icon-margin-right / 1.2;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t\tmargin-right: $nav-icon-margin-right / 1.2;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom:0;\r\n\t\t}\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tmargin-bottom:0;\r\n\t}\r\n} \r\n\r\n/* nav hover elements \r\n.nav-menu-hover {\r\n\r\n\tli > ul {\r\n\t\tbackground-color: rgba(0,0,0,0.17) !important;\r\n\t}\r\n\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: rgba(255,255,255,0.90);\r\n\t\t\tspan {\r\n\t\t\t\tcolor: rgba(255,255,255,0.90);\r\n\t\t\t}\r\n\t\t\t\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground:rgba(255,255,255,0.09) !important;\r\n\t\t\t\tcolor: $white !important;\r\n\t\t\t\tspan {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}*/\r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tul {\r\n\t\tbackground: transparent !important;\r\n\t\tpadding-bottom: 0 !important;\r\n\t}\r\n\r\n\tli {\r\n\t\ta {\r\n\t\t\tbackground: transparent !important;\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid transparent;\r\n\t}\r\n\r\n\tli > ul li > ul > li:not(:last-child) a {\r\n\t\tborder-bottom: none;\r\n\t}\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n\tli > ul li > ul > li:not(:last-child) a {\r\n\t\tborder-bottom: none;\r\n\t}\r\n\r\n}\r\n\r\n/* nav compact elements */\r\n.nav-menu-compact {\r\n\tli a { padding-left: 1.5rem !important; padding-right: 1.5rem !important;}\r\n\tli li a { padding-left: 2rem !important; }\r\n\tli li li a { padding-left: 2.5rem !important; }\r\n}\r\n\r\n.nav-menu.nav-menu-reset {\r\n\tli a:not(:hover),\r\n\t.collapse-sign {\r\n\t\tcolor: rgba(255,255,255,0.7) !important;\r\n\t}\r\n}\r\n\r\n/*body:not(.nav-function-top) {\r\n\r\n\t.primary-nav {\r\n\r\n\t\t.nav-menu {\r\n\r\n\t\t\ta,\r\n\t\t\ta:hover,\r\n\t\t\ta:focus {\r\n\r\n\t\t\t\t.badge-detached {\r\n\t\t\t\t\t\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tfont-family: 'helvetica neue', helvetica, arial, sans-serif;\r\n\t\t\t\t\tfont-size: rem($fs-nano);\r\n\t\t\t\t\tmin-height: 13px;\r\n\t\t\t\t\tmin-width: $nav-badge-height + 4;\r\n\t\t\t\t\tbackground-color: #fff;\r\n\t\t\t\t\tborder: 1px solid #33383e;\r\n\t\t\t\t\tborder-radius: 3px;\r\n\t\t\t\t\tcolor: #33383E;\r\n\t\t\t\t\tpadding: 1px 5px;\r\n\t\t\t\t\tright: 15px;\r\n\t\t\t\t\tleft: auto;\r\n\t\t\t\t\ttop: 13px;\r\n\t\t\t\t\twidth: auto;\r\n\t\t\t\t\tmax-width: 0;\r\n\t\t\t\t\theight: auto;\r\n\r\n\t\t\t\t\t-webkit-font-smoothing: subpixel-antialiased;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}*/\r\n\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t\r\n\t.page-sidebar {\r\n\r\n\t\t.primary-nav {\r\n\r\n\t\t\t.nav-menu {\r\n\r\n\t\t\t\t> li {\r\n\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\tfont-size: rem($nav-font-link-size);\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".nav-filter {\r\n\t//background: lighten($nav-background, 5%);\r\n\tmargin: 0;\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\toverflow: hidden;\r\n height: 0px;\r\n position: relative;\r\n\ttransform: scale(0.3);\r\n\ttransition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\r\n\tinput[type=\"text\"] {\r\n\t\tpadding: 8px 40px 8px 14px; \r\n\t\twidth: $nav-width - 2.25rem;\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}\r\n\r\n// when the dropdown button is clicked for the filter input\r\n.list-filter-active {\r\n\r\n\t//hides info card temporarily\r\n\t.info-card {\r\n\t\theight: calc(#{$nav-infocard-height} - #{$nav-infocard-height});\r\n\t\ttransition: all 400ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\t}\r\n\r\n\t//nav-filter visibility\r\n\t.nav-filter {\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t\theight: 60px;\r\n\t\t//border-bottom: 1px solid;\r\n\t\tbox-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);\r\n\t\ttransform: scale(1);\r\n\t}\r\n\r\n\t//hides all nav title\r\n\t.nav-title {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.nav-menu {\r\n\t\tmargin:0;\r\n\r\n\t\tli > ul {\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* these classes are triggered by JS */\r\n\t.js-filter-hide {\r\n\t\tdisplay:none;\r\n\t}\r\n\r\n\t.js-filter-show {\r\n\t\tdisplay:block;\r\n\t}\r\n\r\n}\r\n\r\n/* only show filter message if lister filter is active */\r\n.page-sidebar:not(.list-filter-active) {\r\n\t.filter-message {\r\n\t\tdisplay: none;\r\n\t}\t\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\t.nav-function-top,\r\n\t.nav-function-minify {\r\n\t\t.page-sidebar {\r\n\t\t\t/*.js-filter-hide,\r\n\t\t\t.js-filter-show {\r\n\t\t\t\tdisplay:block;\r\n\t\t\t}*/\r\n\t\t\t.filter-message,\r\n\t\t\t.nav-filter {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n}",".info-card {\r\n\tposition: relative;\r\n\twidth: $nav-width;\r\n\theight: $nav-infocard-height;\r\n\tcolor:$white;\r\n\toverflow: hidden;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n\r\n padding: 0 $nav-padding-x;\r\n\r\n\ttransition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\r\n\timg.cover {\r\n\t\topacity: 0.5;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tright: 0;\r\n\t\tposition: absolute;\r\n\t\t@extend %bg-img-cover;\r\n\t\t@extend %common-animation-opacity;\r\n\r\n\t\t//height: 100%; //it was pixelating\r\n\t\theight: auto;\r\n\t}\r\n\r\n\t.profile-image {\r\n\t\twidth: $profile-image-width;\r\n\t\theight: auto;\r\n\t\tdisplay: inline-block;\r\n\t\tz-index: 2;\r\n\t\tposition: relative;\r\n\t}\t\r\n\r\n\t.info-card-text {\r\n\t\tmargin-left: 1rem;\r\n\t\tcolor: inherit;\r\n\t\ttext-shadow: $black 0 1px;\r\n\t\tz-index: 1;\r\n\t\tposition: relative;\r\n\t\tline-height: normal;\r\n\r\n\t\t> span {\r\n\t\t\tfont-weight: 300;\r\n\t\t}\r\n\t}\r\n\t\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t.info-card {\r\n\r\n\t\t&:hover {\r\n\t\t\t@include transition(0.10s,ease-in-out); \r\n\t\t\twill-change: opacity;\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\timg.cover {\r\n\t\t\t\topacity: 0.7;\r\n\t\t\t\t@include backface-visibility;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.info-card-text {\r\n\tfont-size: rem($fs-md);\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\tfont-weight: 500;\r\n\tline-height: 1.35;\r\n\r\n\t> span {\r\n\t\tfont-size: rem($fs-md);\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 300;\r\n\t}\r\n}\r\n","$nav-function-top-item-padding: 8px;\r\n$nav-function-top-logo-width-sm: 28px;\r\n$nav-function-top-logo-width-lg: 28px;\r\n$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n.nav-padel-left,\r\n.nav-padel-right {\r\n\tdisplay: none;\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* digitally created elements */\r\n\t\t.nav-menu-wrapper {\r\n\t\t\tflex: 0 1 100%;\r\n\t\t}\r\n\r\n\t\t/* hide elements when nav-function-top */\r\n\t\t.hidden-nav-function-top {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"DISABLED\";\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tfont-size: 10px;\r\n\t\t\t\t\twidth: 65px;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\t\tright: 13px;\r\n\t\t\t\t\ttop: 26%;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tmargin-top: 0;\r\n\t\t\theight: $header-height-nav-top;\r\n\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tright: 0;\r\n\t\t\tleft: 0;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.dropdown-icon-menu {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t#search-field {\r\n\t\t\t\tmargin:0 !important;\r\n\t\t\t}\r\n\r\n\t\t\t.page-logo {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\twidth: auto;\r\n \t\t\twidth: initial; //for IE, cause you know, they suck...\r\n\t\t\t\tpadding-left: 0;\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\r\n\t\t\t.header-icon:not(.btn)[data-toggle=\"dropdown\"] + .dropdown-menu {\r\n\t\t\t\ttop: $header-height-nav-top !important;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-content-wrapper {\r\n\t\t\tmargin-top: $nav-top-height + $header-height-nav-top;\r\n\t\t}\r\n\r\n\t\t.page-wrapper {\r\n\t\t\tpadding-left:0;\r\n\r\n\t\t\t.page-footer {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tdisplay: flex;\r\n\t\t\twidth: 100%;\r\n\t\t\tmax-width: 100%;\r\n\t\t\theight: $nav-top-height;\r\n\t\t\tz-index: $depth-header - 1;\r\n\t\t\tpadding: 0 0.625rem;\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: $header-height-nav-top;\r\n\r\n\t\t\torder: 2;\t\t\r\n\r\n\t\t\t.page-logo,\r\n\t\t\t.nav-filter,\r\n\t\t\t.info-card,\r\n\t\t\t.nav-title {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\tflex: 1;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: stretch; \r\n\t\t\t\tfont-size: 0;\r\n\r\n\t\t\t\t/* Make an auto-hiding scroller for the 3 people using a IE */\r\n\t\t\t\t-ms-overflow-style: -ms-autohiding-scrollbar;\r\n\t\t\t\t/* Remove the default scrollbar for WebKit implementations */\r\n\r\n\r\n\t\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\tmargin:0;\r\n\t\t\t\t\tmargin-left: 2.90rem; /* this will get overriden with JS script, but we add it here as a counter weight for the flickering effect */\r\n\t\t\t\t\tpadding: 0;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: row;\r\n\t\t\t\t\talign-items: stretch;\r\n\t\t\t\t\tflex: 0 1 100%;\r\n\r\n\t\t\t\t\ttransition: margin 0.5s ease-out 0s;\r\n\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n \t\t\t\t\tposition: static; //beacuse initial don't work in fking IE\r\n\r\n\t\t\t\t\t\t&.nav-title {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tbox-shadow: none;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcontent: '\\f413';\r\n\t\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\ttop: calc(50% + 15px);\r\n\t\t\t\t\t\t\t\t\tright: calc(50% - 5px);\r\n\t\t\t\t\t\t\t\t\tfont-size: 7px;\r\n\t\t\t\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tpadding: .75rem 1.5rem .75rem 1rem;\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\t\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\twidth: inherit;\r\n\t\t\t\t\t\t\t\tmargin: 0 ;\r\n\t\t\t\t\t\t\t\tmargin-right: .5rem !important;\r\n\t\t\t\t\t\t\t\tdisplay: flex !important;\t\t\t\t\t\r\n\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\tjustify-content: left;\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\t\t\t\tline-height: normal;\r\n\t\t\t\t\t\t\t\tvertical-align: text-top;\r\n\t\t\t\t\t\t\t\tfont-weight: 400;\r\n\r\n\t\t\t\t\t\t\t\tdisplay: inline-block; /*override inline-flex*/\r\n\r\n\t\t\t\t\t\t\t\t// this is needed\r\n\t\t\t\t\t\t\t\tflex: 0 1 auto;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.badge,\r\n\t\t\t\t\t\t\t>.badge.clear-badge {\r\n\t\t\t\t\t\t\t\tleft: 53%;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tmargin-left: 0.5rem;\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n \t\t\t\t\t\t\tright: 0.5rem;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tbottom: 0;\r\n\r\n\t\t\t\t\t\t\t\t//force down arrow on all parent\r\n\t\t\t\t\t\t\t\t> em {\r\n\t\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\t\tcontent: \"\\f107\";\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge:first-child {\r\n\t\t\t\t\t\t\t\tmax-width: none;\r\n\t\t\t\t\t\t\t\twidth: 25px !important;\r\n\t\t\t\t\t\t\t\theight: 25px !important;\r\n\t\t\t\t\t\t\t\tline-height: 16px !important;\r\n\t\t\t\t\t\t\t\tfont-size: rem($fs-base) !important;\r\n\t\t\t\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t\t\t\t\tmargin: 0 auto 4px !important;\r\n\r\n\t\t\t\t\t\t\t\t// unfortunately we do need '!important' here :(\r\n\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tfont-size: .9rem;\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tdisplay: none !important; //force invisibility to override plugin clicks\r\n\t\t\t\t\t\t\twidth: $nav-top-drowndown-width;\r\n\t\t\t\t\t\t\theight: auto !important; //counters the click issue\r\n\t\t\t\t\t\t\ttop: $nav-top-height;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);\r\n\t\t\t\t\t\t\tpadding: 1rem 0;\r\n\t\t\t\t\t\t\tmargin-top:1rem;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tpadding: 0.65rem 1.25rem;\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t\tmax-height: none;\r\n\t\t\t\t\t\t\t\t\tbox-shadow: none;\r\n\r\n\t\t\t\t\t\t\t\t\t.nav-link-text {\r\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t\t\t\t\t\t\t> .dl-ref {\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-right: 5px;\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t> .#{$cust-icon-prefix}\r\n\t\t\t\t\t\t\t\t\t\t> [class*='fa-'] {\r\n\t\t\t\t\t\t\t\t\t\t\tmargin-left: 6px;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t\tpadding: 0;\r\n\r\n\t\t\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\t\t\tpadding-left: 2rem;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\twidth: calc(100% + 100px);\r\n\t\t\t\t\t\t\t\theight: calc(100% + 120px);\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\tleft: -50px;\r\n\t\t\t\t\t\t\t\ttop: -1rem;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcontent: \"\\f1c8\";\r\n\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\tfont-size: 5rem;\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\ttop: -1.7rem;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t\t& + ul {\r\n\r\n\t\t\t\t\t\t\t\t\tdisplay:block !important;\r\n\t\t\t\t\t\t\t\t\tanimation: animateFadeInUp 0.5s;\r\n \t\t\t\t\t\t\t\t\t-webkit-animation: animateFadeInUp 0.5s;\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\r\n\t\t\t}\r\n\r\n\t\t\t.nav-footer {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t&.nav-function-minify {\r\n\r\n\t\t\t.page-sidebar {\r\n\r\n\t\t\t\t.primary-nav {\r\n\t\t\t\t\t \r\n\t\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t\t> li{\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\t\tleft:24px;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t/* reorder */\r\n\t\t.page-header {\r\n\t\t\torder: 1;\r\n\t\t}\r\n\r\n\t\t.page-wrapper {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\torder: 2;\r\n\t\t}\r\n\r\n\t\t.page-content {\r\n\t\t\torder: 3;\r\n\t\t\talign-items: stretch;\r\n\t\t\tflex: 1 1 auto;\r\n\t\t}\r\n \r\n\t}\r\n\t\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n\t.nav-function-top {\r\n\t\t\r\n\t\t.page-sidebar {\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t> .badge:first-child {\r\n\t\t\t\t\t\t\t\tmax-width: none;\r\n\t\t\t\t\t\t\t\twidth: 27px !important;\r\n\t\t\t\t\t\t\t\theight: 27px !important;\r\n\t\t\t\t\t\t\t\tline-height: 18px !important;\r\n\t\t\t\t\t\t\t\tmargin: 0 auto 2px !important;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t> img {\r\n\t\t\t\t\t\t\t\tfont-size: 22px;\r\n\t\t\t\t\t\t\t\theight: 22px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t/*li {\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t li {\r\n\t\t\t\t\t\t\t \ta {\r\n\t\t\t\t\t\t\t \t\tfont-size: rem($fs-base);\r\n\t\t\t\t\t\t\t \t}\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}*/\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\t\r\n\r\n\t\t}\r\n\t}\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-hidden:not(.nav-function-top) {\r\n\t\t.page-wrapper {\r\n\t\t\tpadding-left: $nav-hidden-visiblity;\r\n\t\t}\r\n\t\t.page-sidebar {\r\n\t\t\tleft: $nav-hidden-visiblity - $nav-width;\r\n\t\t\tz-index: $depth-header + 1;\r\n\t\t\ttransition: $nav-hide-animate;\r\n\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\ttop:0;\r\n\t\t\tbottom:0;\r\n\r\n\t\t\twill-change: left, right;\r\n\r\n\t\t\t/* apply invisible hit area to reveal nav */\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tposition: fixed;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom:0;\r\n\t\t\t\tleft: $nav-width;\r\n\t\t\t\twidth: $grid-gutter-width-base * 0.7;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tleft: 0;\r\n\t\t\t\ttransition: 450ms cubic-bezier(0.90, 0.01, 0.09, 1);\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.page-header {\r\n\t\t\tmargin-left: 0;\r\n\r\n\t\t\t/* active button state for \"nav-function-hidden\" */\r\n\t\t\t[data-class=\"nav-function-hidden\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-fixed {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t/* apply invisible hit area to reveal nav */\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tleft: $nav-hidden-visiblity;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\r\n\t.nav-function-hidden.header-function-fixed:not(.nav-function-top) {\r\n\t\t.page-header {\r\n\t\t\tmargin-left: $nav-hidden-visiblity; \r\n\t\t}\r\n\t}\r\n\t\r\n}",".nav-function-fixed:not(.nav-function-top) {\r\n\t.page-sidebar{\r\n\t\tposition: fixed !important;\r\n\t\ttop:0;\r\n\t\tbottom:0;\r\n\r\n\t\t.primary-nav {\r\n\t\t\toverflow: auto;\r\n\t\t\toverflow-x: hidden;\r\n\t\t\t-webkit-overflow-scrolling: touch;\r\n\t\t\theight: unquote(\"calc(100% - #{$header-height + $footer-height})\");\r\n\t\t}\r\n\r\n\t\t.slimScrollDiv {\r\n\r\n\t\t\theight: unquote(\"calc(100% - #{$header-height + $footer-height})\") !important;\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\tpadding-bottom: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\t\r\n\t.page-header {\r\n\t\t[data-class=\"nav-function-fixed\"] {\r\n\t\t\t@extend %header-btn-active;\r\n\t\t}\r\n\t}\r\n\r\n}\t\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-fixed {\r\n\r\n\t\t/*\r\n\t\t * top navigation fixed for larger screens with nav on LEFT\r\n\t\t */\r\n\t\t&:not(.nav-function-top){\r\n\t\t\t&.mod-main-boxed {\r\n\t\t\t\t.page-sidebar{\r\n\t\t\t\t\tposition: fixed !important;\r\n\t\t\t\t}\t\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.nav-function-hidden):not(.nav-function-minify) .page-content-wrapper {\r\n\t\t\t\tpadding-left: $nav-width;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/*\r\n\t\t * top navigation fixed for larger screens with nav on TOP\r\n\t\t */\r\n\t\t&.nav-function-top {\r\n\t\t\t&.header-function-fixed {\r\n\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\tposition: fixed !important;\r\n\r\n\t\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\t\t/*\r\n\t\t * center for left nav fixed with boxed layout \r\n\t\t */\r\n\t\t&.nav-function-top {\r\n\t\t\t&.mod-main-boxed {\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tmargin-right: auto;\r\n\t\t\t\t\tmargin-left: auto;\r\n\t\t\t\t\tmax-width: $mod-main-boxed-width - 2px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t.nav-function-fixed {\r\n\r\n\t\t/*\r\n\t\t * top navigation fixed for extra large screens with nav on LEFT\r\n\t\t */\r\n\t\t&:not(.nav-function-top){\r\n\t\t\t&.mod-main-boxed {\r\n\t\t\t\t.page-sidebar{\r\n\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t}\t\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t/* hide elements when nav-function-minify */\r\n\r\n\t\t.hidden-nav-function-minify {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\r\n\t\t\twidth: $nav-minify-width;\r\n\t\t\tz-index: $depth-header + 1;\r\n\r\n\t\t\twill-change: width;\r\n\t\t\t\r\n\t\t\ttransition: $nav-hide-animate;\r\n\r\n\t\t\t.page-logo {\r\n\r\n\t\t\t\twidth:$nav-minify-width;\r\n\t\t\t\tpadding: 0;\r\n\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t.page-logo-link {\r\n\t\t\t\t\tflex: none;\r\n\t\t\t\t}\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t.page-logo-text {\r\n\t\t\t\t\tdisplay: none;\r\n\r\n\t\t\t\t\t& + * {\r\n\t\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.info-card {\r\n\t\t\t\theight: $nav-width/3 + 0.3125rem;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\tpadding: $header-height/3.4 0;\r\n\t\t\t\ttext-align:center;\r\n\t\t\t\toverflow: hidden; \r\n\r\n\t\t\t\tjustify-content: center;\r\n\r\n\t\t\t\t.profile-image + div {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t top: 0;\r\n\t\t\t\t width: $nav-width/1.2;\r\n\t\t\t\t text-align: left; \r\n\t\t\t\t display: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\toverflow: hidden; \r\n\r\n\t\t\t\t.nav-title {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\tmargin:0;\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcontent: '\\f413';\r\n\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: calc(50% - 5px);\r\n\t\t\t\t\t\t\t\tright: 11px;\r\n\t\t\t\t\t\t\t\tfont-size: 7px;\r\n\t\t\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\talign-content: center;\r\n\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t/*.dl-ref {\r\n\t\t\t\t\t\t\t\tdisplay:none !important;\r\n\t\t\t\t\t\t\t}*/\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\tpadding-left: 0;\r\n\t\t\t\t\t\t\tpadding-right: 0;\r\n\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\t\r\n\t\t\t\t\t\t\t\tfont-size: $nav-font-icon-size * 1.1;\r\n\t\t\t\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tleft: $nav-minify-width / 2;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:not(.livicon) > .badge:not(.clear-badge):first-child {\r\n\t\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tdisplay: none;\t\r\n\t\t\t\t\t\t\t\tposition:absolute;\r\n\t\t\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t\tpadding-left: $nav-minify-sub-width / 10;\r\n\t\t\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t left: $nav-minify-width + 1rem;\r\n\t\t\t\t\t\t\t height: 100%;\r\n\t\t\t\t\t\t\t width: $nav-minify-sub-width;\r\n\t\t\t\t\t\t\t font-weight: 500;\r\n\t\t\t\t\t\t\t margin-top: -1.563rem;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> b.collapse-sign {\r\n\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\twidth: $nav-minify-sub-width;\r\n\t\t\t\t\t\t\t\tleft: $nav-minify-width + 1rem;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\tmargin-top: -5rem;\r\n\t\t\t\t\t\t\t\tpadding-top: 3.75rem;\r\n\r\n\t\t\t\t\t\t\t\tborder-radius: 4px .5rem .5rem .5rem;\r\n\r\n\t\t\t\t\t\t\t\tpadding-bottom: 1rem;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcontent: \"\\f1c8\";\r\n\t\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\tfont-size: 3.5rem;\r\n\t\t\t\t\t\t\t\t\tleft: -0.4125rem;\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\t\ttransform: rotate(270deg);\r\n\t\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\t\ttop: 1rem;\r\n\t\t\t\t\t\t\t }\r\n\r\n\t\t\t\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t\t\tpadding-left: $nav-minify-sub-width / 10;\r\n\t\t\t\t\t\t\t\t\t\tpadding-top: 0.6rem;\r\n\t\t\t\t\t\t\t\t\t\tpadding-bottom: 0.6rem;\r\n\r\n\r\n\t\t\t\t\t\t\t\t\t\t> b.collapse-sign > [class*='fa-'],\r\n\t\t\t\t\t\t\t\t\t\t> b.collapse-sign > .#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay: inline-block !important;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t//sub 2\r\n\t\t\t\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\t\t\t\t> li {\r\n\t\t\t\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-left: $nav-minify-sub-width / 8;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-top: 0.6rem;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tpadding-bottom: 0.6rem;\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t.nav-link-text {\r\n\t\t\t\t\t\t\t\t\t\t> [class*='fa-'],\r\n\t\t\t\t\t\t\t\t\t\t> .#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t\t\t\tdisplay:none;\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t& > ul {\r\n\t\t\t\t\t\t\tdisplay: none !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\t\t\toverflow: visible;\r\n\r\n\t\t\t\t\t\t\tz-index: 10;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text {\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\toverflow:hidden;\r\n\r\n\t\t\t\t\t\t\t\t animation: animateFadeInLeft 0.5s;\r\n \t\t\t\t\t\t\t\t-webkit-animation: animateFadeInLeft 0.5s;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\ttop: 26px;\r\n\t\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\t\t\t\t\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\t\t\t\tborder-radius: 4px 10px 10px 4px;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\t content: \"\\f1c8\";\r\n\t\t\t\t\t\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\t\tfont-size: 3.5rem;\r\n\t\t\t\t\t\t\t\t\t\tleft: -7px;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\t\t\ttransform: rotate(270deg);\r\n\t\t\t\t\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\t\t\ttop: -9px;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tdisplay: block !important;\r\n\t\t\t\t\t\t\tz-index: 1;\r\n\r\n\t\t\t\t\t\t\tanimation: animateFadeInLeft 0.5s;\r\n \t\t\t\t\t\t\t-webkit-animation: animateFadeInLeft 0.5s;\r\n\r\n \t\t\t\t\t\t\tbox-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.15);\r\n\r\n \t\t\t\t\t\t\t// increase hit area\r\n \t\t\t\t\t\t\t// decreases user error if mouse goes out of menu\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\theight: calc(100% + 180px);\r\n\t\t\t\t\t\t\t\twidth: calc(100% + 80px);\r\n\t\t\t\t\t\t\t\ttop: -$header-height;\r\n\t\t\t\t\t\t\t\tz-index: -1;\r\n\t\t\t\t\t\t\t\tleft:-1rem;\r\n\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-hidden {\r\n\t\t\t.page-wrapper {\r\n\t\t\t\tpadding-left: $nav-hidden-visiblity;\r\n\t\t\t}\r\n\t\t\t.page-sidebar {\r\n\t\t\t\tleft: $nav-hidden-visiblity - $nav-minify-width;\r\n\t\t\t\toverflow: visible;\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t.page-header {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.nav-function-fixed:not(.nav-function-hidden) {\r\n\t\t\t.page-content-wrapper {\r\n\t\t\t\tpadding-left: $nav-minify-width;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.header-function-fixed {\r\n\t\t\t.page-header {\r\n\t\t\t\tmargin-left: $nav-minify-width;\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-hidden {\r\n\t\t\t\t.page-header {\r\n\t\t\t\t\tmargin-left: $nav-hidden-visiblity;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-fixed:not(.nav-function-hidden) {\r\n\t\t\t\t.page-content-wrapper {\r\n\t\t\t\t\tpadding-left: $nav-minify-width;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.mod-main-boxed {\r\n\t\t\t\t\t.page-content-wrapper {\r\n\t\t\t\t\t\tpadding-left: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t}\r\n\t\r\n\r\n\t}\r\n\r\n}\r\n",".nav-footer {\r\n\t//position: absolute;\r\n\t/*background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;*/\r\n\t\r\n\t@extend %nav-bg;\r\n\r\n //width: 100%;\r\n height: $footer-height;\r\n bottom: 0;\r\n display: flex;\r\n\r\n @include transition(0.3s,ease-in-out);\r\n\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t\theight:$footer-height - 1;\r\n\t\t\t\tline-height: $footer-height - 1;\r\n\t\t\t\tmargin-top: 1px;\r\n\t\t\t\tpadding: 0 13px;\r\n\t\t\t\toverflow: visible;\r\n\t\t\t\tfont-size: rem($fs-xl);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t[data-class=\"nav-function-minify\"] {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\t\tborder:0;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent:' ';\r\n\t\t\theight: 1px;\r\n\t\t\tposition:inherit;\r\n\t\t\twidth:inherit;\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\topacity: 0.5;\r\n\t\t}\r\n\r\n\t &:after {\r\n\t\t\topacity: 0.1;\t\t \t\r\n\t }\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\theight:$footer-height;\r\n\t\t\t\tline-height: $footer-height;\r\n\t\t\t\tfont-size: rem($nav-font-link-size+5);\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\ttext-align: center;\r\n\t\t\t\ttext-decoration: none;\r\n\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t@include transition(0.3s,ease-in-out);\r\n\r\n\t\t\t\t> :first-child {\r\n\t\t\t\t\tmargin-right: -4px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> :only-child {\r\n\t\t\t\t\tmargin:0;\r\n\t\t\t\t}\r\n\t\t\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t\tmargin-left:7px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.nav-footer-buttons {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-wrapper {\r\n\t//overflow: hidden; //disabled because the menu items was not showing \r\n\tposition: relative;\r\n}\r\n\r\n.page-inner {\r\n\tmin-height: 100vh;\r\n}\r\n\r\n.page-wrapper, .page-inner {\r\n display: flex;\r\n align-items: stretch;\r\n flex: 1 1 auto;\r\n width: 100%;\r\n}\r\n\r\n.page-content-wrapper {\r\n\tbackground-color: $page-bg;\r\n display: flex;\r\n align-items: stretch;\r\n flex: 1 1 auto;\r\n padding: 0;\r\n\r\n flex-basis: 100%;\r\n flex-direction: column;\r\n width: 0;\r\n min-width: 0;\r\n max-width: 100%;\r\n\r\n min-height: 1px; \r\n}",".subheader {\r\n\tmargin-bottom: calc(1.5rem + 0.625rem); //moved the 0.625rem; from .subheader-title > small\r\n\tposition: relative;\r\n\r\n\tdisplay: flex;\r\n\tflex-direction: row;\r\n\talign-items: center; \r\n}\r\n\r\n.subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n\tmargin-right: 0.25rem;\r\n}\r\n\r\n.subheader-title {\r\n\tfont-size: 1.375rem; //unquote(\"calc(16px + 5 * ((100vw - 320px) / 680))\") //$fs-xxl;\r\n\tfont-weight: 500;\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tmargin: 0;\r\n\r\n\tflex: 1;\r\n\r\n\tsup.badge {\r\n\t\ttext-shadow: none;\r\n\t\tposition: absolute;\r\n\t\tmargin-top: 0.4rem;\r\n\t\tmargin-left: $p-1;\r\n\t\tfont-size: 40%;\r\n \tpadding: 2px 5px;\r\n \tline-height: normal;\r\n\t}\r\n\r\n\tsmall {\r\n\t\tfont-weight: 400;\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t\tmargin-bottom: 0;\r\n\t\tfont-size: 0.875rem;\r\n\t}\r\n}",".page-content {\r\n\t//align-items: stretch;\r\n flex: 1 1 auto;\r\n order: 3;\r\n\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n\r\n //min-height: calc(100vh - #{$header-height + $footer-height}) //spoonfeeding IE\r\n}\r\n\r\n/*@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\t\t.page-content {\r\n\t\t\tmin-height: calc(100vh - #{$header-height-nav-top + $nav-top-height + $footer-height})\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n*/",".page-footer {\r\n\theight: $footer-height;\r\n\tdisplay: flex;\r\n\tflex: 0 0 auto;\r\n\talign-items:center;\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n font-size: rem($footer-font-size);\r\n padding: 0 $header-inner-padding-x;\r\n order: 4;\r\n}\r\n",".alt {\r\n padding: 0 !important;\r\n flex-direction: column;\r\n\r\n min-height: 100vh;\r\n\r\n .page-footer {\r\n width: 100% !important;\r\n }\r\n}\r\n\r\n.page-error {\r\n font-size: 600% !important;\r\n font-weight: bold !important;\r\n\r\n small {\r\n font-size:40%;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n.h-alt-f {\r\n height: calc(100vh - #{$footer-height + ( (map-get($grid-gutter-widths, xl) + 2.8125rem ) * 2) });\r\n width: 100%;\r\n}\r\n\r\n.h-alt-hf {\r\n height: calc(100vh - #{ $footer-height + $header-height + ( (map-get($grid-gutter-widths, xl) + 2.8125rem ) * 2) }); \r\n width: 100%;\r\n\r\n\r\n}\r\n\r\n.nav-function-top {\r\n .h-alt-hf {\r\n height: calc(100vh - #{ $footer-height + $header-height-nav-top + $nav-top-height + ( (map-get($grid-gutter-widths, xl) + 2.8125rem ) * 2) }); \r\n }\r\n}",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tcursor: pointer;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 0;\r\n\t\t\tborder-bottom: 0;\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tpadding: 1rem $card-spacer-x;\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tfont-size: $h6-font-size;\t\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\r\n\t\t&:not(.accordion-outline):not(.accordion-hover) {\r\n\t\t\t.card-title,\r\n\t\t\t.card-body {\r\n\t\t\t\tpadding-left: 0 !important;\r\n\t\t\t\tpadding-right: 0 !important;\r\n\t\t\t}\r\n\t\t\t.card-body {\r\n\t\t\t\tpadding-top:0;\r\n\t\t\t}\t\t\t\r\n\t\t}\r\n\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t\t.card {\r\n\t\t\tborder-left: 0;\r\n \t\tborder-right: 0;\r\n\r\n \t\t&:first-child {\r\n \t\t\tborder-top: 0;\r\n \t\t}\r\n \t\t&:last-child {\r\n \t\t\tborder-bottom: 0;\r\n \t\t}\r\n\t\t}\r\n\r\n\t\t&.accordion-outline,\r\n\t\t&.accordion-hover {\r\n\t\t\t.card-title,\r\n\t\t\t.card-body {\r\n\t\t\t\tpadding-left: $card-spacer-x !important;\r\n\t\t\t\tpadding-right: $card-spacer-x !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-outline {\r\n\t\t.card {\r\n\t\t\tmargin-bottom: 1rem;\r\n\t\t\tborder: 2px solid $card-border-color !important;\r\n\t\t\tborder-radius: $border-radius !important;\r\n\t\t}\r\n\t}\r\n\t&.accordion-hover {\r\n\t\t.card-title {\r\n\t\t\ttransition: background-color 0.5s ease\r\n\t\t}\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}\r\n\r\n\r\n.alert-icon {\r\n\twidth: $p-4 + $p-3;\r\n\r\n\t> i {\r\n\t\tfont-size: rem($fs-xxl);\r\n\t}\r\n\r\n\t& + div {\r\n\t\tpadding-left: $p-1;\r\n\t}\r\n}",".badge.badge-icon {\r\n\tposition: absolute;\r\n\tdisplay: inline-block;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n\tcursor: default;\r\n\tborder: 1px solid transparent;\r\n\tfont-size: rem(10px);\r\n\tmin-width: 1rem;\r\n\tmax-width: $header-badge-min-width + 0.4375rem;\r\n\tpadding: 0 3px;\r\n\tborder-radius: $header-badge-min-width;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\t/* when self is relative */\r\n\tvertical-align: middle;\r\n}\r\n\r\n/* parent position needs to be relative, and turn off waves function */\r\n.btn-icon .badge {\r\n\ttop: auto;\r\n\t&.pos-top {\r\n\t\tmargin-top: -4px;\r\n\t}\r\n\t&.pos-bottom {\r\n\t\tmargin-bottom: -4px;\r\n\t}\r\n\t&.pos-left {\r\n\t\tmargin-left: -4px;\r\n\t}\r\n\t&.pos-right {\r\n\t\tmargin-right: -4px;\r\n\t}\r\n}",".page-breadcrumb {\r\n\tpadding:0;\r\n\tbackground:transparent;\r\n\tmargin:0 0 1.5rem;\r\n\tposition: relative;\r\n\ttext-shadow: $white 0 1px;\r\n}\r\n\r\n.breadcrumb {\r\n\t> li {\r\n\r\n\t\t> a {\r\n\t\t\ttext-decoration: none !important;\r\n\t\t}\r\n\r\n\t\t&.breadcrumb-item {\r\n\t\t\tmax-width: $page-breadcrumb-maxwidth - 70px;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t@extend %common-animation-slow;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tmax-width: $page-breadcrumb-maxwidth !important;\r\n\t\t\t\tcursor: default;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n[data-breadcrumb-seperator] + [data-breadcrumb-seperator]:before {\r\n\t\tcontent: attr(data-breadcrumb-seperator);\r\n}\r\n\r\n.breadcrumb-lg > li {\r\n\tfont-size: rem($fs-xl);\r\n}\r\n\r\n.breadcrumb-sm > li {\r\n\tfont-size: rem($fs-nano);\r\n}\r\n\r\n[class*='breadcrumb-seperator-'] .breadcrumb-item + .breadcrumb-item:before {\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: antialiased;\r\n display: inline-block;\r\n font-style: normal;\r\n font-variant: normal;\r\n font-weight: 400;\r\n line-height: 1;\r\n font-family: Font Awesome\\ 5 Pro; \r\n}\r\n\r\n.breadcrumb-seperator-1 .breadcrumb-item + .breadcrumb-item:before { content:\"\\f105\"; }\r\n.breadcrumb-seperator-2 .breadcrumb-item + .breadcrumb-item:before { content:\"\\f178\"; }\r\n.breadcrumb-seperator-3 .breadcrumb-item + .breadcrumb-item:before { content:\"\\f054\"; }\r\n\r\n$breadcrumb-arrow-color: $fusion-100;\r\n$breadcrumb-arrow-color-hover: $primary-500;\r\n\r\n.breadcrumb-arrow {\r\n\r\n\tpadding: 0;\r\n\tbackground: transparent;\r\n\r\n\tli{\r\n\r\n\t\t&.active {\r\n\t\t\tfont-weight: 500;\r\n\t\t\topacity: 0.5\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\t@include text-contrast($breadcrumb-arrow-color)\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tbackground: $breadcrumb-arrow-color;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tposition:relative;\r\n\t\t\theight: 2.5em;\r\n\t\t\tline-height: 2.5em;\r\n\t\t\tpadding: 0 10px 0 5px;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-right: 22px;\r\n\t\t}\r\n\t\t&:nth-child(even){\r\n\t\t\ta {\r\n\t\t\t\tbackground-color: $breadcrumb-arrow-color;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder-color: $breadcrumb-arrow-color;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t}\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:first-child{\r\n\t\t\ta {\r\n\t\t\t\tpadding-left:0.938em;\r\n\r\n\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:last-child{\r\n\t\t\ta {\r\n\t\t\t\tpadding-right:0.938em;\r\n\r\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\r\n\r\n\t\t\t\t\t&:after{\r\n\t\t\t\t\t\tborder: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\ta { \r\n\t\t\t&:before,\r\n\t\t\t&:after{\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\tposition:absolute;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tborder:0 solid $breadcrumb-arrow-color;\r\n\t\t\t\tborder-width:1.250em 10px;\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t}\r\n\t\t\t&:before{\r\n\t\t\t\tleft:-20px;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t}\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tleft:100%;\r\n\t\t\t\t\tborder-color:transparent;\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color;\r\n\t\t\t\t}\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tbackground-color: $breadcrumb-arrow-color-hover;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder-color: $breadcrumb-arrow-color-hover;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t }\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color-hover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:active{\r\n\t\t\t\tbackground-color: $breadcrumb-arrow-color;\r\n\r\n\t\t\t\t&:before{\r\n\t\t\t\t\tborder-color: $breadcrumb-arrow-color;\r\n\t\t\t\t\tborder-left-color:transparent;\r\n\t\t\t\t}\r\n\t\t\t\t&:after{\r\n\t\t\t\t\tborder-left-color: $breadcrumb-arrow-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\tpadding: 2px 8px 1px 22px;\r\n\tfont-size: 10px;\r\n\tline-height: 15px;\r\n\tborder-radius: 20px;\r\n\ttext-transform: uppercase;\r\n\t@include text-contrast($fusion-300);\r\n\tfont-weight: 500;\r\n\tmin-width:55px;\r\n\theight:20px;\r\n\tmargin-top:5%;\r\n\tposition:relative;\r\n\toverflow: hidden;\r\n\t\r\n\t@extend %common-animation;\r\n\r\n\t&:hover{\r\n\t\t@include scale(1.10);\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:before {\r\n\t\tcontent:\"OFF\";\r\n\t\tposition:absolute;\r\n\t\tright:7px;\r\n\t}\r\n\r\n\t&:after{\r\n\t\tcontent: \" \";\r\n\t\ttext-align: center;\r\n\t\t@include text-contrast(#828282);\r\n\t\twidth: 16px;\r\n\t\theight: 16px;\r\n\t\tposition: absolute;\r\n\t\tbackground: $white;\r\n\t\tpadding:1px;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\tline-height: normal;\r\n\t\tmargin: 1px;\r\n\t\tborder-radius: 50%;\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\tcontent:\"ON\";\r\n\t\t\tleft:7px;\r\n\t\t\tright:auto;\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\tright:0;\r\n\t\t\tleft:auto;\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tposition: absolute !important;\r\n\tdisplay: flex;\r\n\talign-items:center;\r\n\tjustify-content:center;\r\n\tpadding: 0px 5px;\r\n\tborder-radius: $border-radius - 1px;\r\n\tcolor: $white;\r\n\tright: 8px;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tbottom: 0;\r\n\tmargin: auto 0 auto auto;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($start: $danger-600,$stop: $danger-800);\r\n\t\tcolor:$white;\r\n\t\twidth: $header-btn-width + 0.625rem;\r\n\t}\r\n\r\n}\r\n\r\n/* btn widths */\r\n.btn-w-m {\r\n\tmin-width: 85px;\r\n}\r\n\r\n.btn-w-l {\r\n\tmin-width: 130px;\r\n}\r\n\r\n.btn-m-s {\r\n\tmargin: 3px 1px;\r\n}\r\n\r\n.btn-m-l {\r\n\tmargin: 3px 2.5px;\r\n}\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tposition: absolute !important;\r\n\ttop: -5px;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tmargin-left: auto;\r\n\tmargin-right: auto;\r\n\tbackground: rgba($black, .4);\r\n\tpadding: 0px 9px;\r\n\tborder: 1px solid rgba($black, .4);\r\n\tborder-radius: 0 0 20px 20px;\r\n\ttext-decoration: none;\r\n\tfont-size: 17px;\r\n\theight: 21px;\r\n\twidth: 31px;\r\n\tcolor: $white !important;\r\n\tline-height: 20px;\r\n\ttext-align: center;\r\n\ttransition: all 200ms cubic-bezier(0.34, 1.25, 0.6, 1);\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\topacity: 1;\r\n\r\n\t&:hover {\r\n\t\tfont-size: 23px;\r\n\t\theight: 25px;\r\n\t\twidth: 35px;\r\n\t\tline-height: 23px;\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t\tbox-shadow: 0px 0px 10px #5790b3;\r\n\t}\r\n}\r\n\r\n/* buttons dropshadow */\r\n/*[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']),\r\n[class*='btn-']:not(.btn-switch):not(.btn-group):not([class*='btn-w-']):focus {*/\r\n.btn-shadow,\r\n.btn-shadow:focus {\t\r\n\tbox-shadow: 0 2px 6px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);\r\n\r\n\t&:active,\r\n\t.active {\r\n\t\tbox-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important;\r\n\t}\r\n\r\n\t&:not(.disabled):not([disabled]) {\r\n\t\t&:hover {\r\n\t\t\tbox-shadow: 0 6px 17px 0 rgba(0,0,0,.3);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.btn:active {\r\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n}\r\n\r\n/*.btn-group {\r\n\t[class*='btn-'] {\r\n\t\tbox-shadow: 0 0px 0px 0 rgba(0,0,0,.3) !important;\r\n\t}\r\n}*/\r\n\r\n.btn-light {\r\n\tborder-color: rgba(0, 0, 0, 0.15);\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t&:hover {\r\n\t\tborder-color: rgba($black, 0.25);\r\n\t}\r\n}\r\n.show > .btn-light.dropdown-toggle {\r\n\tborder-color: rgba($black, 0.25);\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\t//@include button-outline-variant($body-color, $body-color, lighten($input-border-color, 8%), $input-border-color);\r\n\tbackground-color: transparent;\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n}\r\n\r\n[class*=\"btn-outline-\"] {\r\n\t@extend %common-animation;\r\n}\r\n\r\n.btn-pills {\r\n\t@include rounded(15px);\r\n}\r\n\r\n/* new btn size */\r\n.btn-xs, \r\n.btn-group-xs > .btn {\r\n\tpadding: 1px $input-btn-padding-x-sm;\r\n\tfont-size: .7rem;\r\n\tline-height: 1.5;\r\n\tborder-radius: .25rem;\r\n}\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n/* btn icon */\r\n.btn-icon {\r\n\twidth: calc(2.1rem + 2px);\r\n\tpadding: 0;\r\n\tline-height: 2.1rem;\r\n\r\n\t&:not([class*=\"-primary\"]):not([class*=\"-secondary\"]):not([class*=\"-default\"]):not([class*=\"-success\"]):not([class*=\"-info\"]):not([class*=\"-warning\"]):not([class*=\"-danger\"]):not([class*=\"-dark\"]):not([class*=\"-light\"]):not(.nav-item) {\r\n\t\t&:hover {\r\n\t\t\tbackground-color: rgba($black,0.05);\r\n\t\t\tborder-color: transparent;\r\n\t\t}\r\n\r\n\t\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\t\tbackground: transparent;\r\n\t\t\tcolor: $fusion-600;\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: rgba($fusion-500, 0.1) !important;\r\n\t\t}\r\n\t}\r\n\r\n\t&.btn-xs {\r\n\t\twidth: calc(1.15rem + 2px);\r\n\t\tline-height: 1.15rem;\r\n\t}\r\n\r\n\t&.btn-sm {\r\n\t\twidth: calc(1.5rem + 2px);\r\n\t\tline-height: 1.5rem;\r\n\t}\r\n\r\n\t&.btn-lg {\r\n\t\twidth: calc(3rem + 2px);\r\n\t\tline-height: 3rem;\r\n\t}\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tcolor: inherit;\r\n\tbackground-color: $frame-border-color;\r\n\tsmall {\r\n\t\tmargin:0;\r\n\t\topacity: 0.8;\r\n\t\tfont-weight: 400;\r\n\t\tfont-size: 85%;\r\n\t}\r\n} \r\n\r\n/* remove extra margin in card child items */\r\n.card,\r\n.card-group {\r\n\tbox-shadow: 0px 0px 13px 0px rgba(darken($primary-800, 10%), (8/100));\r\n\r\n\t> :last-child {\r\n\t\tmargin-bottom: 0px;\r\n\t}\r\n}\r\n\r\n.accordion > .card {\r\n\tbox-shadow: none;\r\n}\r\n\r\n.card-group > .card {\r\n\tbox-shadow: none;\r\n}\r\n\r\n/* remove wierd line height issue */\r\n.card-header-pills,\r\n.card-header-tabs {\r\n\tfont-size: 0;\r\n\r\n\t.nav-link {\r\n\t\tfont-size: $font-size-base;\r\n\t}\r\n}\r\n\r\n/* card title */\r\n.card-title {\r\n\tfont-size: $h5-font-size;\t\r\n}\r\n\r\n.card-header .card-title {\r\n\tdisplay: inline-block;\r\n\tpadding: 0;\r\n\tmargin: 0 0.5rem 0 0;\r\n}",".carousel-indicators li {\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.carousel-control-prev:hover {\r\n\t/*background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%);\r\n\tbackground: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); */\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\t/*background: -moz-linear-gradient(right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 45%); \r\n\tbackground: -webkit-linear-gradient(right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%);*/ \r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}",".dropdown-header.bg-trans-gradient {\r\n\tpadding: 1.25rem 1.5rem;\r\n}\r\n\r\n/* dropdown-item hover menu*/\r\n.dropdown-menu-animated {\r\n\t@include transform( scale(0.8) !important);\r\n\ttransition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\topacity: 0;\r\n\tvisibility: hidden;\r\n\tdisplay: block;\r\n}\r\n\r\n/* various sizes */\r\n.dropdown-menu {\r\n\tbox-shadow: $dropdown-shadow;\r\n\t-webkit-user-select: text;\r\n\r\n\t.dropdown-item {\r\n\t\tfont-weight: 400;\r\n\t\tcursor: pointer;\r\n\t}\r\n\r\n\t&.dropdown-sm {\r\n\t\twidth: $dropdown-sm-width;\r\n\t\theight: auto;\r\n\t}\r\n\r\n\t&.dropdown-md {\r\n\t\twidth: $dropdown-md-width;\r\n\t\theight: auto;\r\n\t} \r\n\r\n\t&.dropdown-lg {\r\n\t\twidth: $dropdown-lg-width;\r\n\t\theight: auto;\r\n\t} \r\n\r\n\t&.dropdown-xl {\r\n\t\twidth: $dropdown-xl-width;\r\n\t\theight: auto;\r\n\t}\t\r\n\r\n\t.dropdown-item {\r\n\r\n\t\t&:first-child,\r\n\t\t&:last-child {\r\n\t\t\t@include border-radius(0px);\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* replace bootstrap's default arrow */\r\n.dropdown-toggle:after,\r\n.dropleft .dropdown-toggle:before {\r\n\ttext-align: center;\r\n\tdisplay: inline;\r\n\tborder: 0 !important;\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n\tcontent: \"\\f107\" !important;\r\n\tvertical-align: top !important;\r\n\tposition: relative;\t\r\n}\r\n\r\n.dropup .dropdown-toggle:after {\r\n\tcontent: \"\\f106\" !important;\r\n}\r\n\r\n.dropright .dropdown-toggle:after {\r\n\tcontent: \"\\f105\" !important;\r\n}\r\n\r\n.dropleft .dropdown-toggle:before {\r\n\tcontent: \"\\f104\" !important;\r\n}\r\n\r\n//very wierd bug... \r\n.nav-item .dropdown-toggle:after {\r\n\tfont-size: 0.90em;\r\n}\r\n\r\n\r\n/* remove arrow */\r\n.dropdown-toggle {\r\n\t&.no-arrow {\r\n\t\t&:before,\r\n\t\t&:after {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\r\n\t.dropdown-menu {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t\tborder-radius: 0;\r\n\t\tposition: absolute;\r\n\t\ttop: -1px;\r\n\t\tleft: 100%;\r\n\t\tbackground:$white;\r\n\t\tbox-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n\r\n\t\t@include transform( scale(0.8) );\r\n\t\ttransition: all 270ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\t\ttransition-delay: 500ms;\r\n\t\topacity: 0;\r\n\t\tvisibility: hidden;\r\n\t\tdisplay: block;\r\n\r\n\t\t.dropdown-item {\r\n\t\t\tpadding-top: 0.5rem !important;\r\n\t\t\tpadding-bottom: 0.5rem !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.dropdown-multilevel {\r\n\t\tposition: relative;\r\n\r\n\t\t/* it is displayed on right by default */\r\n\t\t&.dropdown-multilevel-left {\r\n\r\n\t\t\t> .dropdown-menu {\r\n\t\t\t\tright: 100%;\r\n\t\t\t\tleft: auto;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* add arrow */\r\n\t\t> .dropdown-item:first-child {\r\n\t\t\t&:after {\r\n\t\t\t\tcontent: \"\\f2fb\";\r\n\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\tfont-size: inherit;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tright: 0;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tpadding-right: $dropdown-item-padding-x;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\r\n\t\t\t\t& + .dropdown-menu {\r\n\t\t\t\t\ttransition-delay: 0ms;\r\n\t\t\t\t\t@include transform( scale(1) );\r\n\t\t\t\t\t@include transform-origin( 29px -50px )\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t\tvisibility: visible;\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}","$icon-stack-size: 3em;\r\n\r\n.icon-stack {\r\n\tposition: relative;\r\n\tdisplay: inline-block;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tline-height: 1em;\r\n\tvertical-align: middle;\r\n\ttext-align: center;\r\n\t//transition: $nav-hide-animate;\r\n}\r\n.icon-stack-1x,\r\n.icon-stack-2x,\r\n.icon-stack-3x {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\tbottom:0;\r\n\twidth: 100%;\r\n\ttext-align: center;\r\n\tline-height: inherit !important;\r\n}\r\n.icon-stack-1x {\r\n\tfont-size: 0.5em;\r\n}\r\n.icon-stack-2x {\r\n\tfont-size: 0.70em;\r\n\t/*padding-right: 0.025em;*/\r\n}\r\n.icon-stack-3x {\r\n\tfont-size: 1em;\r\n}\r\n\r\n.icon-stack-xl {\r\n\tfont-size: rem(50px);\r\n}\r\n.icon-stack-lg {\r\n\tfont-size: rem(40px);\r\n}\r\n.icon-stack-md {\r\n\tfont-size: rem(34px);\r\n}\r\n.icon-stack-sm {\r\n\tfont-size: rem(30px);\r\n}",".filter-message {\r\n\tdisplay: block;\r\n\ttext-align: center;\r\n\tpadding: 2px;\r\n\tfont-size: rem($fs-nano);\r\n\ttext-transform: capitalize;\r\n\tfont-style: italic;\r\n\twidth: calc(100% - 60px);\r\n\tmax-width: 180px;\r\n\tborder-radius: $border-radius;\r\n\tmargin: $p-3 auto;\r\n\r\n\t&:empty {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n.js-list-filter:not(.primary-nav) {\r\n\r\n\t/* these classes are triggered by JS */\r\n\t.js-filter-hide {\r\n\t\tdisplay:none !important;\r\n\t}\r\n\r\n\t// this is not needed as it will already be visible\r\n\t// -- actually its needed for nested elements\r\n\t/*.js-filter-show {\r\n\t\tdisplay:block !important;\r\n\t}*/\r\n\r\n}\r\n\r\n// we do this for nav-menu items to display parent as well\r\n.js-list-filter.nav-menu:not(.primary-nav) {\r\n\t.js-filter-show {\r\n\t\tdisplay:block !important;\r\n\t}\t\r\n}",".loader {\r\n\tdisplay: none;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbackground: rgba(255,255,255,0.5);\r\n\tcolor: inherit;\r\n\tz-index: 10;\r\n\r\n\t/*\r\n\tThe use of translate3d pushes CSS animations into hardware acceleration.\r\n\tEven if you're looking to do a basic 2d translation, use translate3d for more power!\r\n\tIf your animation is still flickering after switching to the transform above,\r\n\tyou can use a few little-known CSS properties to try to fix the problem:\r\n\t*/\r\n\t/*-webkit-transform: translate3d(0, 0, 0);\r\n\t-webkit-backface-visibility: hidden;\r\n\t-webkit-perspective: 1000;\t*/\r\n\r\n}\r\n\r\n\r\n/*:not(.enable-loader) .loader {\r\n\t> * {\r\n\t\tanimation: pause;\r\n\t}\r\n}*/\r\n\r\n.enable-loader {\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tbackground-color: rgba($white, 0.7);\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t}\r\n\r\n\t.loader {\r\n\t\tdisplay: flex;\r\n\t}\r\n}\r\n\r\n\r\n","#msgr_listfilter_input {\r\n\twidth: calc(100% - #{$p-3});\r\n\tmargin: 0 auto;\r\n\tmargin-top: -41px;\r\n\tpadding-left: 41px;\r\n\tmargin-bottom: 10px;\r\n\topacity: 0; \r\n\tbackground: transparent;\r\n\t@extend %general-animation;\r\n\ttransition-delay: $msgr-animation-delay; \t\r\n}\r\n\r\n.msgr-list {\r\n\twidth: $msgr-list-width;\r\n right: $msgr-list-width-collapsed - $msgr-list-width;\r\n z-index: 101;\r\n\r\n @extend %general-animation;\r\n transition-delay: $msgr-animation-delay;\r\n\r\n\t& + .msgr {\r\n\r\n\t\twidth: calc(100% - #{$msgr-list-width-collapsed});\r\n\t\theight: 100%;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent:'';\r\n\t\t\theight:100%;\r\n\t\t\twidth:100%;\r\n\t\t\tbackground:rgba($white, 0.4);\t\r\n\t\t\tposition:absolute;\r\n\t\t\tz-index: 100;\r\n\r\n\t\t\t@extend %general-animation;\r\n\t\t\ttransition-delay: $msgr-animation-delay;\r\n\r\n\t\t\topacity: 0;\r\n\t\t\tvisibility: hidden;\r\n\t\t}\r\n\t}\r\n\r\n &:hover {\r\n \tright: 0;\r\n \tborder-left-color: rgba(0,0,0,0.1);\r\n\r\n \t#msgr_listfilter_input {\r\n \t\topacity: 1;\r\n \t}\r\n\r\n \t& + .msgr {\r\n\r\n \t\t&:before {\r\n \t\t\topacity: 1;\r\n \t\t\tvisibility: visible;\r\n \t\t}\r\n \t}\r\n }\r\n}\r\n\r\n/*.msgr-chatinput {\r\n\r\n\tmin-height: 110px;\r\n\tmax-height: 160px;\r\n\r\n\t[contenteditable=\"true\"] {\r\n\t\tmin-height:50px;\r\n\t\tmax-height:110px;\r\n\t}\r\n\r\n}*/\r\n\r\n/*.msgr-chatinput-icons {\r\n\theight: 40px;\r\n}*/\r\n\r\n/*.msgr-chatinput-container {\r\n\t> div {\r\n\t\tborder-top: 1px solid rgba($black,0.07);\r\n\t}\r\n}*/\r\n\r\n\r\n/* IE HACK */\r\n/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\r\n\t[contenteditable=\"true\"] {\r\n\t\theight: 110px;\r\n\t}\r\n}*/\r\n\r\n.chat-segment-get {\r\n\r\n\ttext-align: left;\r\n\tposition: relative;\r\n\r\n\tmargin: 0 2rem 0.5rem 0;\r\n\r\n\t&.chat-start {\r\n\r\n\t\t.chat-message {\r\n\t\t\tborder-bottom-left-radius: 3px;\r\n\t\t}\r\n\r\n\t\t+ :not(.chat-end) {\r\n\t\t\t.chat-message {\r\n\t\t\t\tborder-bottom-left-radius: 3px;\r\n\t\t\t\tborder-top-left-radius: 3px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.chat-end {\r\n\t\t.chat-message {\r\n\t\t\tborder-top-left-radius: 3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\r\n\t\t@include text-contrast($msgr-get-background);\t\r\n\r\n\t\ttext-align: left;\t\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\r\n\ttext-align: right;\r\n\tposition: relative;\r\n\r\n\tmargin: 0 0 .5rem 3rem;\r\n\r\n\t&.chat-start {\r\n\r\n\t\t.chat-message {\r\n\t\t\tborder-bottom-right-radius: 3px;\r\n\t\t}\r\n\r\n\t\t+ :not(.chat-end) {\r\n\t\t\t.chat-message {\r\n\t\t\t\tborder-bottom-right-radius: 3px;\r\n\t\t\t\tborder-top-right-radius: 3px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.chat-end {\r\n\t\t.chat-message {\r\n\t\t\tborder-top-right-radius: 3px;\r\n\t\t}\r\n\t}\r\n\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t\t@include text-contrast($msgr-sent-background);\r\n\r\n\t\ttext-align: left;\t\t\t\r\n\t}\r\n\r\n}\r\n\r\n.chat-message {\r\n\tpadding: 0.75rem 1rem;\r\n\tborder-radius: 0.625rem;\r\n\r\n\tposition: relative;\r\n\r\n\tdisplay: inline-block;\r\n\r\n\t> p {\r\n\t\tpadding: $p-2 + $p-1 0 0;\r\n\t\tmargin:0;\r\n\t}\r\n\r\n\t> p:first-child {\r\n\t\tpadding-top: 0;\r\n\t}\r\n}\r\n\r\n.chat-start {\r\n\r\n\tmargin-bottom: 3px !important;\r\n\t\r\n\t.time-stamp {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t& + .chat-segment:not(.chat-end) {\r\n\r\n\t\tmargin-bottom: 3px !important;\r\n\r\n\t\t.time-stamp {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t}\r\n}","/* modal shadow */\r\n.modal-content {\r\n\tbox-shadow: 0 0 20px 0 rgba($black, 0.2); \r\n}\r\n\r\n/* adjustments */\r\n.modal-dialog {\r\n\t.modal.show & {\t\t\r\n\t\ttransform: none;\t\t\r\n\t}\r\n}\r\n\r\n/* alert modal */\r\n.modal-alert {\r\n\tpadding: 0 !important; /* overriding bootstrap generated style */\r\n\r\n\t.modal-dialog {\r\n\t\tmax-width: 100% !important; /* overriding bootstrap css for all media queries */\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmin-height: calc(100% - 3.5rem);\r\n\t\ttransform: none !important; /* overriding bootstrap css */\r\n\t}\r\n\r\n\t.modal-content {\r\n\t\tbackground-color: rgba($black,0.8);\r\n\t\tborder-radius: 0;\r\n\t\tpadding: 1.5rem 1rem 1rem;\r\n\t}\r\n\r\n\t.modal-title {\r\n\t\tfont-size: 1.5rem;\r\n \tfont-weight: 300;\r\n\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tflex-wrap: wrap;\r\n\t}\r\n\r\n\t.modal-header,\r\n\t.modal-body,\r\n\t.modal-footer {\r\n\t\t/*left: 20%;\r\n\t\twidth: 60%;*/\r\n\t\twidth: 100%;\r\n\t\tmax-width: map-get($grid-breakpoints, lg);\r\n\t\tmargin: 0 auto;\r\n\t\tpadding: 0;\r\n\t\tcolor: $white;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/*.modal-body {\r\n\t\tpadding: 0.5rem 0;\r\n\t}\r\n*/\r\n\t.close {\r\n\t\tcolor: $white;\r\n\t\ttext-shadow: 0 1px 0 $black;\r\n\t}\r\n}\r\n\r\n/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n\r\n/* transparent backdrop */\r\n.modal-backdrop-transparent {\r\n\tbackground: transparent;\r\n}\r\n\r\n/* fullscreen modal */\r\n.modal-fullscreen {\r\n\t\r\n\tpadding: 0 !important;\r\n\r\n\t.modal-content {\r\n\t\tborder-radius: 0;\r\n\t\tborder-width: 0;\r\n\t}\r\n\r\n\t.modal-dialog {\r\n\t\tmax-width: unquote(\"calc(100vw - 40px)\");\r\n\t\tmax-height: unquote(\"calc(100vh - 80px)\");\r\n\r\n\t\t.modal-content {\r\n\t\t\theight: unquote(\"calc(100vh - 80px)\");\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* top */\r\n.modal-dialog-top,\r\n.modal-dialog-bottom {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tmargin: 0;\r\n\t\tmin-width: 100%;\r\n\t\r\n\t.modal-dialog {\r\n\t\twidth: 100%;\r\n\t\tmax-width: 100%;\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t.modal-content {\r\n\t\tborder-radius: 0px;\r\n\t\tborder:0;\r\n\t}\r\n}\r\n\r\n.modal-dialog-bottom {\r\n\ttop: auto;\r\n\tbottom: 0;\r\n\r\n\t.modal.fade & {\r\n\t\ttransform: translate(0,25%);\r\n\t}\r\n}\r\n\r\n/* left */\r\n.modal-dialog-left {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0 !important;\r\n\r\n\t.modal-content {\r\n\t\tmin-height: 100%;\r\n\t\tborder-width: 0;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.modal.fade & {\r\n\t\ttransform: translate(-25%, 0);\r\n\t}\r\n}\r\n\r\n/* right */\r\n.modal-dialog-right {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tmargin: 0 !important;\r\n\tborder-width: 0px;\r\n\r\n\t.modal-content {\r\n\t\tmin-height: 100%;\r\n\t\tborder-width: 0;\r\n\t\tborder-radius: 0;\r\n\t}\r\n\r\n\t.modal.fade & {\r\n\t\ttransform: translate(25%, 0);\r\n\t}\r\n}\r\n\r\n.modal.show .modal-dialog {\r\n\ttransform: translate(0, 0);\r\n}\r\n\r\n/* modal size */\r\n.modal-md {\tmax-width: 350px; }\r\n\r\n\r\n\r\n\t ",".pagination {\r\n\t.page-item:not(:first-child) {\r\n\t\tmargin-left: 0.4rem;\r\n\t}\r\n\r\n\t.page-item:first-child:not(.active),\r\n\t.page-item:last-child:not(.active),\r\n\t.page-item.disabled {\r\n\t\t.page-link {\r\n\t\t\tbackground: lighten($primary-50, 10%);\r\n\t\t}\r\n\t}\r\n\r\n\t.page-link {\r\n\t\tborder-radius: $border-radius;\r\n\t\tborder-width: 0px;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $primary-500 !important;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.pagination-xs {\r\n\t\t.page-link {\r\n\t\t\tpadding: 0.2rem 0.5rem;\r\n\t\t\tfont-size: rem($fs-xs)\r\n\t\t}\r\n\t} \r\n\r\n}\r\n\r\n\r\n",".panel-fullscreen {\r\n\toverflow:hidden;\r\n\tmax-width: 100%;\r\n}\r\n\r\n.panel {\r\n display: flex;\r\n flex-direction: column;\r\n\r\n\tposition: relative;\r\n\tbackground-color: $white;\r\n\tbox-shadow: 0px 0px 13px 0px rgba(darken($primary-800, 15%), (8/100));\r\n \r\n\tmargin-bottom: $grid-gutter-width;\r\n\tborder-radius: $border-radius;\r\n\r\n\t//experimental ...\r\n\tborder: 1px solid rgba(0, 0, 0, 0.09);\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\tborder-radius: $panel-edge-radius;\r\n\r\n\ttransition : border 500ms ease-out;\r\n\r\n\t/* panel container */\r\n\t.panel-container {\r\n\r\n\t\t//this cosigns with header animation 'all'\r\n\t\t//@include transition-border(0.4s, ease-out);\r\n\r\n\t\tposition: relative;\r\n\r\n\t\t//border: 1px solid transparent;\r\n\t\t//border-top-width: 0;\r\n\r\n \tborder-radius: 0 0 $panel-edge-radius $panel-edge-radius;\r\n\r\n\t\t.panel-content {\r\n\t\t\tpadding: $panel-spacer-y $panel-spacer-x;\r\n\r\n\t\t\t&:only-child,\r\n\t\t\t&:last-child {\r\n\t\t\t\tborder-radius: 0 0 $panel-edge-radius $panel-edge-radius;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* panel refresh */\r\n\t&.panel-refresh {\r\n\r\n\t\t.js-panel-refresh {\r\n\t\t\topacity: 0.5;\r\n\t\t\tcursor: wait;\r\n\t\t}\r\n\t}\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\t\tposition: fixed !important; /* there is a bug with jquery ui, so we have to add !important rule here */\r\n\t\tz-index: $zindex-panel-fullscreen;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\theight: 100vh !important;\r\n\t\tmax-height: 100vh !important;\r\n \twidth: 100vw !important;\r\n \tmax-width: 100vw !important;\r\n\t\tborder-radius: 0;\r\n\t\tborder:0;\r\n\r\n\t\t/*display: flex;\r\n\t\tflex-direction: column;*/\r\n\r\n\t\t[data-action=\"panel-collapse\"],\r\n\t\t.js-panel-collapse,\r\n\t\t[data-action=\"panel-close\"],\r\n\t\t.js-panel-close {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\theight: $header-height;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\r\n\r\n\t\t\t/* make panel header bigger */\r\n\t\t\th2 {\r\n\t\t\t\tfont-size: rem($panel-hdr-font-size + 4);\r\n\t\t\t\tfont-weight:400;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.js-panel-locked {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.btn-panel[data-action=\"panel-fullscreen\"],\r\n\t\t.js-panel-fullscreen {\r\n\t\t\twidth:$panel-hdr-height/2;\r\n\t\t\theight:$panel-hdr-height/2;\r\n\t\t}\r\n\r\n\t\t.panel-container {\r\n\t\t\tflex: 1;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tborder-radius: 0;\r\n\t\t\tdisplay: block !important; //incase user had it collapsed\r\n\t\t}\r\n\t}\r\n\r\n\t/* panel collapse */\r\n\t/*&.panel-collapsed:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-container {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\r\n\t}*/\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.js-panel-locked {\r\n\t\t\tfont-weight: bold;\r\n\t\t}\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t//&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tfont-family: 'nextgen-icons';\r\n\t\t\t\t\tcontent: \"\\f2ae\";\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tright: 5px;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\tfont-size: 1.1rem;\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t//}\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&.ui-sortable-helper {\r\n\t\tbox-shadow: 0 5px 16px 0 rgba(0,0,0,0.05), 0 5px 20px 0 rgba(0,0,0,0.09);\r\n\t\t/*.panel-toolbar {\r\n\t\t\t-webkit-filter: grayscale(100%); Safari 6.0 - 9.0 \r\n\t\t\tfilter: grayscale(100%);\r\n\t\t}*/\r\n\t}\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tpadding: 1rem $panel-spacer-x;\r\n\tmargin-bottom: 2rem;\r\n\tborder-left: 3px solid $success-500;\r\n\tbackground: #eef7fd;\r\n\topacity: 0.8;\r\n\tfont-weight: 400;\r\n\tfont-size: 0.875rem;\r\n\tborder-radius: 0px 8px 8px 0px;\t\r\n\r\n\t//remove p tag margin\r\n\t>*:last-child,\r\n\t>*:only-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\t\r\n\r\n\t&:only-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tdisplay: flex;\r\n\talign-items:center;\r\n\tbackground: $panel-hdr-background;\r\n\tmin-height: $panel-hdr-height;\r\n\t//@include box-sizing(border-box); //why did we need this?\r\n\t//border: 1px solid transparent;\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.07);\r\n\t//box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);\r\n\tborder-radius: $panel-edge-radius $panel-edge-radius 0 0;\r\n\r\n\t//@extend %common-animation-easeout;\r\n\r\n\t@include transition-background-color(0.4s, ease-out)\r\n\r\n\t.panel-collapsed & {\r\n\t\tborder-radius: $panel-edge-radius;\r\n\t}\r\n\t\r\n\t/* add padding to first and last child */\r\n\t> :first-child {\r\n\t\tpadding-left: $panel-spacer-x;\r\n\t}\r\n\t> :last-child {\r\n\t\tpadding-right: $panel-spacer-x;\r\n\t}\r\n\r\n\t/* adjusts title */\r\n\th2 {\r\n\t\tflex: 1;\r\n\t\tfont-size: rem($panel-hdr-font-size);\r\n\t\tmargin: 0;\r\n\t\tdisplay: flex;\r\n\t\talign-items:center;\r\n\t\tline-height: $panel-hdr-height;\r\n\t\tcolor: inherit;\r\n\t\tcolor: #333;\r\n\t\tposition: relative;\r\n\r\n\t\tfont-weight: 500;\r\n\r\n\t\t&:not(:only-child) {\r\n\t\t\tmargin-right: $panel-spacer-x / 1.5;\r\n\t\t}\r\n\r\n\t\t> [class*='fw-'] {\r\n\t\t\tmargin-left: 4px;\r\n\t\t}\r\n\r\n\t\tsmall {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tmargin:0;\r\n\t\t\topacity: 0.8;\r\n\t\t\tfont-weight: 400;\r\n\t\t\tfont-size: rem($panel-hdr-font-size - 2);\r\n\t\t\tmargin-left: $spacer * 0.5;\r\n\t\t}\r\n\r\n\t\t/* panel header icon */\r\n\t\t.panel-icon {\r\n\t\t\tmargin-right: $p-2;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n.panel-hdr[class^=\"bg-\"], \r\n.panel-hdr[class*=\" bg-\"] {\r\n\th2 {\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked).ui-sortable-helper {\r\n\r\n\t&:active {\r\n\t\tborder-color: rgba($black, 0.15);\r\n\t}\r\n\r\n\t/*.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t/*.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\tdisplay: flex;\r\n\talign-items:center;\r\n\r\n\t.btn-panel {\r\n\t\tmargin-left: $panel-btn-spacing;\r\n\r\n\t\tpadding: 0;\r\n\t\twidth: $panel-btn-size;\r\n\t\theight: $panel-btn-size;\r\n\r\n\t\t@include box-sizing(border-box);\r\n\r\n\t\tborder-radius: 50%;\r\n\t\topacity: 0.8;\r\n\r\n\t\t@extend %common-animation;\r\n\r\n\t\t&:hover {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t\t/*&:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tborder: 1px solid rgba($white, 0.6);\r\n\t\t\tborder-radius: 50%;\r\n\t\t\twidth: calc(100% + 2px);\r\n\t\t\theight: calc(100% + 2px);\r\n\t\t\tright: -1px;\r\n\t\t\ttop: -1px;\r\n\t\t}*/\r\n\r\n\t}\r\n\r\n\t.btn-toolbar-master {\r\n\t\theight: $panel-hdr-height;\r\n\t\twidth: 1.826875rem; /* stop flickering bug due to cpu latency */\r\n\t\tborder-radius: 0;\r\n\t\tmargin-right: -$panel-spacer-x;\r\n\t\tborder-top-right-radius: 3px;\r\n\t\tmargin-left: 0.5rem;\r\n\t\tpadding: 0 13px;\r\n\t\tbackground: transparent;\r\n\t\tborder: 0;\r\n\t\tfont-size: $panel-toolbar-icon;\r\n\t\tcolor: inherit;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\r\n\t\t&[aria-expanded=\"true\"] {\r\n\t\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset\r\n\t\t}\r\n\r\n\t\t& + .dropdown-menu {\r\n\t\t\tright: 0;\r\n\t\t\ttop: $panel-hdr-height;\r\n\t\t\tleft: auto !important;\r\n\t\t\tmargin:0;\r\n\t\t\tborder-radius:0;\r\n\t\t\t//min-width: 150px;\r\n\t\t}\r\n\t}\r\n\r\n\t/* we curve the last button to make it seamless with panel's border radius */\r\n\t.btn-panel-flat:last-child {\r\n\t\tborder-top-right-radius: $border-radius - 1px;\r\n\t}\r\n\r\n}\r\n\r\n.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle {\r\n\tcursor: move;\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\tbox-sizing: border-box;\r\n\tmargin-bottom: $grid-gutter-width;\r\n\tborder-radius: $border-radius + 1;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\t//exprimental...\r\n\tborder: 1px solid transparent;\r\n\t/* placeholder border animation */\r\n\t&:before,\r\n\t&:after {\r\n\t\tcontent:\" \";\r\n\t\tbackground-image: url(data:image/gif;base64,R0lGODlhCAAIAJAAAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQECgD/ACwAAAAACAAIAAACD4SDYZB6udpiaMJYsXuoAAAh+QQECgD/ACwAAAAACAAIAAACDYQRGadrzVRMB9FZ5SwAIfkEBAoA/wAsAAAAAAgACAAAAg8MDqGYaudeW9ChyOyltQAAIfkEBAoA/wAsAAAAAAgACAAAAg9MgGCXm+rQYtC0WGl9oQAAIfkEBAoA/wAsAAAAAAgACAAAAg+MgWCRernaYmjCWLF7qAAAIfkEBAoA/wAsAAAAAAgACAAAAg2MAwmna81UTAfRWeUsACH5BAQKAP8ALAAAAAAIAAgAAAIPRB6gmGrnXlvQocjspbUAACH5BAQKAP8ALAAAAAAIAAgAAAIPBIJhl5vq0GLQtFhpfaAAADs=);\r\n\t\tborder-radius: $border-radius + 1;\r\n\t\tposition: absolute;\r\n\t\ttop:0;\r\n\t\tright:0;\r\n\t\tbottom:0;\r\n\t\tleft:0;\r\n\t\topacity: 0.3;\r\n\t}\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t\tmargin: 1px;\r\n\t\tbox-sizing: border-box;\r\n\t\topacity: 1;\r\n\t\tz-index: 1;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\tbox-shadow: none;\r\n\t\t\r\n\t\th2 {\r\n\t\t\tcolor: #333;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/*.panel-container {\r\n\t\t.panel-content:first-child {\r\n\t\t\tpadding-top: $p-1;\r\n\t\t}\r\n\t}*/\r\n\t\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tfont-size: rem($panel-hdr-font-size);\r\n\t\t\t//color: #060606;\r\n\t\t\tmin-height: $panel-hdr-height - 4;\r\n\r\n\t\t\t> :first-child {\r\n\t\t\t\tpadding-left: 10px;\r\n\t\t\t}\r\n\t\t\t> :last-child {\r\n\t\t\t \tpadding-right: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t.panel-toolbar .btn-toolbar-master {\r\n\t\t\t\tmargin-right: -10px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.panel-container {\r\n\t\t\t.panel-content:first-child {\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* print only selected panel when on fullscreen */\r\n@media print {\r\n\t.panel-fullscreen {\r\n\t\t.subheader,\r\n\t\t.page-breadcrumb,\r\n\t\t.page-content .panel:not(.panel-fullscreen) {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\r\n\t\t.panel-hdr,\r\n\t\t.panel-container,\r\n\t\t.panel-content,\r\n\t\th2 {\r\n\t\t\tborder: none;\r\n\t\t\tpadding: 0 !important;\r\n\t\t}\r\n\r\n\t\t.panel {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n}",".popover {\r\n\tbox-shadow: $dropdown-shadow;\r\n\tmargin: 12px;\r\n\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\r\n\t}\r\n\r\n\t.popover-header {\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: rem($popover-font-size);\r\n\t\tborder-radius: $popover-border-radius $popover-border-radius 0 0;\r\n\t\tborder-bottom-width:0px;\r\n\t}\r\n\r\n\t.popover-body {\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n\r\n\r\n.popover-body:not(:empty) {\r\n\tpadding: 0 $popover-header-padding-x $popover-header-padding-y;\r\n}\r\n\r\n.popover-header:empty + .popover-body {\r\n\tpadding-top: $popover-header-padding-y;\r\n}",".progress-xs { height: 5px }\r\n.progress-sm { height: 8px }\r\n.progress-md { height: 14px }\r\n.progress-lg { height: 20px }\r\n.progress-xl { height: 30px }","$app-shortcut-btn-size: 49px;\r\n\r\n$menu-item-size: 45px;\r\n$menu-items:5;\r\n$menu-grid-icon: 5px;\r\n$menu-item-direction: 'top'; //top or left\r\n\r\n%ball{\r\n background:$primary-500;\r\n border-radius:50%;\r\n width:$menu-item-size;\r\n height:$menu-item-size;\r\n position:absolute !important;\r\n padding:0;\r\n right:0;\r\n bottom:0;\r\n color:$white !important;\r\n text-align:center;\r\n line-height:$menu-item-size;\r\n transform:translate3d(0,0,0);\r\n transition:transform ease-out 200ms;\r\n box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), \r\n 0 1px 2px rgba(0, 0, 0, 0.1);\r\n\r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.shortcut-menu {\r\n position:fixed;\r\n right: $grid-gutter-width;\r\n bottom: $footer-height + $grid-gutter-width;\r\n z-index: $footer-zindex + 1; \r\n}\r\n\r\n.menu-open {\r\n display:none;\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n font-size: 16px;\r\n}\r\n\r\nlabel.menu-open-button {\r\n z-index: $footer-zindex + 2;\r\n transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);\r\n transition-duration: 400ms;\r\n cursor:pointer;\r\n margin:0;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.app-shortcut-icon {\r\n width: $menu-grid-icon;\r\n height: $menu-grid-icon;\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n transition: .3s;\r\n box-shadow: -8px -8px, 0 -8px, 8px -8px, -8px 0, 8px 0, -8px 8px, 0 8px, 8px 8px;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n transition-timing-function: linear;\r\n transition-duration: 200ms;\r\n transform: scale(0.9,0.9) translate3d(0,0,0);\r\n background: $fusion-500;\r\n\r\n .app-shortcut-icon {\r\n box-shadow: 0 -5px, 0 -8px, 5px 0, -5px 0, 8px 0, -8px 0, 0 8px, 0 5px !important;\r\n -webkit-transform: rotate3d(0,0,1,-45deg) scale3d(.8,.8,.8);\r\n transform: rotate3d(0,0,1,-45deg) scale3d(.8,.8,.8);\r\n }\r\n}\r\n\r\n.menu-open:checked~.menu-item{\r\n transition-timing-function:cubic-bezier(0.165, 0.840, 0.440, 1.000);\r\n\r\n @if $menu-item-direction == 'top' {\r\n\r\n @for $i from 1 through $menu-items{\r\n &:nth-child(#{$i+2}){\r\n transition-duration:50ms+(100ms*$i);\r\n transform:translate3d(0,-($menu-item-size+3)*$i,0);\r\n }\r\n }\r\n\r\n } @else {\r\n\r\n @for $i from 1 through $menu-items{\r\n &:nth-child(#{$i+2}){\r\n transition-duration:50ms+(100ms*$i);\r\n transform:translate3d(-($menu-item-size+3)*$i,0,0);\r\n }\r\n }\r\n }\r\n}","/* set base height for slider */\r\n.slide-on-mobile {\r\n width: $slider-width;\r\n}\r\n\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n /* SIDE PANELS */\r\n .slide-on-mobile {\r\n @include translate3d(0,0,0);\r\n z-index: $cloud;\r\n position: absolute !important;\r\n top:0;\r\n bottom:0;\r\n\r\n background-color: $gray-100; \r\n\r\n transition: $nav-hide-animate;\r\n }\r\n\r\n .slide-backdrop {\r\n background: transparent;\r\n transition: background 300ms;\r\n }\r\n\r\n .slide-on-mobile-left {\r\n //@include translate3d(-$slider-width,0,0); /* issue with translate 3d with padding */\r\n border-right: 1px solid rgba($black,0.09);\r\n\r\n /* new solution */\r\n left: -$slider-width;\r\n }\r\n\r\n .slide-on-mobile-left-show {\r\n //@include translate3d(0,0,0);\r\n left:0;\r\n }\r\n\r\n .slide-on-mobile-right {\r\n //@include translate3d(calc(100vw), 0, 0); /* issue with translate 3d with padding */\r\n border-left: 1px solid rgba($black,0.09);\r\n\r\n right: -$slider-width;\r\n }\r\n\r\n .slide-on-mobile-right-show {\r\n //@include translate3d(calc(100vw - #{$slider-width}), 0, 0); /* issue with translate 3d with padding */\r\n right: 0;\r\n }\r\n\r\n /* place the backdrop right after these classes */\r\n .slide-on-mobile-right-show,\r\n .slide-on-mobile-left-show {\r\n & + .slide-backdrop {\r\n background: rgba($black,0.09);\r\n position: absolute;\r\n z-index: $cloud - 2;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n }\r\n }\t\r\n}","/* bootstrap override table stripe */\r\n.table {\r\n\t&.table-striped:not(.table-bordered) {\r\n\t\tth, \r\n\t\ttbody th,\r\n\t\ttbody td {\r\n\t\t\t border: 0;\r\n\t\t}\r\n\t}\r\n\r\n\tthead[class^=\"bg-\"] tr > th,\r\n\tthead[class*=\" bg-\"] tr > th {\r\n\t\tborder-top: 0;\r\n\t\tborder-bottom: 0; \t\r\n\t}\r\n\r\n\ttr[class^=\"bg-\"] > td,\r\n\ttr[class^=\"bg-\"] > th,\r\n\ttr[class*=\" bg-\"] > td,\r\n\ttr[class*=\" bg-\"] > th {\r\n\t\tborder-top:0 !important;\r\n\t}\r\n}\r\n\r\n.thead-themed {\r\n\t@include gradient-img(#f2f2f2,#fafafa)\r\n}\r\n\r\n.table-dark {\r\n\t.thead-themed {\r\n\t\t@include gradient-img($fusion-700,$fusion-800)\r\n\t}\r\n}\r\n\r\n.table-bordered {\r\n\t&[class*=\" bg-\"],\r\n\t&[class*=\" bg-\"] td,\r\n\t&[class*=\" bg-\"] th,\r\n\t&[class^=\"bg-\"],\r\n\t&[class^=\"bg-\"] td,\r\n\t&[class^=\"bg-\"] th {\r\n\t\tborder: 1px solid rgba($white, 0.1);\r\n\t}\r\n\r\n\t[class*=\" bg-\"] td,\r\n\t[class*=\" bg-\"] th,\r\n\t[class^=\"bg-\"] td,\r\n\t[class^=\"bg-\"] th, {\r\n\t\tborder: 1px solid rgba($black, 0.1);\r\n\t}\r\n}\r\n/* table hover */\r\n.table-hover {\r\n\ttbody {\r\n\t\ttr {\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* reset table (global) */\r\nth {\r\n font-weight: 500;\r\n}\r\n\r\n.table-clean {\r\n\tbackground: transparent;\r\n\tborder: none;\r\n\r\n\ttr,\r\n\ttd,\r\n\tth {\r\n\t\tborder: none;\r\n\t\tbackground: none;\r\n\t}\r\n}\r\n\r\n.table-scale-border-top {\r\n\tborder-top: 2px solid $fusion-500 !important;\r\n}\r\n.table-scale-border-bottom {\r\n\tborder-bottom: 2px solid $fusion-500 !important;\r\n}\r\n","/* nav tabs panel */\r\n.nav-tabs-clean {\r\n\r\n\theight: $nav-tabs-clean-link-height;\r\n\tborder-bottom: 1px solid rgba(0, 0, 0, 0.1);\r\n\r\n\t.nav-item {\r\n\r\n\t\t.nav-link {\r\n\t\t\tborder-radius: 0;\r\n\t\t\tborder: 0;\r\n\t\t\theight: $nav-tabs-clean-link-height;\r\n\r\n\t\t\t/*font-size: rem($fs-md);\r\n\t\t\tfont-weight: 500;*/\r\n\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tborder-bottom: 1px solid transparent;\r\n\r\n\t\t\t&.active {\r\n\t\t\t\tborder-bottom: 1px solid $primary-500;\r\n\t\t\t\tcolor: $primary-500;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tcolor: $primary-500;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* hack for waves effect breaking tabs */\r\n/*.nav-tabs .nav-item > .nav-link.waves-effect {\r\n\theight: 100% !important;\r\n\tdisplay: block;\r\n}*/\r\n\r\n/* fontsize for tabs */\r\n.nav-tabs .nav-item .nav-link {\r\n\t&:not(:hover) {\r\n\t\tcolor: inherit;\r\n\t}\r\n\r\n\t&.active:not(:hover) {\r\n\t\tcolor: #333;\r\n\t}\r\n\t&:hover:not(.active) {\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n.nav .nav-link:not([class^=\"btn-\"]):not([class*=\" btn-\"]) {\r\n\tfont-weight: 500;\r\n\tfont-size: rem($fs-base);\r\n}\r\n\r\n.nav-tabs .nav-link.active, \r\n.nav-tabs .nav-item.show .nav-link {\r\n\tcolor: $primary-500;\r\n}",".tooltip-inner {\r\n\tfont-family: $page-font;\r\n\tfont-weight: 500;\r\n\tbox-shadow: $box-shadow-sm;\r\n}\r\n/*.tooltip .arrow {\r\n\tdisplay: none;\r\n}*/","/* height & width auto */\r\n.h-auto { height: auto !important }\r\n.w-auto { width: auto !important }\r\n.min-height-reset { min-height: initial !important}\r\n.max-width-reset { max-width: none !important;}\r\n.max-height-reset { max-height: none !important;}\r\n\r\n/* width preset */\r\n.min-width-0 { min-width: 0 }\r\n\r\n.width-0 { width: 0}\r\n.width-1 { width: 1.5rem }\r\n.width-2 { width: 2rem }\r\n.width-3 { width: 2.5rem }\r\n.width-4 { width: 2.75rem }\r\n.width-5 { width: 3rem }\r\n.width-6 { width: 3.25rem }\r\n.width-7 { width: 3.5rem }\r\n.width-8 { width: 3.75rem }\r\n.width-9 { width: 4rem }\r\n.width-10 { width: 4.25rem }\r\n\r\n.width-xs { min-width: 5rem;}\r\n.width-sm { min-width: 10rem;}\r\n.width-lg { min-width: 15rem;}\r\n.width-xl { min-width: 20rem;}\r\n\r\n.height-0 { height: 0}\r\n.height-1 { height: 1.5rem }\r\n.height-2 { height: 2rem }\r\n.height-3 { height: 2.5rem }\r\n.height-4 { height: 2.75rem; }\r\n.height-5 { height: 3rem }\r\n.height-6 { height: 3.25rem }\r\n.height-7 { height: 3.5rem }\r\n.height-8 { height: 3.75rem }\r\n.height-9 { height: 4rem }\r\n.height-10 { height: 4.25rem }\r\n\r\n.height-xs { min-height: 5rem;}\r\n.height-sm { min-height: 10rem;}\r\n.height-lg { min-height: 15rem;}\r\n.height-xl { min-height: 20rem;}\r\n\r\n/* line-heights */\r\n.l-h-n { line-height:normal }\r\n\r\n/* no bg image */\r\n.bg-img-none { background-image: none !important;}\r\n\r\n/* flex */\r\n.flex-1 { flex:1 }\r\n\r\n/* margins */\r\n.m-g { margin: map-get($grid-gutter-widths, xl) }\r\n.mb-g { margin-bottom: map-get($grid-gutter-widths, xl) !important }\r\n.mb-gb { margin-bottom:$grid-gutter-width-base }\r\n\r\n/* paddings */\r\n.p-g { padding: map-get($grid-gutter-widths, xl) }\r\n\r\n/* text turncaters */\r\n.text-truncate-header {\tmax-width: map-get($grid-gutter-widths, xl) + 4.5625rem }\r\n.text-truncate-xs {\tmax-width: 4.5625rem }\r\n.text-truncate-sm {\tmax-width: 117px }\r\n.text-truncate-md {\tmax-width: 160px; }\r\n.text-truncate-default { max-width: 180px }\r\n.text-truncate-lg {\tmax-width: 200px }\r\n\r\n/* blur text */\r\n.text-blur {\r\n\tcolor: transparent !important;\r\n\ttext-shadow: 0 0 5px rgba(0,0,0,0.5);\r\n}\r\na.text-blur {\r\n\ttext-shadow: 0 0 5px rgba($primary-500,0.5);\r\n}\r\n\r\n/* positions usage: \r\n .position-absolute|relative|static|fixed .pos-top|left|right|bottom */\r\n.pos-top { top: 0 }\r\n.pos-left { left: 0 }\r\n.pos-right { right: 0 }\r\n.pos-bottom { bottom: 0 }\r\n\r\n/* font weights */\r\n.fw-300 { font-weight: 300 !important }\r\n.fw-400 { font-weight: 400 !important }\r\n.fw-500 { font-weight: 500 !important }\r\n.fw-700 { font-weight: 700 !important }\r\n.fw-900 { font-weight: 900 !important }\r\n.fw-n { font-weight:normal !important }\r\n\r\n/* font sizes */\r\n.fs-nano { font-size: rem($fs-nano) !important} /* 10px */\r\n.fs-xs { font-size: rem($fs-xs) !important} /* 12px */\r\n.fs-sm { font-size: rem($fs-sm) !important} /* 12.5px */\r\n.fs-b { font-size: rem($fs-base) !important} \t /* 13px */\r\n.fs-md { font-size: rem($fs-md) !important} /* 14px */\r\n.fs-lg { font-size: rem($fs-lg) !important} /* 15px */\r\n.fs-xl { font-size: rem($fs-xl) !important} /* 16px */\r\n.fs-xxl { font-size: rem($fs-xxl) !important} /* page header */\r\n\r\n/* alphas */\r\n.opacity-5 { opacity: 0.05 }\r\n.opacity-10 { opacity: 0.1 }\r\n.opacity-15 { opacity: 0.15 }\r\n.opacity-20 { opacity: 0.2 }\r\n.opacity-25 { opacity: 0.25 }\r\n.opacity-30 { opacity: 0.3 }\r\n.opacity-35 { opacity: 0.35 }\r\n.opacity-40 { opacity: 0.4 }\r\n.opacity-45 { opacity: 0.45 }\r\n.opacity-50 { opacity: 0.5 }\r\n.opacity-55 { opacity: 0.55 }\r\n.opacity-60 { opacity: 0.6 }\r\n.opacity-65 { opacity: 0.65 }\r\n.opacity-70 { opacity: 0.7 }\r\n.opacity-75 { opacity: 0.75 }\r\n.opacity-80 { opacity: 0.8 }\r\n.opacity-85 { opacity: 0.85 }\r\n.opacity-90 { opacity: 0.9 }\r\n.opacity-95 { opacity: 0.95 }\r\n.opacity-100 { opacity: 1 }\r\n\r\n/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, #f5fcff)\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n.border-transparent {border: 1px solid transparent !important;}\r\n\r\n/* border radius */\r\n//.border-radius-0 { border-radius:0 !important }\r\n.border-top-left-radius-0 { border-top-left-radius: 0 !important;}\r\n.border-bottom-left-radius-0 { border-bottom-left-radius: 0 !important; }\r\n.border-top-right-radius-0 { border-top-right-radius: 0 !important; }\r\n.border-bottom-right-radius-0 { border-bottom-right-radius: 0 !important; }\r\n.rounded-plus { border-radius: $border-radius-plus }\r\n.rounded-bottom { border-radius: 0 0 $panel-edge-radius }\r\n.rounded-top { border-radius: $panel-edge-radius $panel-edge-radius 0 0; }\r\n\r\n/* progressbars */\r\n/*.progress-xs { height: 5px }\r\n.progress-sm { height: 8px }\r\n.progress-md { height: 14px }\r\n.progress-lg { height: 20px }\r\n.progress-xl { height: 30px }*/\r\n\r\n/* rotate */\r\n.rotate-90 { @include rotate (90) }\r\n.rotate-180 { @include rotate (180) }\r\n.rotate-270 { @include rotate (270) }\r\n\r\n/* shadows */\r\n.shadow-0 { box-shadow: none !important}\r\n.shadow-1, .shadow-hover-1:hover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.10) }\r\n.shadow-2, .shadow-hover-2:hover { box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.1) }\r\n.shadow-3, .shadow-hover-3:hover { box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.125) }\r\n.shadow-4, .shadow-hover-4:hover { box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.125) }\r\n.shadow-5, .shadow-hover-5:hover { box-shadow: 0 0.125rem 0.325rem rgba(0, 0, 0, 0.175) }\r\n\r\n.shadow-inset-1, .shadow-hover-inset-1:hover { box-shadow: inset 0 .25rem .125rem 0 rgba(33, 37, 41, .025) }\r\n.shadow-inset-2, .shadow-hover-inset-2:hover { box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.04) }\r\n.shadow-inset-3, .shadow-hover-inset-3:hover { box-shadow: inset 0 0.2rem 0.325rem rgba(0, 0, 0, 0.05) }\r\n.shadow-inset-4, .shadow-hover-inset-4:hover { box-shadow: inset 0 0.25rem 0.5rem rgba(0, 0, 0, 0.06) }\r\n.shadow-inset-5, .shadow-hover-inset-5:hover { box-shadow: inset 0 0.35rem 0.5rem rgba(0, 0, 0, 0.07) }\r\n\r\n.shadow-sm-hover {\r\n\t&:hover {\r\n\t\tbox-shadow: $box-shadow-sm !important;\r\n\t}\r\n}\r\n.shadow-hover {\r\n\t&:hover {\r\n\t\tbox-shadow: $box-shadow !important;\r\n\t}\r\n}\r\n.shadow-lg-hover {\r\n\t&:hover {\r\n\t\tbox-shadow: $box-shadow-lg !important;\r\n\t}\r\n}\r\n\r\n\r\n/*.shadow-unique-hover {\r\n @extend %shadow-hover;\r\n}*/\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n\ttransition: all .1s ease-in;\r\n\tcolor: inherit;\r\n\t\r\n\t&:hover {\r\n\t\tbackground: inherit;\r\n\t\tcolor: inherit;\r\n\t}\r\n}\r\n\r\n/* hover alpha effect */\r\n/* example found in the buttons page */\r\n/* example of use could be found inside panel buttons top right */\r\n.hover-effect-dot {\r\n\tposition: relative;\r\n\t&:before {\r\n\t\tcontent: \"\";\r\n\t\tbackground: rgba(0, 0, 0, 0.2);\r\n\t\twidth: 0%;\r\n\t\theight: 0%;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\tborder-radius: 100%;\r\n\t\ttransition: all 100ms ease-in;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\t&:before {\r\n\t\t\twidth: 75%;\r\n\t\t\theight: 75%;\r\n\t\t\ttop: 12%;\r\n\t\t\tleft: 12%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* hover light bg effect */\r\n.hover-highlight {\r\n\t&:hover {\r\n\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t}\r\n\t&:active {\r\n\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .05), rgba(29, 33, 41, .06));\r\n\t}\r\n}\r\n\r\n/* hover and hide items on show */\r\n.show-child-on-hover {\r\n\t.show-on-hover-parent {\r\n\t display:none; \r\n\t}\r\n\r\n\t&:hover {\r\n\t\t.show-on-hover-parent {\r\n\t\t\tdisplay: block; //changed from flex\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.hide-child-on-hover {\r\n\t.hide-on-hover-parent {\r\n\t display: block; //changed from flex \r\n\t}\r\n\r\n\t&:hover {\r\n\t\t.hide-on-hover-parent {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* z-indexes */\r\n.z-index-space {z-index: $space}\r\n.z-index-cloud {z-index: $cloud}\r\n.z-index-ground {z-index: $ground}\r\n.z-index-water {z-index: $water}\r\n\r\n/* cursor \r\n\tusage: cursor-default;\r\n*/\r\n$cursor: (\r\n\tauto,\r\n\tcrosshair,\r\n\tdefault,\r\n\te-resize,\r\n\thelp,\r\n\tmove,\r\n\tn-resize,\r\n\tne-resize,\r\n\tnw-resize,\r\n\tpointer,\r\n\tprogress,\r\n\ts-resize,\r\n\tse-resize,\r\n\tsw-resize,\r\n\ttext,\r\n\tw-resize,\r\n\twait,\r\n\tinherit\r\n);\r\n\r\n@each $i in $cursor {\r\n .cursor-#{nth($i, 1)} {\r\n\tcursor: nth($i, 1) !important; /* had to insert important since bootstrap has some peculiar classes */\r\n }\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* collapse toggle to reveal and hide elements */\r\n[aria-expanded=\"false\"] {\r\n\t& ~ .collapsed-reveal {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.collapsed-reveal {\r\n\t\tdisplay: none;\r\n\t}\r\n\t& ~ .collapsed-hidden {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.collapsed-hidden {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n}\r\n[aria-expanded=\"true\"] {\r\n\t& ~ .collapsed-reveal {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.collapsed-reveal {\r\n\t\tdisplay: block;\r\n\t}\r\n\t& ~ .collapsed-hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\t.collapsed-hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\toverflow: hidden;\r\n\tpadding-top: 23px;\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\tuser-select: none;\r\n\r\n\t&:before,\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t&:before {\r\n\t\ttop: 0;\r\n\t\tright: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 3;\r\n\t\theight: 23px;\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tleft: 10px;\r\n\t\tbackground: #ccc;\r\n\t\ttop: 6px;\r\n\t\tz-index: 4;\r\n\t\twidth: 11px;\r\n\t\theight: 11px;\r\n\t\tborder-radius: 50%;\r\n\t}\r\n\r\n\t.demo-window-content {\r\n\t\twidth: 100%;\r\n\r\n\t\timg {\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tleft: 26px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tleft: 43px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* layout composed */\r\n.layout-composed {\r\n\t.page-content {\r\n\t\t.page-breadcrumb,\r\n\t\t.subheader {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\tpadding: 0 !important;\r\n\t}\r\n}\r\n\r\n/* responsive helpers */\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\t/* layout composed mobile only */\r\n\t.layout-composed-mobile {\r\n\t\t.page-content {\r\n\t\t\t.page-breadcrumb,\r\n\t\t\t.subheader {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t\tpadding: 0 !important;\r\n\t\t}\r\n\t}\t\r\n\r\n\t/* positions on mobile view */\r\n\t.position-on-mobile-absolute {\r\n\t\tposition: absolute !important;\r\n\t}\r\n\t.position-on-mobile-relative {\r\n\t\tposition: relative !important;\r\n\t}\r\n\t.position-on-mobile-static {\r\n\t\tposition: static !important;\r\n\t}\r\n\r\n\t/* RESET HEIGHTS */\r\n\t.height-mobile-auto {\r\n\t\theight: auto;\r\n\t\tmin-height: auto;\r\n\t\tmax-height: auto;\r\n\t}\r\n\r\n\t.width-mobile-auto {\r\n\t\twidth: auto;\r\n\t\tmin-width: auto;\r\n\t\tmax-width: auto; \r\n\t}\r\n\r\n\t/* FULL HEIGHT ON MOBILE */\r\n\t.expand-full-height-on-mobile {\r\n\t\theight: calc(100vh - #{$header-height}) !important;\r\n\t}\r\n\t.expand-full-width-on-mobile {\r\n\t\twidth: 100vw !important;\r\n\t\tmax-width: 100vw !important;\r\n\t}\r\n\r\n}\r\n\r\n/* row grid */\r\n.row-grid {\r\n > {\r\n \t.col, \r\n\t[class^=\"col-\"], \r\n\t[class*=\" col-\"], \r\n\t[class^=\"col \"], \r\n\t[class*=\" col \"], \r\n\t[class$=\" col\"], \r\n\t[class=\"col\"] {\r\n\t\tposition: relative;\r\n\t}\r\n\t.col:after, \r\n\t[class^=\"col-\"]:after, \r\n\t[class*=\" col-\"]:after, \r\n\t[class^=\"col \"]:after, \r\n\t[class*=\" col \"]:after, \r\n\t[class$=\" col\"]:after, \r\n\t[class=\"col\"]:after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: -1px;\r\n\t\tdisplay: block;\r\n\t\twidth: 0;\r\n\t\tborder-left: 1px solid rgba($fusion-900, 0.07);\r\n\t}\r\n\t.col:before, \r\n\t[class^=\"col-\"]:before, \r\n\t[class*=\" col-\"]:before, \r\n\t[class^=\"col \"]:before, \r\n\t[class*=\" col \"]:before, \r\n\t[class$=\" col\"]:before, \r\n\t[class=\"col\"]:before {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tright: 0;\r\n\t\tbottom: -1px;\r\n\t\tleft: 0;\r\n\t\tdisplay: block;\r\n\t\theight: 0;\r\n\t\tborder-top: 1px solid rgba($fusion-900, 0.07);\r\n\t}\r\n }\r\n\toverflow: hidden;\r\n}\r\n","/* List table */\r\n.list-table {\r\n\theight: auto;\r\n\tdisplay:table;\r\n\tmargin: 0;\r\n\tpadding:0;\r\n\t> li {\r\n\t\tdisplay: table-cell;\r\n\t\tvertical-align: middle;\r\n\t\tposition: relative;\r\n\t\tpadding:0;\r\n\r\n\t\t&.search {\r\n\t\t\tposition: static;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* mostly used for nav items */\r\n.disabled:not(.btn),\r\n.disabled:not(.btn) > * {\t\r\n\tfilter: grayscale(80%);\r\n\topacity: 0.80;\r\n\tcursor: not-allowed;\r\n\r\n\tul,\r\n\t.collapse-sign {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\nul.list-verticle {\r\n\tmargin:0;\r\n\tpadding:0;\r\n\tlist-style: none; \r\n}\r\n\r\n.show {\r\n\t& > .dropdown-menu-animated {\r\n\t\t@include transform( scale(1) !important);\r\n\t\t@include transform-origin( 29px -50px )\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t}\r\n}\r\n\r\nhr {\r\n\tborder: none;\r\n\tborder-bottom: 1px dashed #eee;\r\n\r\n\t&.hr-xl {\r\n\t\tmargin: 3rem 0;\r\n\t}\r\n}\r\n\r\n\r\n.bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n/* custom scroll */\r\n.custom-scroll,\r\n.custom-scrollbar {\r\n\t@extend %custom-scroll;\r\n}\r\n\r\n/* table no border */\r\n.table-border-0 {\r\n\tth,\r\n\ttd {\r\n\t\tborder:0 !important;\r\n\t}\r\n}\r\n\r\n/* table calendar */\r\n.table-calendar {\r\n\r\n\ttable-layout:fixed;\r\n\r\n\tth {\r\n\t\tborder: 0px !important;\r\n\t\tfont-weight: 500;\r\n\t}\r\n\r\n\ttr {\r\n\t\ttd:first-child {\r\n\t\t\tborder-left:0;\r\n\t\t}\r\n\t\ttd:last-child {\r\n\t\t\tborder-right:0;\r\n\t\t\tpadding-right:10px;\r\n\t\t}\r\n\t}\r\n\r\n\ttd, th {\r\n\t\ttext-align: right;\r\n\t\tvertical-align: top;\r\n\t\tpadding: 5px 8px;\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n/* list spaced */\r\n.list-spaced {\r\n\tli {\r\n\t\tmargin-top: 7px;\r\n\t\tmargin-bottom: 7px;\r\n\r\n\t\t&:first-child {\r\n\t\t\tmargin-top:0;\r\n\t\t}\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom:0;\r\n\t\t}\r\n\t}\r\n}\r\n.list-spaced {\r\n\t> li {\r\n\t\tpadding: 0 0 $spacer * 0.2;\r\n\t}\r\n}\r\n\r\n/* profile images */\r\n.profile-image {\r\n\twidth: $profile-image-width;\r\n\theight: $profile-image-width;\r\n}\r\n\r\n.profile-image-md {\r\n\twidth: $profile-image-width-md;\r\n\theight: $profile-image-width-md;\r\n}\r\n\r\n.profile-image-sm {\r\n\twidth: $profile-image-width-sm;\r\n\theight: $profile-image-width-sm;\r\n}\r\n\r\n/* image share */\r\n.img-share {\r\n\twidth: auto;\r\n\theight: $image-share-height;\r\n}\r\nspan.img-share {\r\n\twidth: $image-share-height + ($image-share-height * 0.4670);\r\n\theight: $image-share-height;\r\n}\r\n\r\n.notes {\r\n\tpadding: 5px;\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n\r\n/*\r\n.shadow-2 {\r\n box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);\r\n}\r\n.shadow-3 {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\r\n}\r\n.shadow-4 {\r\n box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);\r\n}\r\n.shadow-5 {\r\n box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\r\n}*/\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tpadding-left: 10px;\r\n\tfont-size: rem($fs-base - 5);\r\n\tcolor: #a2a2a2;\r\n\tletter-spacing: 1px;\r\n\ttext-transform: uppercase;\r\n\tfont-style: italic;\r\n}\r\n\r\n/* horizontal scrolling */\r\n.scrolling-wrapper {\r\n\tdisplay: flex;\r\n\tflex-wrap: nowrap;\r\n\toverflow-x: auto;\r\n\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n .card {\r\n flex: 0 0 auto;\r\n }\r\n\t&::-webkit-scrollbar {\r\n\t\tdisplay: none;\r\n\t}\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tcontent: \" \";\r\n\t\tposition: absolute;\r\n\t\twidth: 15px;\r\n\t\theight: 15px;\r\n\t\tdisplay: block;\r\n\t\ttop: -2px;\r\n\t\tright: -2px;\r\n\t\tbackground: $fusion-500;\r\n\t\tborder-radius: 50%;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-sm:before {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\t\r\n\t\tborder-width: 1px;\r\n\t\ttop:0;\r\n\t\tright:0;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n/* containers */\r\n.container {\r\n\r\n\t&.container-sm {\r\n\t\tmax-width: map-get($grid-breakpoints, sm)\r\n\t}\r\n\r\n\t&.container-md {\r\n\t\tmax-width: map-get($grid-breakpoints, md)\r\n\t}\r\n\r\n\t&.container-lg {\r\n\t\tmax-width: map-get($grid-breakpoints, lg)\r\n\t}\r\n\r\n}\r\n\r\n/* responsive visibility */\r\n/* https://getbootstrap.com/docs/3.4/css/#responsive-utilities */\r\n@each $bp in map-keys($grid-breakpoints) {\r\n .hidden-#{$bp}-up {\r\n\t@include media-breakpoint-up($bp) {\r\n\t display: none !important;\r\n\t}\r\n }\r\n .hidden-#{$bp}-down {\r\n\t@include media-breakpoint-down($bp) {\r\n\t display: none !important;\r\n\t}\r\n }\r\n}\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tfont-size: rem($fs-base);\r\n\tmargin-bottom: 1rem;\r\n\tcolor: lighten($fusion-50, 7%);\r\n\tfont-weight: 500;\r\n\t\r\n\tsmall {\r\n\t\tfont-size: rem($fs-base);\r\n\t\tmargin-bottom: 0.5rem;\r\n\t}\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n\tpadding: 0;\r\n\tmargin-bottom: 3rem;\r\n}\r\n* > .frame-wrap:last-child {\r\n\tmargin-bottom:0 !important;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tfont-size: rem($fs-sm);\r\n\tmargin: $p-1 0 0 0;\r\n\tcolor: $fusion-200;\r\n\tfont-weight: 300;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tposition: relative;\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tcontent: attr(data-hasmore);\r\n\t\tborder-radius: inherit;\r\n\t\tbackground: rgba($black, 0.4);\r\n\t\theight: inherit;\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: inherit;\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n\tpadding: 4px 7px;\r\n\tborder-radius: 4px;\r\n}\r\n\r\n\r\n/* star checkbox */\r\n.star {\r\n visibility:hidden;\r\n font-size:1.5em;\r\n cursor:pointer;\r\n}\r\n.star:before {\r\n content: \"☆\";\r\n position: absolute;\r\n visibility:visible;\r\n}\r\n.star:checked:before {\r\n content: \"★\";\r\n position: absolute;\r\n}",".shadow-top,\r\n.shadow-bottom,\r\n.mobile-view-activated.header-function-fixed .page-header,\r\n.mobile-view-activated.header-function-fixed .page-footer {\r\n\t&:after {\r\n\t\tcontent: \"\";\r\n\t\theight: 6px;\r\n\t\tposition: absolute;\r\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAATlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEoqZZAAAAGnRSTlMACRVXPCMeNMEsdZ98SZBDbFDIrZhkXreCiM2g9MAAAAD1SURBVDjLzZHbDoIwEAVdEC94raLi//+otD1Lu4tgCWqYhPC0J5np4jeQ+2gKYWZukCLrYTWKvpVOl/9AAeVUMNuWtWA5AnkZFgtGlaHA901jTeEYa50cB4/x5A6Tp2H478GU342ziBJRBsqmNIAqaVWIwpMVW7l7w81y9pSS/QdKCUbcoF1GEMTgDm0ETqALpPraA6nLskKVRWEZzOq6fjYcQQV2CVSAb+1OMxeaoANHEAk4gNQn6A+/sBDu+kayrApPKMLuCh6ezQhwwgvogRSowAmiAG/ttXyPs35lLW0MpNOstfJlEK2e5g1xY7S4fnUPzF+TRjAMoku43AAAAABJRU5ErkJggg==);\r\n\t -webkit-background-size: cover;\r\n\t -moz-background-size: cover;\r\n\t -o-background-size: cover;\r\n\t background-size: cover;\r\n\t\ttop: -5px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\topacity: 0.06;\t\t \t\r\n\t}\r\n}\r\n\r\n.shadow-bottom,\r\n.mobile-view-activated.header-function-fixed .page-header {\r\n\t&:after {\r\n\t\ttop: auto;\r\n\t\tbottom: -5px;\r\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAICAMAAAD9VPKTAAAANlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3dmhyAAAAEnRSTlMACRUgPnjDV51MNCxhkIVsrbfUWo5iAAAA/UlEQVQ4y8zR7WqEMBCF4Xy4HeNos73/m605M+HQlIB2oeyjP5XwngQTXTLZqOp2WqCAiOxQa32Yz+Zo1u5pvpqPP8CPT7N2R4PDHqbWuoOIFFhgO6lqNslEFwaoHsKV4cXCpZl3H+z2cLidjGjozfNqaX5F6xANYSKO8aDjtXMAqJwAK8Dh1hXvNf41oJKdUL2VsZNeBp8Pii+Inp9cdsoBTHECe1fN4yXV7J1AYSpjUesSeyHcF8EXcLlT2HwFKj+IKXJNYRwt4LZGITO1i8Dc10VKjjNwCa5Byw0beR8bmUmRwv+IgzSRb0kTcRDezfcYwRhEUAKgxtAEAACGmyM6KW9inQAAAABJRU5ErkJggg==)\r\n\t}\r\n}\r\n\r\n.shadow-bottom-line,\r\n.shadow-top-line {\r\n\tposition: relative;\r\n\t&:after {\r\n\t\tcontent: \"\";\r\n\t\twidth: 100%;\r\n\t\theight: 5px;\r\n\t\tposition: absolute;\r\n\t\tbottom: -5px;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\t@include gradient-img(rgba($fusion-500, 0.09), transparent)\r\n\r\n\t\t/*background-image: -webkit-linear-gradient(top, rgba($fusion-500, 0.09), transparent);\r\n\t\tbackground-image: linear-gradient(top, rgba($fusion-500, 0.09), transparent);*/\r\n\t}\r\n}\r\n\r\n.shadow-top-line {\r\n\t&:after {\r\n\t\tcontent: \"\";\r\n\t\ttop: -5px;\r\n\r\n\t\t@include gradient-img(transparent, rgba($fusion-500, 0.09))\r\n\r\n\t\t/*background-image: -webkit-linear-gradient(top, transparent, rgba($fusion-500, 0.09));\r\n\t\tbackground-image: linear-gradient(top, transparent, rgba($fusion-500, 0.09));*/\r\n\t}\t\r\n}\r\n\r\n/* press animation */\r\n.press-scale-down {\r\n\t//transition: transform 0.2s ease;\r\n\r\n\t@include transition (0.2s,ease)\r\n\r\n\t&:active {\r\n\t\t@include scale(0.95);\r\n\t}\r\n}\r\n\r\n.hover-white {\r\n\t&:hover {\r\n\t\tbackground-image: linear-gradient(rgba(29,33,41,.03),rgba(29,33,41,.04));\r\n\t}\r\n\t&:active {\r\n\t\tbackground: darken(lighten($black, 95.5%), 5%);\r\n\t}\r\n}","/*\r\n\r\n\tDOC: In Bootstrap there is a small snippet added by the team for IE10 in windows 8 the \r\n\tfollowing comments by the author states:\r\n\r\n\t\tIE10 in Windows (Phone) 8\r\n\r\n\t\tSupport for responsive views via media queries is kind of borked in IE10, for\r\n\t\tSurface/desktop in split view and for Windows Phone 8. This particular fix\r\n\t\tmust be accompanied by a snippet of JavaScript to sniff the user agent and\r\n\t\tapply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\r\n\t\tour Getting Started page for more information on this bug.\r\n\r\n\t\tFor more information, see the following:\r\n\r\n\t\tIssue: https://github.com/twbs/bootstrap/issues/10497\r\n\t\tDocs: http://getbootstrap.com/getting-started/#support-ie10-width\r\n\t\tSource: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/\r\n\t\tSource: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\r\n\r\n\t\t@-ms-viewport {\r\n\t\twidth: device-width;\r\n\t\t}\r\n\r\n\tSolution: \r\n\thttp://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx\r\n\tWe add the following instead:\r\n\r\n*/\r\nbody.desktop-detected {\r\n -ms-overflow-style: scrollbar;\r\n}\r\n\r\n/* Reset elms pos when js-waves-off is used */\r\n/*.js-waves-off {\r\n\tposition: relative;\r\n overflow: hidden;\r\n user-select: none;\r\n z-index: 0;\r\n}*/\r\n\r\n/*.btn {\r\n\tbox-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), \r\n\t\t\t\t0 1px 2px rgba(0, 0, 0, 0.1);\r\n\r\n\t&:hover,\r\n\t&:active {\r\n\t\tbox-shadow: none;\r\n\t}\r\n}*/\r\n\r\n/* change the white to any color ;) */\r\ninput:-webkit-autofill {\r\n -webkit-box-shadow: 0 0 0px 1000px white inset;\r\n -webkit-text-fill-color: inherit !important;\r\n}\r\n/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n/* remove dotted line from focus */\r\ninput:focus,\r\nselect:focus,\r\ntextarea:focus,\r\nbutton:focus {\r\n outline: none;\r\n}\r\n/* IE input clear field \"X\" input remove */\r\n::-ms-clear {\r\n width : 0;\r\n height: 0;\r\n}\r\n/* links */\r\na { text-decoration: none !important }\r\n/* touch action */\r\na, area, button, [role=\"button\"], input, label, select, summary, textarea {\r\n touch-action: manipulation;\r\n}\r\na[target]:not(.btn){\r\n\tfont-weight:500;\r\n text-decoration-skip-ink: auto;\r\n text-decoration: underline !important;\r\n}\r\n/* btn active */\r\n/*.btn.active, \r\n.btn:active {\r\n background-image: none;\r\n outline: 0;\r\n -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\r\n box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\r\n}*/\r\n/* dot bullet */\r\n.dot {\r\n\t/*width: 4px;\r\n\theight: 4px;\r\n\tdisplay: inline-block;\r\n\tline-height: 0;\r\n\tborder-radius: 100%;*/\r\n\tfont-size: 4px !important;\r\n\tmargin-right: $p-2 !important;\r\n\tmargin-left: -8px !important;\r\n}\r\n/* forms */\r\n/* fix alignment for custom controls */\r\n/*.custom-control {\r\n\tdisplay: flex;\r\n align-items: center;\r\n}*/\r\nselect.custom-select {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n text-indent: 1px;\r\n text-overflow: '';\r\n}\r\nselect.custom-select::-ms-expand {\r\n display: none;\r\n}\r\n/* bootstrap modal remove padding */\r\n/* you need to disable this if you do not plan on using _addon-custom-scrollbar.scss */\r\nbody:not(.mod-main-boxed):not(.mobile-view-activated).chrome.modal-open {\r\n\tpadding-right: 8px !important;\r\n}\r\nbody:not(.mobile-view-activated).mod-main-boxed.modal-open {\r\n\tpadding-right: 0px !important;\r\n}\r\n\r\n/* hover adjustment for close buttons */\r\n.close:not(:disabled):not(.disabled):hover, \r\n.close:not(:disabled):not(.disabled):focus {\r\n color: inherit;\r\n}\r\n\r\n/* add borders to button groups */\r\n.btn-group .btn:not([class*=\"btn-outline-\"]):not(.btn-icon):not(.btn-light) {\r\n\tborder-right: 1px solid rgba($black, 0.1);\r\n\tborder-left: 1px solid rgba($black, 0.1);\r\n}\r\n\r\n.input-group-prepend .btn:not([class*=\"btn-outline-\"]):not(.btn-icon):not(:first-child) {\r\n\tborder-left: 1px solid rgba($black, 0.1);\r\n}\r\n.input-group-append .btn:not([class*=\"btn-outline-\"]):not(.btn-icon):not(:first-child) {\r\n\tborder-left: 1px solid rgba($black, 0.1);\r\n}\r\n\r\n.btn-group-vertical .btn:not([class*=\"btn-outline-\"]):not(:first-child),\r\n.btn-group-vertical .btn-group {\r\n\tborder-top: 1px solid rgba($black, 0.1);\r\n}","@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n /* IE10+ CSS styles go here */\r\n .text-gradient {\r\n \tbackground: transparent;\r\n }\r\n\r\n .nav-function-minify:not(.nav-function-top) .primary-nav .nav-menu > li > a + ul:before {\r\n \tleft: -0.25rem !important;\r\n }\r\n\r\n .ie-only {\r\n \tdisplay: inline-block !important;\r\n }\r\n\r\n\t/* table hover */\r\n\t.table-hover {\r\n\t\ttbody {\r\n\t\t\ttr {\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbox-shadow:none;\r\n\t\t\t\t\tbackground-color: lighten($warning-50, 9%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* Counters IE bug\r\n\t\tDOC: If you've ever used CSS transitions on structural elements on your page, \r\n\t\tyou may have noticed a case where a transition occur immideately after page load.\r\n\t\tAs a result the user may experience the illusion of \"broken page elements\"\r\n\r\n\t\tBelow solution insures that pace's indication of \"everything loaded\" before applying the CSS transitions\r\n\t*/\r\n\t.pace-running .page-sidebar,\r\n\t.pace-running .page-sidebar *,\r\n\t.pace-running .page-content-wrapper {\r\n\t\t-webkit-transition: none !important;\r\n\t\t-moz-transition: none !important;\r\n\t\t-ms-transition: none !important;\r\n\t\t-o-transition: none !important;\r\n\t}\t\r\n\t// encounters BUG when .nav-function-minified & .mod-main-boxed\r\n}\r\n\r\n@supports (-ms-accelerator:true) {\r\n\r\n}","/********************************************************\r\n\t\t\t\t\tRESPONSIVE REFERENCES\r\n\r\n.col-xs-\t.col-sm-\t.col-md-\t.col-lg-\t.col-xl-\r\n<544px\t\t≥544px\t\t≥768px\t\t≥992px\t\t≥1200px\r\n\r\n$grid-breakpoints: (\r\n // Extra small screen / phone\r\n xs: 0,\r\n // Small screen / phone\r\n sm: 544px,\r\n // Medium screen / tablet\r\n md: 768px,\r\n // Large screen / desktop\r\n lg: 992px,\r\n // Extra large screen / wide desktop\r\n xl: 1200px\r\n) !default;\r\n\r\n*********************************************************/\r\n\r\n@include media-breakpoint-up(lg) {\r\n\t.page-header {\r\n\t\tpadding: 0 $header-inner-padding-x;\r\n\t}\r\n\t.page-content {\r\n\t\tpadding: 1.5rem 2rem;\r\n\r\n\t\t.panel {\r\n\t\t\tmargin-bottom: 1.5rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*@include media-breakpoint-up(xl) {\r\n\t.page-header {\r\n\t\tpadding: 0 $header-inner-padding-x;\r\n\t}\r\n\t.page-content {\r\n\t\tpadding: 1.5rem 2rem;\r\n\r\n\t\t.card.panel {\r\n\t\t\tmargin-bottom: 1.5rem;\r\n\t\t}\r\n\t}\r\n}*/\r\n\r\n\r\n\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\t//casuing some issues so disabled it.\r\n\t/*html {\r\n\t\tfont-size: 18px;\r\n\t}*/\r\n\r\n\t.dropdown-menu .dropdown-menu {\r\n\t\tposition: static;\r\n\t\t//display: block;\r\n\t\t//margin: 0;\r\n\t\tpadding: .5rem 0 0 .75rem;\r\n\t\twidth: 100%;\r\n\t\tborder: 0;\r\n\t\tbox-shadow: none;\r\n\r\n\t\t@include transform( scale(1) );\r\n\t\topacity: 1;\r\n\t\t//visibility: visible;\r\n\t\ttransition: none;\r\n\t}\r\n\r\n\t.show .dropdown-menu .dropdown-menu {\r\n\t\tvisibility: visible;\r\n\t}\r\n\r\n\t.dropdown-menu .dropdown-multilevel > .dropdown-item:first-child:after {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tbody {\r\n\t\toverflow-x: hidden;\r\n\t}\t\r\n\r\n\t.page-logo-text {\r\n\t\tfont-size: 1rem;\r\n\t}\r\n\r\n\t.page-content-overlay {\r\n\t\tbackground: transparent;\r\n\t\ttransition: background 300ms;\r\n\t\tposition: fixed;\r\n\t\tz-index: $depth-nav - 1;\r\n\t}\r\n\t\r\n\t.page-wrapper {\r\n\t\tpadding-left:0;\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tpadding:0 $grid-gutter-width-base/2;\r\n\t\t\twidth:100%;\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\r\n\t\t\t[data-toggle=\"dropdown\"] + .dropdown-menu {\r\n\t\t\t\tright: 1.5rem;\r\n\t\t\t}\r\n\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tz-index: $space + 1000;\r\n\t\t\ttransition: $nav-hide-animate;\r\n\t\t\t@include translate3d (-$nav-width, 0, 0);\r\n\r\n\t\t\tposition: fixed !important;\r\n\t\t\ttop:0;\r\n\t\t\tbottom:0;\r\n\r\n\t\t\t.primary-nav {\r\n\t\t\t\toverflow: auto;\r\n\t\t\t\toverflow-x: hidden;\r\n\t\t\t\t-webkit-overflow-scrolling: touch;\r\n\t\t\t\theight: unquote(\"calc(100% - #{$header-height + $footer-height})\");\r\n\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\t.dl-ref {\r\n\t\t\t\t\t\tvertical-align: text-top;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-content {\r\n\t\t\tpadding: map-get($grid-gutter-widths, lg) $grid-gutter-width-base/2;\r\n\t\t\tcolor: #222;\r\n\t\t\tfont-size: $fs-base + 1;\r\n\r\n\t\t\tmin-height: calc(100vh - #{$header-height + $footer-height});\r\n\r\n\t\t\t.breadcrumb > .breadcrumb-item {\r\n\t\t\t\tmax-width: $page-breadcrumb-maxwidth/2 - 20px;\r\n\t\t\t}\r\n\r\n\t\t\t.subheader {\r\n\t\t\t\tmargin-bottom: 1.5rem;\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tline-height: 32px;\r\n\t\t\t\t\tfont-weight: 300;\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tfont-size: 68%;\r\n\t\t\t\t\t\tletter-spacing: normal;\r\n\t\t\t\t\t\tmargin-top: 0px;\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\t\twidth: calc(100% - 30px);\r\n\t\t\t\t\t\tfont-weight: 300;\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&.header-function-fixed {\r\n\r\n\t\t.page-header {\r\n\t\t\tmargin-left: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tposition: fixed;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t \r\n\t\t transition: $nav-hide-animate;\r\n\t\t}\r\n\r\n\t\t.page-header,\r\n\t\t.page-logo {\r\n\t\t\tbox-shadow: none !important;\r\n\r\n\t\t} \r\n\t\t\r\n\t\t/* this was conflicting with the new DOM change where we swtiched header with nav */\r\n\t\t/*&:not(.nav-function-fixed) {\r\n\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t.page-logo {\r\n\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t\ttop:0px !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}*/\r\n\r\n\t\t.page-content {\r\n\t\t\tmargin-top: $header-height;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Push content */\r\n\t&.nav-mobile-push:not(.nav-mobile-slide-out) {\r\n\r\n\t\t.page-wrapper {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\t@include translate3d (-$nav-width, 0, 0);\r\n\t\t\t}\r\n\t\t\t.page-header,\r\n\t\t\t.page-content,\r\n\t\t\t.page-footer,\r\n\t\t\t.page-footer-push {\r\n\t\t\t\ttransition: $nav-hide-animate;\r\n\t\t\t\t//@include translate3d (0px, 0, 0);\r\n\t\t\t}\t\t\r\n\t\t}\r\n\t\t\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\tmin-height: 100vh !important; /*new*/\r\n\r\n\t\t.page-wrapper {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\tz-index: 0;\r\n\t\t\t\ttransition:none;\r\n\t\t\t\t@include translate3d (0px, 0, 0);\t\r\n\t\t\t}\r\n\r\n\t\t\t.page-header,\r\n\t\t\t.page-content,\r\n\t\t\t.page-footer,\r\n\t\t\t.page-footer-push {\r\n transition: $nav-hide-animate;\r\n\t\t\t @include translate3d (0, 0, 0); \t\t \r\n\t\t\t}\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\t/* min-height: calc(100vh - #{$header-height + $footer-height}); no longer needed here */\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\ttouch-action: none;\r\n\t\t\r\n\t\toverflow: hidden;\r\n\t\theight: 100vh;\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t/*.page-content:before {\r\n\t\t\tcontent:\" \";\r\n\t\t\tposition:fixed;\r\n\t\t\tz-index: $space;\r\n\t\t\tbackground:rgba(0,0,0,0);\r\n\t\t\tdisplay: block;\r\n\t\t\theight: 100vh;\r\n\t\t\twidth: 100vw;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t}*/\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\ttop: 0;\r\n\t\t\tright: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\t\t\r\n\t\t&:not(.nav-mobile-push) {\r\n\r\n\t\t\t.page-sidebar {\r\n\r\n\t\t-webkit-transform: translate3d(0px, 0, 0) !important;\r\n\t\t -ms-transform: translate3d(0px, 0, 0) !important;\r\n\t\t transform: translate3d(0px, 0, 0) !important;\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-fixed:not(.nav-function-top) {\r\n\r\n\t\t\t\t.page-sidebar {\r\n\r\n\t\t-webkit-transform: translate3d(0px, 0, 0) !important;\r\n\t\t -ms-transform: translate3d(0px, 0, 0) !important;\r\n\t\t transform: translate3d(0px, 0, 0) !important;\r\n\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* Push content */\r\n\t\t&.nav-mobile-push:not(.nav-mobile-slide-out) {\r\n\r\n\t\t\t.page-wrapper {\r\n\r\n\t\t\t\t.page-sidebar {\r\n\t\t\t\t\tleft:0;\r\n\t\t\t\t\t@include translate3d (0px, 0, 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.page-header,\r\n\t\t\t\t.page-content,\r\n\t\t\t\t.page-footer,\r\n\t\t\t\t.page-footer-push {\r\n\t\t\t\t\t@include translate3d ($nav-width, 0, 0);\r\n\t\t\t\t}\t\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t/* Off canvas turned ON*/\r\n\t\t&.nav-mobile-slide-out {\r\n\r\n\t\t\t.page-wrapper {\r\n\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.page-header,\r\n\t\t\t\t.page-content,\r\n\t\t\t\t.page-footer,\r\n\t\t\t\t.page-footer-push {\r\n\t\t\t\t\t@include translate3d ($nav-width, 0, 0);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/*.page-content:before {\r\n\t\t\t\t\tbackground:transparent !important;\r\n\t\t\t\t}*/\r\n\r\n\t\t\t\t.page-content-overlay {\r\n\t\t\t\t\tbackground: transparent !important;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tleft: $nav-width;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.page-header,\r\n\t\t\t\t.page-content,\r\n\t\t\t\t.page-footer,\r\n\t\t\t\t.page-footer-push {\r\n\t\t\t\t\tbox-shadow: 0 9px 0px 0px $page-bg, 0 -9px 0px 0px $page-bg, 12px 0 15px -4px rgba(0, 0, 0, 0.32), -12px 0 15px -4px rgba(0, 0, 0, 0.32); \r\n\t\t\t\t}\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t/* 'not' is ON by default */\r\n\t\t&.nav-mobile-no-overlay {\r\n\r\n\t\t\t.page-wrapper {\r\n\r\n\t\t\t\t/*.page-content:before {\r\n\t\t\t\t\tbackground:rgba(0,0,0,0.3);\r\n\t\t\t\t}*/\r\n\r\n\t\t\t\t.page-content-overlay {\r\n\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.page-header > * {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\r\n\r\n\t\t.search {\r\n\t\t\tdisplay: flex !important;\r\n\t\t\tflex: 1;\r\n\r\n\t\t\t.app-forms {\r\n\t\t\t\tdisplay: block !important;\r\n\t\t\t\tposition: relative !important;\r\n\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t.btn-search-close {\r\n\t\t\t\t\tdisplay: flex !important;\r\n\t\t\t\t\tright:10px;\r\n\t\t\t\t\twidth: 26px;\r\n\t\t\t\t\theight: 26px;\r\n\t\t\t\t\tfont-size: 1rem;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tborder: 1px solid $primary-500;\r\n\t\t\t\t\tpadding-left: 1rem;\r\n\t\t\t\t\tpadding-right: 3rem;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tmax-width: none;\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t[data-class=\"mobile-nav-on\"] {\r\n\t\t\tdisplay: none !important;\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n\t.page-header {\r\n\r\n\t\t[data-toggle=\"dropdown\"] + .dropdown-menu {\r\n\t\t\twidth: calc(100% - #{$grid-gutter-width-base / 1.5}) !important;\r\n\t\t\tright: $grid-gutter-width-base / 3 !important;\r\n\t\t}\r\n\t}\r\n\r\n\t.page-header,\r\n\t.page-content {\r\n\t\tpadding-left: $grid-gutter-width-base/3 !important;\r\n\t\tpadding-right: $grid-gutter-width-base/3 !important;\r\n\t}\r\n\r\n\t.primary-nav .nav-menu li a > .badge {\r\n\t\tfont-size: 10px !important;\r\n\t}\r\n\r\n\r\n\t.card {\r\n\t\t.card-header,\r\n\t\t.card-body {\r\n\t\t\tpadding: 1rem;\r\n\t\t}\r\n\t}\r\n\t.alert,\r\n\t.panel .panel-tag,\r\n\t.accordion .card .card-header .card-title {\r\n\t\tpadding: 1rem;\r\n\t}\r\n}\r\n","/* DOCS : https://developer.mozilla.org/en-US/docs/Web/CSS/%40media/light-level */\r\n\r\n/* The device is used in a environment with a light level in the ideal range for the screen, \r\n * and which does not necessitate any particular adjustment.. */\r\n@media (light-level: normal) {\r\n \r\n}\r\n\r\n/* The device is used in a dim environment, where excessive contrast and brightness would be \r\n * distracting or uncomfortable to the reader. For example: night time, or a dimly \r\n * illuminated indoor environment. */\r\n@media (light-level: dim) {\r\n \r\n}\r\n\r\n/* The device is used in an exceptionally bright environment, causing the screen to be washed \r\n * out and difficult to read. For example: bright daylight. */\r\n@media (light-level: washed) {\r\n \r\n}","/* text area */\r\n.form-content-editable[contenteditable=\"true\"] {\r\n\toverflow:auto;\r\n\t-webkit-user-modify: read-write-plaintext-only;\r\n\r\n\tline-height: normal;\r\n\r\n\t&:focus {\r\n\t\toutline: 0;\r\n\t}\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n\r\n//why did we need this?\r\n/*.form-control:not(.form-control-sm),\r\n.custom-select:not(.custom-select-sm),\r\n.input-group:not(.input-group-sm) {\r\n\tmin-height: calc(2.25rem + 2px);\r\n}*/\r\n\r\n.form-label {\r\n\tfont-weight: 500;\r\n}\r\n\r\n/* select arrow */\r\n\r\n/*select:not(.custom-select):not([multiple]) {\r\n background-image:\r\n linear-gradient(45deg, transparent 50%, red 60%),\r\n linear-gradient(135deg, red 40%, transparent 50%) !important;\r\n background-position:\r\n calc(100% - 30px) 14px,\r\n calc(100% - 20px) 14px,\r\n 100% 0;\r\n background-size:\r\n 10px 10px,\r\n 10px 10px;\r\n background-repeat: no-repeat;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n}*/\r\n\r\n/* fix */\r\n.custom-range {\r\n\t-webkit-appearance: none; \r\n\t-moz-appearance: none;\r\n}\r\n.custom-range::-moz-range-thumb {\r\n\t-moz-appearance: none;\r\n}\r\n.custom-range::-webkit-slider-thumb {\r\n\t-webkit-appearance: none;\r\n}\r\n\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n.input-group-text {\r\n\ttransition: all 0.15s ease-in-out, \r\n}\r\n\r\n/* input group animation for multiple inputs */\r\n.input-group.input-group-multi-transition {\r\n\tinput[type=\"text\"] {\r\n\r\n\t\ttransition: width 470ms cubic-bezier(0.34, 1.25, 0.3, 1);\r\n\t\t&:focus {\r\n\t\t\twidth:50%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* BS form hack for checkbox tick mark */\r\n.custom-checkbox .custom-control-label::after {\r\n\tbackground-size: $custom-control-indicator-bg-size-checkbox;\r\n}\r\n\r\n/* circle checkbox */\r\n.custom-checkbox-circle {\r\n\t.custom-control-label:before {\r\n\t\tborder-radius: 50%;\r\n\t}\r\n}\r\n/* rounded radio */\r\n.custom-radio-rounded {\r\n\t.custom-control-label:before {\r\n\t\tborder-radius: 4px;\r\n\t}\r\n}\r\n\r\n/* not sure if we need this? */\r\n/*.custom-control {\r\n\tmin-height: $custom-control-indicator-size;\r\n}*/\r\n\r\n/* make checked label bold */\r\ninput[type=\"radio\"]:checked + .custom-control-label, \r\ninput[type=\"checkbox\"]:checked + .custom-control-label {\r\n\tfont-weight: 500;\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}\r\n\r\n/* on feedback error */\r\n.help-block, .invalid-feedback, .valid-feedback {\r\n\tfont-size: rem($fs-nano);\r\n\tmargin-top: 0.325rem;\r\n}\r\n\r\n/* when form group is last child show now margin */\r\n.form-group:last-child,\r\n.form-group:only-child {\r\n\tmargin-bottom: 0;\r\n}\r\n\r\n/* fix alignment for generic checkbox and radio */\r\n.form-check-input {\r\n\tmargin-top: 0;\r\n} \r\n.form-check-label {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n}\r\n.form-check {\r\n\tmargin: 5px 0;\r\n}","// here we are attemping to fool the browser and harness the power of GPU usage\r\n// using \"transform: translate3d(0, 0, 0);\" will use the Graphic Processor (GPU) and avoid the CSS transition using CPU...\r\n\r\n@include media-breakpoint-up(xl) {\r\n\t.page-sidebar {\r\n\t\t@include translate3d(0,0,0);\r\n\t}\r\n\r\n\t&.header-function-fixed,\r\n\t&.nav-function-fixed,\r\n\t&.header-function-fixed.nav-function-fixed {\r\n\t\t .page-wrapper,\r\n\t\t .page-sidebar {\r\n transform: none;\r\n -webkit-transform: none;\r\n -ms-transform: none;\r\n\t\t }\r\n\t}\r\n}",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t content: \"DISABLED\";\r\n\t\t font-size: 10px;\r\n\t\t position: absolute;\r\n\t\t background: $settings-incompat-bg;\r\n\t\t width: 65px;\r\n\t\t text-align: center;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t height: 22px;\r\n\t\t line-height: 20px;\r\n\t\t border-radius: $border-radius-plus;\r\n\t\t display: block;\r\n\t\t right: 13px;\r\n\t\t top: 26%;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n",".settings-panel {\r\n\t.expanded {\r\n\t\t&.theme-colors {\r\n\t\t\tdisplay: block;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tborder: 0;\r\n\t\t\tbackground: transparent;\r\n\r\n\r\n\r\n\t\t\t> ul {\r\n\t\t\t\theight: auto;\r\n\r\n\t\t\t\t> li {\r\n\r\n\t\t\t\t\t[data-action] {\r\n\r\n\r\n\t\t\t\t\t\twidth: 36px;\r\n\t\t\t\t\t\theight: 36px;\r\n\t\t\t\t\t\tmargin-right: 4px;\r\n\t\t\t\t\t\tmargin-bottom: 4px;\r\n\t\t\t\t\t\tborder-radius: 4px;\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tmargin-right:0;\r\n\t\t\t\t}\r\n\t\t\t}\t\r\n\r\n\t\t\t/*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/\r\n\r\n\t\t\t#myapp-0 { \r\n\t\t\t\tbackground: #886ab5;\r\n\t\t\t\tbox-shadow: inset 0 0 0 3px rgb(43, 161, 255);\r\n\t\t\t }\r\n\t\t\t#myapp-1 { \r\n\t\t\t\tbackground: #b56a9f;\r\n\t\t\t }\r\n\t\t\t#myapp-2 { \r\n\t\t\t\tbackground: #9fcb3d;\r\n\t\t\t} \r\n\t\t\t#myapp-3 { \r\n\t\t\t\tbackground: #4679cc;\r\n\t\t\t} \r\n\t\t\t#myapp-4 { \r\n\t\t\t\tbackground: #2198F3;\r\n\t\t\t}\r\n\t\t\t#myapp-5 { \r\n\t\t\t\tbackground: #6ab5b4;\r\n\t\t\t}\r\n\t\t\t#myapp-6 { \r\n\t\t\t\tbackground: #dd5293;\r\n\t\t\t}\r\n\t\t\t#myapp-7 { \r\n\t\t\t\tbackground: #868e96;\r\n\t\t\t}\r\n\t\t\t#myapp-8 { \r\n\t\t\t\tbackground: #7c91df;\r\n\t\t\t}\r\n\t\t\t#myapp-9 { \r\n\t\t\t\tbackground: #e59c6c;\r\n\t\t\t}\r\n\t\t\t#myapp-10 { \r\n\t\t\t\tbackground: #778c85;\r\n\t\t\t}\r\n\t\t\t#myapp-11 { \r\n\t\t\t\tbackground: #a2b077;\r\n\t\t\t}\r\n\t\t\t#myapp-12 { \r\n\t\t\t\tbackground: #7976b3;\r\n\t\t\t}\r\n\t\t\t#myapp-13 { \r\n\t\t\t\tbackground: #55ce5f;\r\n\t\t\t}\r\n\t\t\t#myapp-14 { \r\n\t\t\t\tbackground: #5c4581;\r\n\t\t\t}\r\n\t\t\t#myapp-15 { \r\n\t\t\t\tbackground: #5c4581;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n}\r\n\t\t\t\t\t\t\t",".settings-panel {\r\n\r\n\t&:first-child {\r\n\t\th5 {\r\n\t\t\tmargin-top:0;\r\n\t\t\tpadding-top:5px;\r\n\t\t}\r\n\t}\r\n\r\n\th5 {\r\n\t\tmargin:0;\r\n\t\tfont-weight:500;\r\n\t\tfont-size: rem($fs-base + 1);\r\n\t\tpadding: $p-3 $p-3 5px;\r\n\t\tbox-sizing: content-box;\r\n\t\tdisplay: block;\r\n\t\toverflow:hidden;\r\n\t\ttext-decoration: none;\r\n\t\tmargin-top: 5px;\r\n\t\tcolor: $fusion-500;\r\n\t\ttext-align: left;\r\n\r\n\t\tsmall {\r\n\t\t\tdisplay: inline;\r\n\t\t}\r\n\t}\r\n\r\n\t.list {\r\n\t\tfont-weight: 400;\r\n\t\tmin-height: 45px;\r\n\t\tpadding: 0.25rem 1rem 0.25rem 2rem;\r\n\t\tcolor:darken($white, 60%);\r\n\t\tposition: relative;\r\n\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\r\n\t\t@extend %common-animation;\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\r\n\t\t\t.onoffswitch {\r\n\t\t\t\t@include scale(1.13);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.onoffswitch,\r\n\t\t&:hover .onoffswitch {\r\n\t\t\t@extend %common-animation;\r\n\t\t}\r\n\r\n\t\t.btn-switch {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 1rem;\r\n\t\t\tmargin: 0;\r\n\t\t\ttop: 30%;\r\n\t\t}\r\n\r\n\t\t.onoffswitch-title {\r\n\t\t\tmargin-top:0.5px;\r\n\t\t\tfont-size: rem($fs-base);\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: rem(12px);\r\n\t\t\tcolor: #989da5;\r\n\t\t\ttext-transform: lowercase;\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\t\t@extend %expanded-box;\r\n\t\tposition: relative;\r\n\t\tdisplay: none;\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t\tbottom: 1px;\r\n\t\t}\r\n\r\n\t\t> ul {\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t\tmargin: 0 0 0 1rem;\r\n\t\t\theight: 50px;\r\n\t\t\t\r\n\t\t\t> li {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tmargin:0;\r\n\t\t\t\tpadding:0;\r\n\r\n\t\t\t\t[data-action] {\r\n\t\t\t\t\twidth: 50px;\r\n\t\t\t\t\theight: 50px;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\tmargin-right: 2px;\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\tposition: relative;\r\n\r\n\t\t\t\t\tbox-shadow: 0 1px 10px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.list {\r\n\t\t\tpadding: 0;\r\n\t\t\tmin-height: auto;\r\n\t\t\tmargin: 0.5rem 0 0 1rem;\r\n\r\n\t\t\t.btn-switch {\r\n\t\t\t\tmargin-top:2px;\r\n\t\t\t\ttop: -2px;\r\n\t\t\t\tright: 0;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground:transparent;\r\n\t\t\t}\r\n\t\t} \r\n\t}\r\n}\r\n\r\n#saving {\r\n\tposition: absolute;\r\n\tz-index: 1;\r\n\ttop: 0;\r\n\tleft: -40px;\r\n\tdisplay: none;\r\n}\r\n\r\n/* localstorage success fade animation */\r\n.saving {\r\n\r\n\t#saving {\r\n\t\t@extend %spin-loader;\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t[data-action=\"app-reset\"] {\r\n\t\topacity: 0.5;\r\n\t\tcursor: not-allowed !important;\r\n\t}\r\n\r\n}\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".color-disp-demo {\r\n\ttr {\r\n\r\n\t\t&:first-child {\r\n\t\t\ttd {\r\n\t\t\t\theight: 100px;\r\n\t\t\t\tbox-shadow: inset 0 -5px 0 rgba(255,255,255,0.8);\r\n\t\t\t}\r\n\t\t}\r\n\t\ttd {\r\n\t\t\tborder:none;\r\n\t\t\tpadding-top: 7px;\r\n\t\t\tpadding-bottom: 7px;\r\n\r\n\t\t\t@extend %common-animation;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include transform( scale(1.1) );\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n\r\n.cr-c {\r\n\twidth: 21px;\r\n\theight: 21px;\r\n\tdisplay: block;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n.icon-demo {\r\n\tlist-style: none;\r\n\tpadding:0;\r\n\tli {\r\n\t\tborder:1px solid #7f8995;\r\n\t\tpadding:10px;\r\n\t\tdisplay: inline-block;\r\n\t\tfont-size:20px;\r\n\t\twidth:60px;\r\n\t\theight:60px;\r\n\t\t//line-height: 43px;\r\n\t\toverflow: hidden;\r\n\t\tmargin: 0 6px 0 0;\r\n\t\ttext-align: center;\r\n\t\tbackground:#fff;\r\n\r\n\t\t@extend %common-animation;\r\n\r\n\t\t&:hover {\r\n\t\t\t@include transform( scale(1.4) );\r\n\t\t}\r\n\t}\r\n}\r\n\r\n//display demo codes\r\n//works with vendor/prism/prism.css\r\n\tcode[class*=\"language-\"],\r\n\tpre[class*=\"language-\"] {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n.show-codes {\r\n\tcode[class*=\"language-\"],\r\n\tpre[class*=\"language-\"] {\r\n\t\tdisplay: block !important;\r\n\t}\r\n}\r\n\r\n.container-demo {\r\n\tmax-width:100%;\r\n\twidth:100%;\r\n}\r\n\r\n.bd-example {\r\n position: relative;\r\n padding: 1rem 0;\r\n}\r\n\r\n.bd-example-row-flex-cols .row {\r\n min-height: 10rem;\r\n background-color: rgba(255,0,0,.1);\r\n}\r\n.bd-example-row .row>.col, \r\n.bd-example-row .row>[class^=col-] {\r\n padding-top: .75rem;\r\n padding-bottom: .75rem;\r\n background-color: rgba(86,61,124,.15);\r\n border: 1px solid rgba(86,61,124,.2);\r\n}\r\n\r\n.bd-example-row .row+.row {\r\n margin-top: 1rem;\r\n}\r\n\r\n.bd-highlight {\r\n background-color: rgba(86,61,124,.2);\r\n border: 1px solid rgba(86,61,124,.2);\r\n}\r\n\r\n//demo\r\n\r\n.demo {\r\n\tmargin: 0;\r\n\r\n\t> * {\r\n\t\tmargin: 0 .375rem 1rem 0 !important;\r\n\t}\r\n\r\n\t&.demo-no-mb {\r\n\t\t> * {\r\n\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n.demo-v-spacing-sm,\r\n.demo-v-spacing,\r\n.demo-v-spacing-lg {\r\n\t> * + * {\r\n\t\tmargin-top: 0.875rem !important;\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n\r\n\t> * {\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n}\r\n\r\n\r\n\r\n.demo-v-spacing {\r\n\t> * + * {\r\n\t\tmargin-top: 1rem !important;\r\n\t}\r\n}\r\n\r\n.demo-v-spacing-lg {\r\n\t> * + * {\r\n\t\tmargin-top: 1.5rem !important;\r\n\t}\r\n}\r\n\r\n.demo-h-spacing > *:not(last-child):not(only-child) {\r\n\tmargin-right: 1rem !important;\r\n}\r\n\r\n/*.demo-vh-spacing > *:not(last-child):not(only-child) {\r\n\tmargin: 0 .375rem 1rem 0 !important;\r\n}*/\r\n","$pace-height: 3px;\r\n$pace-incontent-height: 13px;\r\n\r\nbody:not(.mod-pace-custom) {\r\n\t.pace {\r\n\t\t-webkit-pointer-events: none;\r\n\t\tpointer-events: none;\r\n\r\n\t\t-webkit-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\tuser-select: none;\r\n\r\n\t .pace-progress {\r\n\t\t\tbackground: $color-primary;\r\n\t\t\tposition: fixed;\r\n\t\t\tz-index: 2000;\r\n\t\t\ttop: 0;\r\n\t\t\tright: 100%;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: $pace-height;\r\n\t\t}\r\n\t}\r\n\r\n\t.pace-inactive {\r\n\t display: none;\r\n\t}\r\n\r\n}\r\n\r\nbody.mod-pace-custom {\r\n\r\n\t.pace {\r\n\t\t-webkit-pointer-events: none;\r\n\t\tpointer-events: none;\r\n\r\n\t\t-webkit-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\tuser-select: none;\r\n\r\n\t z-index: 2000;\r\n\t position: fixed;\r\n\t \tmargin: auto;\r\n\t top: 45vh;\r\n\t left: 0;\r\n\t right: 0;\r\n\t //right: unquote(\"calc( (100% - #{$nav-width}) / 2 )\")\r\n\t height: $pace-incontent-height;\r\n\t border: 2px solid $white;\r\n\t width: $nav-width / 1.111;\r\n\t background: $white;\r\n\t overflow: hidden; \r\n\r\n\t\t.pace-progress {\r\n\t\t box-sizing: border-box;\r\n\r\n\t\t @include translate3d (0, 0, 0);\r\n\r\n\t\t max-width: $nav-width / 1.111;\r\n\t\t z-index: 2000;\r\n\t\t display: block;\r\n\t\t position: absolute;\r\n\t\t top: 0;\r\n\t\t right: 100%;\r\n\t\t height: 100%;\r\n\t\t width: 100%;\r\n\t\t background-color:$color-primary;\r\n\t\t background-image: linear-gradient(135deg, $color-primary 0%, $color-primary 25%, darken($color-primary,10%) 25%, darken($color-primary,10%)\r\n\t\t 50%, $color-primary 50%, $color-primary 75%, darken($color-primary,10%) 75%, darken($color-primary,10%) 100%);\r\n\t\t background-repeat: repeat;\r\n\t\t background-position: 0 0;\r\n\t\t background-size: $pace-incontent-height $pace-incontent-height;\r\n\t\t background-clip: content-box;\r\n\r\n\t\t animation: loading 0.5s linear infinite;\r\n\t\t -o-animation: loading 0.5s linear infinite;\r\n\t\t -moz-animation: loading 0.5s linear infinite;\r\n\t\t -webkit-animation: loading 0.5s linear infinite;\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t.pace-inactive {\r\n\t display: none; \r\n\t}\r\n\r\n\t&.pace-running {\r\n\t\t.page-content {\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: '';\r\n\t\t\t position: fixed;\r\n\t\t\t top: 0;\r\n\t\t\t bottom: 0;\r\n\t\t\t left: 0;\r\n\t\t\t right: 0;\r\n\t\t\t background-color:$page-bg;\r\n\t\t\t z-index: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t/*&.pace-done {\r\n\t\t.page-content {\r\n\t\t\t&:before{\r\n\t\t\t\tz-index:-2;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t}*/\r\n}\r\n\r\n\r\n@keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position: -$pace-incontent-height 0;\r\n\t}\r\n}\r\n@-webkit-keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position:-$pace-incontent-height 0;\r\n\t}\r\n}\r\n@-moz-keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position: -$pace-incontent-height 0;\r\n\t}\r\n}\r\n@-o-keyframes loading {\r\n\tfrom {\r\n\t\tbackground-position: 0 0;\r\n\t}\r\n\tto {\r\n\t\tbackground-position: -$pace-incontent-height 0;\r\n\t}\r\n}",".slimScrollBar {\r\n\tborder-radius: 3px !important;\r\n}\r\n\r\nbody:not(.no-slimscroll) {\r\n\r\n\t.custom-scroll {\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n}\r\n\r\n","/*!\r\n * Waves v0.7.6\r\n * http://fian.my.id/Waves \r\n * \r\n * Copyright 2014-2018 Alfiana E. Sibuea and other contributors \r\n * Released under the MIT license \r\n * https://github.com/fians/Waves/blob/master/LICENSE */\r\n\r\n@mixin waves-transition($transition){\r\n -webkit-transition: $transition;\r\n -moz-transition: $transition; \r\n -o-transition: $transition;\r\n transition: $transition; \r\n}\r\n\r\n@mixin waves-transform($string){\r\n -webkit-transform: $string;\r\n -moz-transform: $string;\r\n -ms-transform: $string;\r\n -o-transform: $string;\r\n transform: $string;\r\n}\r\n\r\n@mixin waves-box-shadow($shadow){\r\n -webkit-box-shadow: $shadow;\r\n box-shadow: $shadow;\r\n}\r\n\r\n.waves-effect {\r\n position: relative;\r\n cursor: pointer;\r\n display: inline-block;\r\n overflow: hidden;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-tap-highlight-color: transparent;\r\n \r\n .waves-ripple {\r\n position: absolute;\r\n border-radius: 50%;\r\n width: 100px;\r\n height: 100px;\r\n margin-top:-50px;\r\n margin-left:-50px;\r\n opacity: 0;\r\n\t\t$bgcolor: $white;\r\n\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t$gradient: rgba($bgcolor,0.3) 0,rgba($bgcolor,.4) 40%,rgba($bgcolor,.5) 50%,rgba($bgcolor,.6) 60%,rgba($bgcolor,0) 70%;\r\n\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\tbackground: radial-gradient($gradient);\r\n @include waves-transition(all 0.5s ease-out);\r\n -webkit-transition-property: -webkit-transform, opacity;\r\n -moz-transition-property: -moz-transform, opacity;\r\n -o-transition-property: -o-transform, opacity;\r\n transition-property: transform, opacity;\r\n @include waves-transform(scale(0) translate(0,0));\r\n pointer-events: none;\r\n }\r\n\r\n}\r\n\r\n.waves-notransition {\r\n @include waves-transition(none #{\"!important\"});\r\n}\r\n\r\n\r\n.waves-themed {\r\n\r\n\t&.btn-warning,\r\n\t&.btn-default,\r\n\t&.btn-outline-default {\r\n\t\t.waves-ripple {\r\n\t\t\t$bgcolor: $black;\r\n\t\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t\t$gradient: rgba($bgcolor,0.1) 0,rgba($bgcolor,.2) 40%,rgba($bgcolor,.3) 50%,rgba($bgcolor,.4) 60%,rgba($bgcolor,0) 70%;\r\n\t\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\t\tbackground: radial-gradient($gradient);\r\n\t\t}\r\n\t}\r\n\r\n\t&.btn-primary,\r\n\t&.btn-outline-primary,\r\n\t&.btn-info,\r\n\t&.btn-outline-info,\r\n\t&.btn-danger,\r\n\t&.btn-outline-danger,\r\n\t&.btn-success,\r\n\t&.btn-outline-success,\r\n\t&.btn-dark,\r\n\t&.btn-outline-dark {\r\n\t\t.waves-ripple {\r\n\t\t\t$bgcolor: $white;\r\n\t\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t\t$gradient: rgba($bgcolor,0.3) 0,rgba($bgcolor,.4) 40%,rgba($bgcolor,.5) 50%,rgba($bgcolor,.6) 60%,rgba($bgcolor,0) 70%;\r\n\t\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\t\tbackground: radial-gradient($gradient);\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n\r\n.page-sidebar .primary-nav .nav-menu li a.waves-themed .waves-ripple {\r\n\t$bgcolor: darken($primary-800, 25%);\r\n\tbackground: rgba($bgcolor,0.6);\r\n\t$gradient: rgba($bgcolor,0.2) 0,rgba($bgcolor,.3) 40%,rgba($bgcolor,.4) 50%,rgba($bgcolor,.5) 60%,rgba($bgcolor,0) 70%;\r\n\tbackground: -webkit-radial-gradient($gradient);\r\n\tbackground: radial-gradient($gradient);\r\n}\r\n\r\n.panel-hdr:not([class^=\"bg-\"]):not([class*=\" bg-\"]) .waves-themed.btn-toolbar-master,\r\n.waves-themed.nav-link {\r\n\t.waves-ripple {\r\n\t\t$bgcolor: $primary-500;\r\n\t\tbackground: rgba($bgcolor,0.6);\r\n\t\t$gradient: rgba($bgcolor,0.2) 0,rgba($bgcolor,.3) 40%,rgba($bgcolor,.4) 50%,rgba($bgcolor,.5) 60%,rgba($bgcolor,0) 70%;\r\n\t\tbackground: -webkit-radial-gradient($gradient);\r\n\t\tbackground: radial-gradient($gradient);\r\n\t}\r\n}\r\n","// fade\r\n@-webkit-keyframes seconds {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@keyframes seconds {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n//delayed entry\r\n@-webkit-keyframes delayed {\r\n 99% {\r\n visibility: hidden;\r\n }\r\n 100% {\r\n visibility: visible;\r\n }\r\n}\r\n@keyframes delayed {\r\n 99% {\r\n visibility: hidden;\r\n }\r\n 100% {\r\n visibility: visible;\r\n }\r\n}\r\n\r\n@keyframes subtle{\r\n 0% { opacity:1; }\r\n 100% { opacity:0.2; }\r\n}\r\n\r\n@-webkit-keyframes subtle{\r\n 0% { opacity:1; }\r\n 100% { opacity:0.2; }\r\n}","//highlight on-demand\r\n@-webkit-keyframes highlight {\r\n from { background: $warning-50; }\r\n to { background: transparent; }\r\n}\r\n\r\n@keyframes highlight {\r\n from { background: $warning-50; }\r\n to { background: transparent; }\r\n}\r\n\r\n.highlight {\r\n -webkit-animation: highlight 1.5s;\r\n -moz-animation: highlight 1.5s;\r\n animation: highlight 1.5s;\r\n}","// infinite spin\r\n@-webkit-keyframes spin {\r\n from { \r\n -webkit-transform: rotate(0deg); \r\n }\r\n\r\n to { \r\n -webkit-transform: rotate(360deg); \r\n }\r\n}\r\n\r\n@keyframes spin {\r\n from {\r\n transform:rotate(0deg);\r\n }\r\n\r\n to {\r\n transform:rotate(360deg);\r\n }\r\n}\r\n\r\n\r\n// spin loader\r\n/*.spinner {\r\n margin: 5px;\r\n height: 20px;\r\n width: 20px;\r\n animation: rotate 0.7s infinite linear;\r\n border: 2px solid $color-primary;\r\n border-right-color: transparent;\r\n border-radius: 50%;\r\n}*/\r\n\r\n// fontawesome spinner faster\r\n.fa-spin-4x {\r\n animation: spin 0.5s infinite linear;\r\n}\r\n\r\n.fa-spin-2x {\r\n animation: spin 1s infinite linear;\r\n}","$animateFadeInDown_distance: 5px;\r\n\r\n\r\n/*=== Animations start here ===*/\r\n\r\n/*=== FADE IN DOWN ===*/\r\n@-webkit-keyframes animateFadeInDown {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInDown {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, -$animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/*==== FADE IN UP ===*/\r\n@-webkit-keyframes animateFadeInUp {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInUp {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t\ttransform: translate3d(0, $animateFadeInDown_distance, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/*=== FADE IN LEFT ===*/\r\n@-webkit-keyframes animateFadeInLeft {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInLeft {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d(-$animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/*==== FADE IN RIGHT ===*/\r\n@-webkit-keyframes animateFadeInRight {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n@keyframes animateFadeInRight {\r\n\tfrom {\r\n\t\topacity: 0;\r\n\t\t-webkit-transform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t\ttransform: translate3d($animateFadeInDown_distance, 0, 0);\r\n\t}\r\n\r\n\tto {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: none;\r\n\t\ttransform: none;\r\n\t}\r\n}\r\n\r\n/* remove transition delay */\r\n.no-transition-delay {\r\n\ttransition-delay: 0ms !important;\r\n}\r\n\r\n/* fade transitions for page elements */\r\n.page-content > .alert {\r\n\tanimation: animateFadeInUp 0.3s;\r\n\t-webkit-animation: animateFadeInUp 0.3s;\r\n}\r\n\r\n.page-content > .card,\r\n.page-content > .row {\r\n\tanimation: animateFadeInUp 0.7s;\r\n\t-webkit-animation: animateFadeInUp 0.7s;\r\n}\r\n\r\n.tab-content >.active:not(.fade) {\r\n\tanimation: animateFadeInUp 0.5s;\r\n\t-webkit-animation: animateFadeInUp 0.5s;\r\n}\r\n\r\n/* repeated transitions */\r\n.fadeinup {\r\n\tanimation: animateFadeInUp 0.5s;\r\n\t-webkit-animation: animateFadeInUp 0.5s; \r\n}\r\n.fadeindown {\r\n\tanimation: animateFadeInDown 0.5s;\r\n\t-webkit-animation: animateFadeInDown 0.5s; \r\n}\r\n.fadeinleft {\r\n\tanimation: animateFadeInLeft 0.5s;\r\n\t-webkit-animation: animateFadeInLeft 0.5s; \r\n}\r\n.fadeinright {\r\n\tanimation: animateFadeInRight 0.5s;\r\n\t-webkit-animation: animateFadeInRight 0.5s; \r\n}","$mod-bg-1: url(\"#{$baseURL}img/backgrounds/bg-1.png\") !default;\r\n$mod-bg-1-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-1.png\") !default;\r\n\r\n$mod-bg-2: url(\"#{$baseURL}img/backgrounds/bg-2.png\") !default;\r\n$mod-bg-2-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-2.png\") !default;\r\n\r\n$mod-bg-3: url(\"#{$baseURL}img/backgrounds/bg-3.png\") !default;\r\n$mod-bg-3-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-3.png\") !default;\r\n\r\n$mod-bg-4: url(\"#{$baseURL}img/backgrounds/bg-4.png\") !default;\r\n$mod-bg-4-prev: url(\"#{$baseURL}img/backgrounds/prev-bg-4.png\") !default;\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n\t.mod-main-boxed.mod-bg-1 [data-class=\"mod-bg-1\"],\r\n\t.mod-main-boxed.mod-bg-2 [data-class=\"mod-bg-2\"],\r\n\t.mod-main-boxed.mod-bg-3 [data-class=\"mod-bg-3\"],\r\n\t.mod-main-boxed.mod-bg-4 [data-class=\"mod-bg-4\"] {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \t\t\t\r\n\t}\r\n\r\n\r\n\t.mod-main-boxed {\r\n\t\t.settings-panel {\r\n\t\t\t.expanded {\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\t> li {\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\tmargin:0;\r\n\t\t\t\t\t\tpadding:0;\r\n\r\n\t\t\t\t\t\t[data-action] {\r\n\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-1\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-1-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-2\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-2-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-3\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-3-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t&[data-class=\"mod-bg-4\"] {\r\n\t\t\t\t\t\t\t\tbackground-image: $mod-bg-4-prev;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:last-child {\r\n\t\t\t\t\t\t\t[data-action=\"toggle\"] {\r\n\t\t\t\t\t\t\t\tmargin-right:0;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&.mod-bg-1 {\r\n\t\t\tbackground-image: $mod-bg-1;\r\n\t\t}\r\n\t\t&.mod-bg-2 {\r\n\t\t\tbackground-image: $mod-bg-2;\r\n\t\t}\r\n\t\t&.mod-bg-3 {\r\n\t\t\tbackground-image: $mod-bg-3;\r\n\t\t}\r\n\t\t&.mod-bg-4 {\r\n\t\t\tbackground-image: $mod-bg-4;\r\n\t\t}\r\n\t\t&.mod-fixed-bg {\r\n\t\t\tbackground-attachment: fixed;\r\n\t\t}\r\n\t}\r\n}",".mod-clean-page-bg {\r\n\t.page-content-wrapper {\r\n\t\tbackground: $white !important;\r\n\t}\r\n\t.page-header {\r\n\t\tborder-bottom-color: lighten($header-border-bottom-color, 25%);\r\n\t}\r\n}",".mod-color-blind .page-wrapper {\r\n\t-webkit-filter: grayscale(65%);\r\n\tfilter: grayscale(55%);\r\n}\r\n\r\n.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a + ul > li.active > a,\r\n.pattern-1 {\r\n\t@extend %pattern-1;\r\n}\r\n\r\n.mod-color-blind .page-sidebar .primary-nav .nav-menu > li.active > a,\r\n.mod-color-blind [class*=\"bg-danger-\"],\r\n.mod-color-blind .btn-danger,\r\n.mod-color-blind .btn-outline-danger,\r\n.mod-color-blind .alert-danger,\r\n.pattern-0 {\r\n\t@extend %pattern-0;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-primary-\"],\r\n.mod-color-blind .btn-primary,\r\n.mod-color-blind .btn-outline-primary,\r\n.mod-color-blind .alert-primary,\r\n.pattern-2 {\r\n\t@extend %pattern-2;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-success-\"],\r\n.mod-color-blind .btn-success,\r\n.mod-color-blind .btn-outline-success,\r\n.mod-color-blind .alert-success,\r\n.pattern-3 {\r\n\t@extend %pattern-3;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-info-\"],\r\n.mod-color-blind .btn-info,\r\n.mod-color-blind .btn-outline-info,\r\n.mod-color-blind .alert-info,\r\n.pattern-4 {\r\n\t@extend %pattern-4;\r\n}\r\n\r\n.mod-color-blind [class*=\"bg-warning-\"],\r\n.mod-color-blind .btn-warning,\r\n.mod-color-blind .btn-outline-warning,\r\n.mod-color-blind .alert-warning,\r\n.pattern-5 {\r\n\t@extend %pattern-5;\r\n}\r\n\r\n.mod-color-blind [class*=\"btn-\"].active {\r\n\tbackground-image: none !important;\r\n}\r\n",".mod-disable-animation *,\r\n.mod-disable-animation *:before,\r\n.mod-disable-animation *:after {\r\n -webkit-transition: none !important;\r\n -moz-transition: none !important;\r\n -ms-transition: none !important;\r\n -o-transition: none !important;\r\n transition: none !important;\r\n\r\n -webkit-animation: none !important; \r\n animation: none !important;\r\n}",".mod-hide-info-card {\r\n\t/*.page-logo {\r\n\t\tborder-bottom: 1px solid lighten($header-logo-border-bottom, 13%);\r\n\t}*/\r\n\t.page-sidebar {\r\n\t\t.info-card {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n}",".mod-hide-nav-icons:not(.nav-function-top):not(.nav-function-minify) {\r\n\t.page-sidebar {\r\n\t\t.primary-nav {\r\n\t\t\t.nav-menu {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\t> [class*='fa-'], \r\n\t\t\t\t\t> .#{$cust-icon-prefix},\r\n\t\t\t\t\t> img {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tright: 40px;\r\n\t\t\t\t\t\tleft: auto;\r\n\t\t\t\t\t\ttop: 30%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\t> [class*='fa-'], \r\n\t\t\t\t\t> .#{$cust-icon-prefix},\r\n\t\t\t\t\t> img {\r\n\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.dl-ref {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli > ul > li > a {\r\n\t\t\t\t\tpadding-left: $nav-padding-x + 0.9375rem;\r\n\t\t\t\t\t& + ul > li > a {\r\n\t\t\t\t\t\tpadding-left: $nav-padding-x + 2.1875rem;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify {\r\n\t#mhni {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}",".mod-high-contrast {\r\n\r\n\t.nav-menu li a,\r\n\t.nav-title,\r\n\t.nav-menu li a [class*='fa-'], \r\n\t.nav-menu li a .#{$cust-icon-prefix},\r\n\t.dl-ref,\r\n\t.btn {\r\n\t\ttext-shadow:\r\n\t\t\t -1px -1px 0 $black, \r\n\t\t\t 1px -1px 0 $black,\r\n\t\t\t -1px 1px 0 $black,\r\n\t\t\t 1px 1px 0 $black;\r\n\t\tcolor: $white !important;\r\n\t\tfont-weight:500 !important;\r\n\t}\r\n\r\n\t.subheader-title,\r\n\th1,\r\n\th2,\r\n\th3,\r\n\th4,\r\n\th5,\r\n\t.settings-panel-title a,\r\n\t.panel-header,\r\n\t.badge-detached,\r\n\t.btn-secondary,\r\n\t.btn-default,\r\n\t.page-header .btn,\r\n\t[class*=\"btn-outline-\"] {\r\n\t\ttext-shadow:\r\n\t\t\t -1px -1px 0 $white, \r\n\t\t\t 1px -1px 0 $white,\r\n\t\t\t -1px 1px 0 $white,\r\n\t\t\t 1px 1px 0 $white;\r\n\t\tcolor: $black !important;\r\n\t\tfont-weight:500;\r\n\t}\r\n\r\n\r\n\t.subheader-title small,\r\n\t.breadcrumb > li > a,\r\n\t.page-content,\r\n\th1 small,\r\n\th2 small,\r\n\th3 small,\r\n\th4 small,\r\n\th5,\r\n\th6,\r\n\tp,\r\n\t.btn-switch + .onoffswitch-title,\r\n\t.onoffswitch-title + .onoffswitch-title-desc,\r\n\t.panel-container,\r\n\t.panel-header .btn {\r\n\t\ttext-shadow: none;\r\n\t\tcolor: $black !important;\r\n\t\tfont-weight: normal !important;\r\n\t}\r\n\r\n}",".mod-lean-subheader {\r\n\t.subheader {\r\n\t\tmargin:0;\r\n\r\n\t\t.subheader-title {\r\n\r\n\t\t\tmargin-top: 0;\r\n\t\t\tfont-size:1rem;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tfont-weight: 400;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tmargin-bottom: 1.5rem;\r\n\r\n\t\t\t&:not(:only-child) {\r\n\t\t\t\tmargin-top: 23px;\r\n\t\t\t}\r\n\r\n\t\t\tsmall {\r\n\r\n\t\t\t\tfont-size: 0.875rem;\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\ttext-transform: capitalize;\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent:\" - \";\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.breadcrumb {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t}\r\n\t}\r\n}","\r\n//$mod-main-boxed-width: map-get($grid-breakpoints, xxl);\r\n\r\n@include media-breakpoint-up(xl) {\r\n\r\n\t.mod-main-boxed {\r\n\t\t.page-wrapper {\r\n\t\t\tmax-width: $mod-main-boxed-width;\r\n\t\t\tmargin: 0 auto;\t\t\r\n\t\t}\r\n\r\n\t\t&:not(.nav-function-top) {\r\n\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"DISABLED\";\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tfont-size: rem($fs-base - 3);\r\n\t\t\t\t\twidth: 65px;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\theight: 22px;\r\n\t\t\t\t\tline-height: 20px;\r\n\t\t\t\t\tborder-radius: $border-radius-plus;\r\n\t\t\t\t\tright: 13px;\r\n\t\t\t\t\ttop: 26%;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t&.header-function-fixed {\r\n\t\t\t.page-wrapper {\r\n\t\t\t\t.page-header {\r\n\t\t\t\t\twidth: 100%; //IE bug.\r\n\t\t\t\t\tmax-width: $mod-main-boxed-width - 2px; //targets borders\r\n\t\t\t\t\tmargin: 0 auto !important;\r\n\t\t\t\t}\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.nav-function-top):not(.nav-function-fixed) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-sidebar {\r\n\t\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t\tbottom:0;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.nav-function-top):not(.nav-function-hidden):not(.nav-function-minify) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-header {\r\n\t\t\t\t\t\tpadding-left: $nav-width + $header-inner-padding-x; \r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(.nav-function-fixed) {\r\n\t\t\t\t\t.page-content {\r\n\t\t\t\t\t\tmargin-left: $nav-width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-minify:not(.nav-function-top):not(.nav-function-hidden) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-header {\r\n\t\t\t\t\t\tpadding-left:$nav-minify-width + $header-inner-padding-x;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t.page-content-wrapper {\r\n\t\t\t\t\t\tmargin-left: $nav-minify-width;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t&.nav-function-hidden {\r\n\r\n\t\t\t&:not(.nav-function-top) {\r\n\t\t\t\t.page-sidebar:after {\r\n\t\t\t\t\tposition:absolute;\r\n\t\t\t\t\tleft: $nav-width;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.nav-function-minify {\r\n\t\t\t\t.page-sidebar:after {\r\n\t\t\t\t\tposition:absolute;\r\n\t\t\t\t\tleft: $nav-minify-width;\r\n\t\t\t\t}\r\n\t\t\t}\t\t\t\r\n\r\n\t\t}\r\n\r\n\t\t/*\r\n\t\twhy did we add this again?\r\n\t\tthis was buggy when open modal with mod main boxed then click on logo for the dropdown, it won't close\r\n\t\t&.nav-function-fixed:not(.nav-function-top):not(.header-function-fixed) {\r\n\t\t\t.page-sidebar {\r\n\t\t\t\ttransform: translateX(0) !important;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t}\r\n\r\n\t\t\t.page-wrapper {\r\n\t\t\t\ttransform: translateX(0) !important;\r\n\t\t\t}\r\n\r\n\t\t}*/\r\n\r\n\t\t&.nav-function-fixed {\r\n\t\t\t&:not(.nav-function-top) {\r\n\t\t\t\t.page-wrapper {\r\n\t\t\t\t\t.page-sidebar {\r\n\t\t\t\t\t\tposition:absolute;\r\n\r\n\t\t\t\t\t\t.page-logo {\r\n\t\t\t\t\t\t\tposition:fixed;\r\n\t\t\t\t\t\t\ttop:0;\r\n\t\t\t\t\t\t\tz-index: $cloud;\r\n\t\t\t\t\t\t\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.primary-nav {\r\n\t\t\t\t\t\t\tmargin-top: $header-height;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.nav-function-hidden {\r\n\r\n\t\t\t\t\t.page-logo {\r\n\t\t\t\t\t\tposition: absolute !important;\r\n\t\t\t\t\t\ttransition: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-wrapper{\r\n\t\t\tborder-left:1px solid rgba($black, .15);\r\n\t\t\tborder-right:1px solid rgba($black, .15);\r\n\t\t\tbox-shadow: 5px 0 20px 0px rgba(0, 0, 0, 0.1), -5px 0 20px 0px rgba(0, 0, 0, 0.1);\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed):not(.nav-function-top):not(.modal-open):not(.panel-fullscreen) {\r\n\t\t\t.page-wrapper{\r\n\t\t\t\ttransform: translateX(0) !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\r\n\t\t> li {\r\n\r\n\t\t\ta {\r\n\t\t\t\t> .dl-ref:first-child {\r\n\t\t\t\t\tmargin-left:0 !important;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\tleft: $nav-padding-x + 0.5625rem;\r\n\t\t\t\t\ttop: 44px;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\twidth: 0.4rem;\r\n\t\t\t\t\t\t\theight: 0.4rem;\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\r\n\t\t\t\t\t\t\tleft: $nav-padding-x + 0.4rem;\r\n\t\t\t\t\t\t\ttop: unquote(\"calc(50% - 0.3rem)\");\r\n\t\t\t\t\t\t\tborder: 1px solid #333;\r\n\t\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\t\tz-index: 1;\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:hover:after {\r\n\t\t\t\t\t\t\tborder-color: transparent;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t&:after{\r\n\t\t\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tli {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\ti {\r\n\t\t\t\t\t\t\tmargin-left: 0 !important;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n}","html:not(.root-text-sm):not(.root-text-lg):not(.root-text-xl) [data-class=\"root-text\"] {\r\n\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\t\r\n}\r\n\r\n.root-text-sm {\r\n\tfont-size: 15px;\r\n\r\n\t[data-class=\"root-text-sm\"] {\r\n\t\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;\r\n\t}\r\n}\r\n\r\n.root-text-lg {\r\n\tfont-size: 17px;\r\n\r\n\t[data-class=\"root-text-lg\"] {\r\n\t\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;\r\n\t}\r\n}\r\n\r\n.root-text-xl {\r\n\tfont-size: 18px;\r\n\r\n\t[data-class=\"root-text-xl\"] {\r\n\t\tbox-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;\r\n\t}\r\n}\r\n\r\n.mod-bigger-font {\r\n\tfont-size: 18px;\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","/* Custom Webkit Scrollbar */\r\n/* http://css-tricks.com/custom-scrollbars-in-webkit/ */\r\n\r\n$trackPieceColor: #efefef;\r\n$handleBar: $fusion-100;\r\n$handleBarHover: darken($handleBar, 10%);\r\n$modalScrollSize: 8px;\r\n\r\nbody:not(.mobile-detected),\r\nbody:not(.mobile-detected).modal-open .modal {\r\n &::-webkit-scrollbar {\r\n height: $modalScrollSize;\r\n width: $modalScrollSize;\r\n }\r\n\r\n &::-webkit-scrollbar:hover{\r\n \tbackground-color:rgba(0,0,0,.01)\r\n }\r\n\r\n &::-webkit-scrollbar-track-piece {\r\n background-color: $trackPieceColor;\r\n }\r\n\r\n &::-webkit-scrollbar-track-piece:hover {\r\n background-color: darken($trackPieceColor, 12%);\r\n }\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: $handleBar;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb:vertical:hover {\r\n background-color: $handleBarHover;\r\n }\r\n}\r\n\r\n/* \r\n * Left Panel custom scroll \r\n */\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-track-piece {\r\n background-color: $trackPieceColor;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar {\r\n height: $modalScrollSize/2;\r\n width: $modalScrollSize/2;\r\n}\r\n\r\n.page-sidebar .primary-nav:hover::-webkit-scrollbar-corner {\r\n width: 40px;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-track-piece {\r\n\tbackground-color: $trackPieceColor;\r\n}\r\n\r\n.page-sidebar .primary-nav::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n}",":-webkit-full-screen {\r\n \t[data-action=\"app-fullscreen\"] {\r\n\t\tcolor: $disabled;\r\n\t} \r\n}\r\n\r\n:-moz-full-screen {\r\n \t[data-action=\"app-fullscreen\"] {\r\n\t\tcolor: $disabled;\r\n\t} \r\n}","@media print {\r\n @page {\r\n size: $print-page-size $print-page-type;\r\n margin: $print-page-margin;\r\n\t\tpadding: 0;\r\n\t\tborder: none;\r\n\t\tborder-collapse: collapse;\r\n }\r\n\r\n *:not(.keep-print-font) {\r\n \tcolor:#333 !important;\r\n \tbackground: transparent !important;\r\n \tfont-family: Arial, Helvetica, sans-serif !important;\r\n \tletter-spacing: normal !important;\r\n \tfont-size: 10pt !important;\r\n \tline-height: 1.7 !important;\r\n \ttext-transform: none !important;\r\n \ttransition: none !important;\r\n }\r\n\r\n table { font-size: 80%; }\r\n\r\n .card,\r\n .card-body,\r\n .container {\r\n \tdisplay: inline;\r\n \tpadding: 0;\r\n \tmargin: 0;\r\n \tborder: 0;\r\n }\r\n\r\n\r\n\ta:link { \r\n\t\tfont-weight: bold; \r\n\t\ttext-decoration: underline; \r\n\t\tcolor: #06c;\r\n\t}\r\n\r\n\t.subheader-title {\r\n\t\tfont-size: 14pt !important;\r\n\r\n\t\tsmall {\r\n\t\t\tfont-size: 12pt !important;\r\n\t\t}\r\n\t}\r\n\r\n\th1, h2, h3, h4, h5, h6 {\r\n\t\tfont-weight: bold !important;\r\n\t}\r\n\r\n\t.page-sidebar,\r\n\t.btn,\r\n\t.page-header,\r\n\t.page-footer {\r\n\t\tdisplay: none !important;\r\n\t}\r\n\r\n\t.page-wrapper,\r\n\t.page-content,\r\n\t.container.card {\r\n\t \tpadding: 0;\r\n\t \tdisplay: block;\r\n\t \tmargin:0;\r\n\t \tborder:0 !important;\r\n\t \twidth:auto;\r\n\t \tfloat: none;\r\n\t}\r\n\t.panel-header > * {\r\n\t\tfont-weight: bold !important;\r\n\t}\r\n\t.card.panel {\r\n\t\tborder-color: #333 !important;\r\n\t}\r\n\r\n\t.clearfix:after {\r\n\t content: '';\r\n\t clear: both;\r\n\t display: table;\r\n\t}\r\n}"]}
\ No newline at end of file
diff --git a/public/assets/css/datagrid/datatables/datatables.bundle.css b/public/assets/css/datagrid/datatables/datatables.bundle.css
new file mode 100644
index 0000000..a6be404
--- /dev/null
+++ b/public/assets/css/datagrid/datatables/datatables.bundle.css
@@ -0,0 +1,1410 @@
+table.dataTable {
+ clear: both;
+ margin-top: 6px !important;
+ margin-bottom: 6px !important;
+ max-width: none !important;
+ border-collapse: separate !important;
+ border-spacing: 0; }
+
+table.dataTable td,
+table.dataTable th {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; }
+
+table.dataTable td.dataTables_empty,
+table.dataTable th.dataTables_empty {
+ text-align: center; }
+
+table.dataTable.nowrap th,
+table.dataTable.nowrap td {
+ white-space: nowrap; }
+
+div.dataTables_wrapper div.dataTables_length label {
+ font-weight: normal;
+ text-align: left;
+ white-space: nowrap; }
+
+div.dataTables_wrapper div.dataTables_length select {
+ width: auto;
+ display: inline-block; }
+
+div.dataTables_wrapper div.dataTables_filter {
+ text-align: right; }
+
+div.dataTables_wrapper div.dataTables_filter label {
+ font-weight: normal;
+ white-space: nowrap;
+ text-align: left; }
+
+div.dataTables_wrapper div.dataTables_filter input {
+ margin-left: 0.5em;
+ display: inline-block;
+ width: auto; }
+
+div.dataTables_wrapper div.dataTables_info {
+ padding-top: 0.85em;
+ white-space: nowrap; }
+
+div.dataTables_wrapper div.dataTables_paginate {
+ margin: 0;
+ white-space: nowrap;
+ text-align: right; }
+
+div.dataTables_wrapper div.dataTables_paginate ul.pagination {
+ margin: 2px 0;
+ white-space: nowrap;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+
+div.dataTables_wrapper div.dataTables_processing {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 200px;
+ margin-left: -100px;
+ margin-top: -26px;
+ text-align: center;
+ padding: 1em 0; }
+
+table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
+table.dataTable thead > tr > td.sorting_asc,
+table.dataTable thead > tr > td.sorting_desc,
+table.dataTable thead > tr > td.sorting {
+ padding-right: 30px; }
+
+table.dataTable thead > tr > th:active,
+table.dataTable thead > tr > td:active {
+ outline: none; }
+
+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;
+ position: relative; }
+
+table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:after {
+ position: absolute;
+ bottom: 0.9em;
+ display: block;
+ opacity: 0.3; }
+
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:before {
+ right: 1em;
+ content: "\2191"; }
+
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+ right: 0.5em;
+ content: "\2193"; }
+
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:after {
+ opacity: 1; }
+
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:after {
+ opacity: 0; }
+
+div.dataTables_scrollHead table.dataTable {
+ margin-bottom: 0 !important; }
+
+div.dataTables_scrollBody table {
+ border-top: none;
+ margin-top: 0 !important;
+ margin-bottom: 0 !important; }
+
+div.dataTables_scrollBody table thead .sorting:before,
+div.dataTables_scrollBody table thead .sorting_asc:before,
+div.dataTables_scrollBody table thead .sorting_desc:before,
+div.dataTables_scrollBody table thead .sorting:after,
+div.dataTables_scrollBody table thead .sorting_asc:after,
+div.dataTables_scrollBody table thead .sorting_desc:after {
+ display: none; }
+
+div.dataTables_scrollBody table tbody tr:first-child th,
+div.dataTables_scrollBody table tbody tr:first-child td {
+ border-top: none; }
+
+div.dataTables_scrollFoot > .dataTables_scrollFootInner {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; }
+
+div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
+ margin-top: 0 !important;
+ border-top: none; }
+
+@media screen and (max-width: 767px) {
+ div.dataTables_wrapper div.dataTables_length,
+ div.dataTables_wrapper div.dataTables_filter,
+ div.dataTables_wrapper div.dataTables_info,
+ div.dataTables_wrapper div.dataTables_paginate {
+ text-align: center; } }
+
+table.dataTable.table-sm > thead > tr > th {
+ padding-right: 20px; }
+
+table.dataTable.table-sm .sorting:before,
+table.dataTable.table-sm .sorting_asc:before,
+table.dataTable.table-sm .sorting_desc:before {
+ top: 5px;
+ right: 0.85em; }
+
+table.dataTable.table-sm .sorting:after,
+table.dataTable.table-sm .sorting_asc:after,
+table.dataTable.table-sm .sorting_desc:after {
+ top: 5px; }
+
+table.table-bordered.dataTable th,
+table.table-bordered.dataTable td {
+ border-left-width: 0; }
+
+table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
+table.table-bordered.dataTable td:last-child,
+table.table-bordered.dataTable td:last-child {
+ border-right-width: 0; }
+
+table.table-bordered.dataTable tbody th,
+table.table-bordered.dataTable tbody td {
+ border-bottom-width: 0; }
+
+div.dataTables_scrollHead table.table-bordered {
+ border-bottom-width: 0; }
+
+div.table-responsive > div.dataTables_wrapper > div.row {
+ margin: 0; }
+
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
+ padding-left: 0; }
+
+div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
+ padding-right: 0; }
+
+div.dt-autofill-handle {
+ position: absolute;
+ height: 8px;
+ width: 8px;
+ z-index: 102;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ background: #0275d8;
+ cursor: pointer; }
+
+div.dtk-focus-alt div.dt-autofill-handle {
+ background: #ff8b33; }
+
+div.dt-autofill-select {
+ position: absolute;
+ z-index: 1001;
+ background-color: #0275d8;
+ background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); }
+
+div.dt-autofill-select.top, div.dt-autofill-select.bottom {
+ height: 3px;
+ margin-top: -1px; }
+
+div.dt-autofill-select.left, div.dt-autofill-select.right {
+ width: 3px;
+ margin-left: -1px; }
+
+div.dt-autofill-list {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 500px;
+ margin-left: -250px;
+ background-color: white;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 0 5px #555;
+ box-shadow: 0 0 5px #555;
+ border: 2px solid #444;
+ z-index: 11;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 1.5em 2em; }
+
+div.dt-autofill-list ul {
+ display: table;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ width: 100%; }
+
+div.dt-autofill-list ul li {
+ display: table-row; }
+
+div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
+ border-bottom: none; }
+
+div.dt-autofill-list ul li:hover {
+ background-color: #f6f6f6; }
+
+div.dt-autofill-list div.dt-autofill-question {
+ display: table-cell;
+ padding: 0.5em 0;
+ border-bottom: 1px solid #ccc; }
+
+div.dt-autofill-list div.dt-autofill-question input[type=number] {
+ padding: 6px;
+ width: 30px;
+ margin: -2px 0; }
+
+div.dt-autofill-list div.dt-autofill-button {
+ display: table-cell;
+ padding: 0.5em 0;
+ border-bottom: 1px solid #ccc; }
+
+div.dt-autofill-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.7);
+ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
+ z-index: 10; }
+
+div.dt-autofill-list div.dt-autofill-question input[type=number] {
+ padding: 6px;
+ width: 60px;
+ margin: -2px 0; }
+
+@keyframes dtb-spinner {
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@-webkit-keyframes dtb-spinner {
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+div.dt-button-info {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 400px;
+ margin-top: -100px;
+ margin-left: -200px;
+ background-color: white;
+ border: 2px solid #111;
+ -webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
+ box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
+ border-radius: 3px;
+ text-align: center;
+ z-index: 21; }
+
+div.dt-button-info h2 {
+ padding: 0.5em;
+ margin: 0;
+ font-weight: normal;
+ border-bottom: 1px solid #ddd;
+ background-color: #f3f3f3; }
+
+div.dt-button-info > div {
+ padding: 1em; }
+
+div.dt-button-collection-title {
+ text-align: center;
+ padding: 0.3em 0 0.5em;
+ font-size: 0.9em; }
+
+div.dt-button-collection-title:empty {
+ display: none; }
+
+div.dt-button-collection.dropdown-menu {
+ display: block;
+ z-index: 2002;
+ -webkit-column-gap: 8px;
+ -moz-column-gap: 8px;
+ -ms-column-gap: 8px;
+ -o-column-gap: 8px;
+ column-gap: 8px; }
+
+div.dt-button-collection.dropdown-menu.fixed {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-left: -75px;
+ border-radius: 0; }
+
+div.dt-button-collection.dropdown-menu.fixed.two-column {
+ margin-left: -150px; }
+
+div.dt-button-collection.dropdown-menu.fixed.three-column {
+ margin-left: -225px; }
+
+div.dt-button-collection.dropdown-menu.fixed.four-column {
+ margin-left: -300px; }
+
+div.dt-button-collection.dropdown-menu > * {
+ -webkit-column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ break-inside: avoid; }
+
+div.dt-button-collection.dropdown-menu.two-column {
+ width: 300px;
+ padding-bottom: 1px;
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ -ms-column-count: 2;
+ -o-column-count: 2;
+ column-count: 2; }
+
+div.dt-button-collection.dropdown-menu.three-column {
+ width: 450px;
+ padding-bottom: 1px;
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ -ms-column-count: 3;
+ -o-column-count: 3;
+ column-count: 3; }
+
+div.dt-button-collection.dropdown-menu.four-column {
+ width: 600px;
+ padding-bottom: 1px;
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ -ms-column-count: 4;
+ -o-column-count: 4;
+ column-count: 4; }
+
+div.dt-button-collection.dropdown-menu .dt-button {
+ border-radius: 0; }
+
+div.dt-button-collection {
+ -webkit-column-gap: 8px;
+ -moz-column-gap: 8px;
+ -ms-column-gap: 8px;
+ -o-column-gap: 8px;
+ column-gap: 8px; }
+
+div.dt-button-collection.fixed {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ margin-left: -75px;
+ border-radius: 0; }
+
+div.dt-button-collection.fixed.two-column {
+ margin-left: -150px; }
+
+div.dt-button-collection.fixed.three-column {
+ margin-left: -225px; }
+
+div.dt-button-collection.fixed.four-column {
+ margin-left: -300px; }
+
+div.dt-button-collection > * {
+ -webkit-column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ break-inside: avoid; }
+
+div.dt-button-collection.two-column {
+ width: 300px;
+ padding-bottom: 1px;
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ -ms-column-count: 2;
+ -o-column-count: 2;
+ column-count: 2; }
+
+div.dt-button-collection.three-column {
+ width: 450px;
+ padding-bottom: 1px;
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ -ms-column-count: 3;
+ -o-column-count: 3;
+ column-count: 3; }
+
+div.dt-button-collection.four-column {
+ width: 600px;
+ padding-bottom: 1px;
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ -ms-column-count: 4;
+ -o-column-count: 4;
+ column-count: 4; }
+
+div.dt-button-collection .dt-button {
+ border-radius: 0; }
+
+div.dt-button-collection.fixed {
+ max-width: none; }
+
+div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
+ display: none; }
+
+div.dt-button-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 999; }
+
+@media screen and (max-width: 767px) {
+ div.dt-buttons {
+ float: none;
+ width: 100%;
+ text-align: center;
+ margin-bottom: 0.5em; }
+ div.dt-buttons a.btn {
+ float: none; } }
+
+div.dt-buttons button.btn.processing,
+div.dt-buttons div.btn.processing,
+div.dt-buttons a.btn.processing {
+ color: rgba(0, 0, 0, 0.2); }
+
+div.dt-buttons button.btn.processing:after,
+div.dt-buttons div.btn.processing:after,
+div.dt-buttons a.btn.processing:after {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 16px;
+ height: 16px;
+ margin: -8px 0 0 -8px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: block;
+ content: ' ';
+ border: 2px solid #282828;
+ border-radius: 50%;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ animation: dtb-spinner 1500ms infinite linear;
+ -o-animation: dtb-spinner 1500ms infinite linear;
+ -ms-animation: dtb-spinner 1500ms infinite linear;
+ -webkit-animation: dtb-spinner 1500ms infinite linear;
+ -moz-animation: dtb-spinner 1500ms infinite linear; }
+
+table.DTCR_clonedTable.dataTable {
+ position: absolute !important;
+ background-color: rgba(255, 255, 255, 0.7);
+ z-index: 202; }
+
+div.DTCR_pointer {
+ width: 1px;
+ background-color: #0275d8;
+ z-index: 201; }
+
+table.DTFC_Cloned tr {
+ background-color: white;
+ margin-bottom: 0; }
+
+div.DTFC_LeftHeadWrapper table,
+div.DTFC_RightHeadWrapper table {
+ border-bottom: none !important;
+ margin-bottom: 0 !important;
+ background-color: white; }
+
+div.DTFC_LeftBodyWrapper table,
+div.DTFC_RightBodyWrapper table {
+ border-top: none;
+ margin: 0 !important; }
+
+div.DTFC_LeftBodyWrapper table thead .sorting:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table thead .sorting:after,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table thead .sorting:after,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:after {
+ display: none; }
+
+div.DTFC_LeftBodyWrapper table tbody tr:first-child th,
+div.DTFC_LeftBodyWrapper table tbody tr:first-child td,
+div.DTFC_RightBodyWrapper table tbody tr:first-child th,
+div.DTFC_RightBodyWrapper table tbody tr:first-child td {
+ border-top: none; }
+
+div.DTFC_LeftFootWrapper table,
+div.DTFC_RightFootWrapper table {
+ border-top: none;
+ margin-top: 0 !important;
+ background-color: white; }
+
+div.DTFC_Blocker {
+ background-color: white; }
+
+table.dataTable.table-striped.DTFC_Cloned tbody {
+ background-color: white; }
+
+table.dataTable.fixedHeader-floating,
+table.dataTable.fixedHeader-locked {
+ background-color: white;
+ margin-top: 0 !important;
+ margin-bottom: 0 !important; }
+
+table.dataTable.fixedHeader-floating {
+ position: fixed !important; }
+
+table.dataTable.fixedHeader-locked {
+ position: absolute !important; }
+
+@media print {
+ table.fixedHeader-floating {
+ display: none; } }
+
+table.dataTable tbody th.focus,
+table.dataTable tbody td.focus {
+ -webkit-box-shadow: inset 0 0 1px 2px #0275d8;
+ box-shadow: inset 0 0 1px 2px #0275d8; }
+
+div.dtk-focus-alt table.dataTable tbody th.focus,
+div.dtk-focus-alt table.dataTable tbody td.focus {
+ -webkit-box-shadow: inset 0 0 1px 2px #ff8b33;
+ box-shadow: inset 0 0 1px 2px #ff8b33; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
+ cursor: default !important; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
+ display: none !important; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
+ position: relative;
+ padding-left: 30px;
+ cursor: pointer; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
+ top: 12px;
+ left: 4px;
+ height: 14px;
+ width: 14px;
+ display: block;
+ position: absolute;
+ color: white;
+ border: 2px solid white;
+ border-radius: 14px;
+ -webkit-box-shadow: 0 0 3px #444;
+ box-shadow: 0 0 3px #444;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ text-align: center;
+ text-indent: 0 !important;
+ font-family: 'Courier New', Courier, monospace;
+ line-height: 14px;
+ content: '+';
+ background-color: #0275d8; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
+ content: '-';
+ background-color: #d33333; }
+
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
+ padding-left: 27px; }
+
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
+table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
+ top: 5px;
+ left: 4px;
+ height: 14px;
+ width: 14px;
+ border-radius: 14px;
+ line-height: 14px;
+ text-indent: 3px; }
+
+table.dataTable.dtr-column > tbody > tr > td.control,
+table.dataTable.dtr-column > tbody > tr > th.control {
+ position: relative;
+ cursor: pointer; }
+
+table.dataTable.dtr-column > tbody > tr > td.control:before,
+table.dataTable.dtr-column > tbody > tr > th.control:before {
+ top: 50%;
+ left: 50%;
+ height: 16px;
+ width: 16px;
+ margin-top: -10px;
+ margin-left: -10px;
+ display: block;
+ position: absolute;
+ color: white;
+ border: 2px solid white;
+ border-radius: 14px;
+ -webkit-box-shadow: 0 0 3px #444;
+ box-shadow: 0 0 3px #444;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ text-align: center;
+ text-indent: 0 !important;
+ font-family: 'Courier New', Courier, monospace;
+ line-height: 14px;
+ content: '+';
+ background-color: #0275d8; }
+
+table.dataTable.dtr-column > tbody > tr.parent td.control:before,
+table.dataTable.dtr-column > tbody > tr.parent th.control:before {
+ content: '-';
+ background-color: #d33333; }
+
+table.dataTable > tbody > tr.child {
+ padding: 0.5em 1em; }
+
+table.dataTable > tbody > tr.child:hover {
+ background: transparent !important; }
+
+table.dataTable > tbody > tr.child ul.dtr-details {
+ display: inline-block;
+ list-style-type: none;
+ margin: 0;
+ padding: 0; }
+
+table.dataTable > tbody > tr.child ul.dtr-details > li {
+ border-bottom: 1px solid #efefef;
+ padding: 0.5em 0; }
+
+table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
+ padding-top: 0; }
+
+table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
+ border-bottom: none; }
+
+table.dataTable > tbody > tr.child span.dtr-title {
+ display: inline-block;
+ min-width: 75px;
+ font-weight: bold; }
+
+div.dtr-modal {
+ position: fixed;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ z-index: 100;
+ padding: 10em 1em; }
+
+div.dtr-modal div.dtr-modal-display {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ width: 50%;
+ height: 50%;
+ overflow: auto;
+ margin: auto;
+ z-index: 102;
+ overflow: auto;
+ background-color: #f5f5f7;
+ border: 1px solid black;
+ border-radius: 0.5em;
+ -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
+ box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }
+
+div.dtr-modal div.dtr-modal-content {
+ position: relative;
+ padding: 1em; }
+
+div.dtr-modal div.dtr-modal-close {
+ position: absolute;
+ top: 6px;
+ right: 6px;
+ width: 22px;
+ height: 22px;
+ border: 1px solid #eaeaea;
+ background-color: #f9f9f9;
+ text-align: center;
+ border-radius: 3px;
+ cursor: pointer;
+ z-index: 12; }
+
+div.dtr-modal div.dtr-modal-close:hover {
+ background-color: #eaeaea; }
+
+div.dtr-modal div.dtr-modal-background {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 101;
+ background: rgba(0, 0, 0, 0.6); }
+
+@media screen and (max-width: 767px) {
+ div.dtr-modal div.dtr-modal-display {
+ width: 95%; } }
+
+div.dtr-bs-modal table.table tr:first-child td {
+ border-top: none; }
+
+table.dataTable tr.dtrg-group td {
+ background-color: #e0e0e0; }
+
+table.dataTable tr.dtrg-group.dtrg-level-0 td {
+ font-weight: bold; }
+
+table.dataTable tr.dtrg-group.dtrg-level-1 td,
+table.dataTable tr.dtrg-group.dtrg-level-2 td {
+ background-color: #f0f0f0;
+ padding-top: 0.25em;
+ padding-bottom: 0.25em;
+ padding-left: 2em;
+ font-size: 0.9em; }
+
+table.dataTable tr.dtrg-group.dtrg-level-2 td {
+ background-color: #f3f3f3; }
+
+table.dt-rowReorder-float {
+ position: absolute !important;
+ opacity: 0.8;
+ table-layout: fixed;
+ outline: 2px solid #0275d8;
+ outline-offset: -2px;
+ z-index: 2001; }
+
+tr.dt-rowReorder-moving {
+ outline: 2px solid #888888;
+ outline-offset: -2px; }
+
+body.dt-rowReorder-noOverflow {
+ overflow-x: hidden; }
+
+table.dataTable td.reorder {
+ text-align: center;
+ cursor: move; }
+
+div.dts {
+ display: block !important; }
+
+div.dts tbody th,
+div.dts tbody td {
+ white-space: nowrap; }
+
+div.dts div.dts_loading {
+ z-index: 1; }
+
+div.dts div.dts_label {
+ position: absolute;
+ right: 10px;
+ background: rgba(0, 0, 0, 0.8);
+ color: white;
+ -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
+ box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
+ text-align: right;
+ border-radius: 3px;
+ padding: 0.4em;
+ z-index: 2;
+ display: none; }
+
+div.dts div.dataTables_scrollBody {
+ background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px); }
+
+div.dts div.dataTables_scrollBody table {
+ z-index: 2; }
+
+div.dts div.dataTables_paginate,
+div.dts div.dataTables_length {
+ display: none; }
+
+div.DTS div.dataTables_scrollBody table {
+ background-color: white; }
+
+table.dataTable tbody > tr.selected,
+table.dataTable tbody > tr > .selected {
+ background-color: #0275d8; }
+
+table.dataTable.stripe tbody > tr.odd.selected,
+table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,
+table.dataTable.display tbody > tr.odd > .selected {
+ background-color: #0172d2; }
+
+table.dataTable.hover tbody > tr.selected:hover,
+table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
+table.dataTable.display tbody > tr > .selected:hover {
+ background-color: #0170d0; }
+
+table.dataTable.order-column tbody > tr.selected > .sorting_1,
+table.dataTable.order-column tbody > tr.selected > .sorting_2,
+table.dataTable.order-column tbody > tr.selected > .sorting_3,
+table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,
+table.dataTable.display tbody > tr.selected > .sorting_2,
+table.dataTable.display tbody > tr.selected > .sorting_3,
+table.dataTable.display tbody > tr > .selected {
+ background-color: #0172d3; }
+
+table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
+ background-color: #016ecc; }
+
+table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
+ background-color: #016fcd; }
+
+table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
+ background-color: #0170cf; }
+
+table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
+ background-color: #0172d3; }
+
+table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
+ background-color: #0173d5; }
+
+table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
+ background-color: #0174d7; }
+
+table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
+ background-color: #016ecc; }
+
+table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
+ background-color: #0172d3; }
+
+table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
+ background-color: #016bc6; }
+
+table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
+ background-color: #016cc7; }
+
+table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
+ background-color: #016dca; }
+
+table.dataTable.display tbody > tr:hover > .selected,
+table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,
+table.dataTable.order-column.hover tbody > tr > .selected:hover {
+ background-color: #016bc6; }
+
+table.dataTable tbody td.select-checkbox,
+table.dataTable tbody th.select-checkbox {
+ position: relative; }
+
+table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
+table.dataTable tbody th.select-checkbox:before,
+table.dataTable tbody th.select-checkbox:after {
+ display: block;
+ position: absolute;
+ top: 1.2em;
+ left: 50%;
+ width: 12px;
+ height: 12px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+table.dataTable tbody td.select-checkbox:before,
+table.dataTable tbody th.select-checkbox:before {
+ content: ' ';
+ margin-top: -6px;
+ margin-left: -6px;
+ border: 1px solid black;
+ border-radius: 3px; }
+
+table.dataTable tr.selected td.select-checkbox:after,
+table.dataTable tr.selected th.select-checkbox:after {
+ content: '\2714';
+ margin-top: -11px;
+ margin-left: -4px;
+ text-align: center;
+ text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; }
+
+div.dataTables_wrapper span.select-info,
+div.dataTables_wrapper span.select-item {
+ margin-left: 0.5em; }
+
+@media screen and (max-width: 640px) {
+ div.dataTables_wrapper span.select-info,
+ div.dataTables_wrapper span.select-item {
+ margin-left: 0;
+ display: block; } }
+
+table.dataTable tbody tr.selected,
+table.dataTable tbody th.selected,
+table.dataTable tbody td.selected {
+ color: white; }
+
+table.dataTable tbody tr.selected a,
+table.dataTable tbody th.selected a,
+table.dataTable tbody td.selected a {
+ color: #a2d4ed; }
+
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+table.dataTable > tbody > tr.child ul.dtr-details {
+ width: 100%; }
+
+.sorting_asc,
+.sorting_desc,
+.even .sorting_1 {
+ background-color: rgba(136, 106, 181, 0.03); }
+
+.odd .sorting_1 {
+ background-color: rgba(136, 106, 181, 0.04); }
+
+.table-dark .sorting_asc,
+.table-dark .sorting_desc,
+.table-dark .even .sorting_1 {
+ background-color: rgba(255, 194, 65, 0.15); }
+
+.table-dark .odd .sorting_1 {
+ background-color: rgba(255, 194, 65, 0.15); }
+
+/* some idiot put "important" rule on the main css file now I have to put important here to override it... eghhh */
+/* I had to set it to 0 because auto fill cannot "compute" for the margin ... nice job Allan >.> */
+table.dataTable {
+ margin-top: 0 !important;
+ margin-bottom: 1rem !important; }
+
+table.dataTable.dtr-column > tbody > tr > td.control,
+table.dataTable.dtr-column > tbody > tr > th.control {
+ padding-left: 30px; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before,
+table.dataTable.dtr-column > tbody > tr > td.control:before,
+table.dataTable.dtr-column > tbody > tr > th.control:before {
+ top: 0;
+ bottom: 0;
+ left: 0;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 100%;
+ width: 1rem;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ border-radius: 0;
+ border: 0;
+ margin: 0;
+ background-color: #886ab5; }
+
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
+table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,
+table.dataTable.dtr-column > tbody > tr.parent td.control:before,
+table.dataTable.dtr-column > tbody > tr.parent th.control:before {
+ background-color: #1dc9b7; }
+
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:before {
+ right: 1rem !important;
+ content: "\f175";
+ font-size: 14px;
+ font-family: 'Font Awesome 5 Pro'; }
+
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:after {
+ right: 0.5rem !important;
+ content: "\f176";
+ font-size: 14px;
+ font-family: 'Font Awesome 5 Pro'; }
+
+.dataTables_empty {
+ color: #fd3995;
+ font-size: 2rem;
+ padding-top: 2.5rem !important;
+ padding-bottom: 2.5rem !important; }
+
+.dataTables_wrapper .dataTables_filter label {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex; }
+
+.dataTables_wrapper tr.child td.child {
+ padding: 0; }
+ .dataTables_wrapper tr.child td.child .dtr-details {
+ padding: 1rem 1rem 1.5rem 1.95rem;
+ position: relative; }
+ .dataTables_wrapper tr.child td.child .dtr-details:before {
+ content: "\f149";
+ font-family: 'Font Awesome 5 Pro';
+ color: #21dfcb;
+ width: 20px;
+ height: 30px;
+ position: absolute;
+ top: -15px;
+ right: 0px;
+ font-size: 1.2rem; }
+ .dataTables_wrapper tr.child td.child .dtr-details:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 1rem;
+ background: #4de5d5; }
+
+@media screen and (max-width: 767px) {
+ div.dataTables_wrapper div.dataTables_length,
+ div.dataTables_wrapper div.dataTables_filter,
+ div.dataTables_wrapper div.dataTables_info,
+ div.dataTables_wrapper div.dataTables_paginate {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; } }
+
+.paginate_button.page-item.disabled .page-link {
+ background: transparent; }
+
+.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 1.85rem;
+ min-width: 1.85rem;
+ padding: 0.5rem;
+ font-size: 0.825rem;
+ line-height: 0.825rem; }
+
+div.dataTables_wrapper div.dataTables_filter {
+ text-align: inherit; }
+
+/* AutoFill */
+div.dt-autofill-list {
+ border-width: 0px;
+ padding: 1rem 0;
+ -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); }
+ div.dt-autofill-list div.dt-autofill-question,
+ div.dt-autofill-list div.dt-autofill-button {
+ border-width: 0px; }
+ div.dt-autofill-list .dt-autofill-button {
+ text-align: right !important; }
+
+div.dt-autofill-background {
+ opacity: 0.2;
+ background-color: #000; }
+
+.dt-autofill-question {
+ padding-left: 2rem !important; }
+
+.dt-autofill-button {
+ padding-right: 2rem !important; }
+
+div.dt-autofill-handle {
+ background: #886ab5;
+ height: 0.875rem;
+ width: 0.875rem; }
+
+div.dt-autofill-select {
+ background-color: #886ab5; }
+
+/* FixedColumns */
+.DTFC_LeftHeadWrapper:before,
+.DTFC_LeftBodyWrapper:before,
+.DTFC_LeftFootWrapper:before {
+ content: "";
+ position: absolute;
+ right: 0px;
+ top: 1px;
+ bottom: 0px;
+ width: 1px;
+ background: #fd3995;
+ z-index: 1;
+ -webkit-box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4);
+ box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4); }
+
+.DTFC_LeftHeadWrapper table.table-bordered,
+.DTFC_LeftBodyWrapper table.table-bordered,
+.DTFC_LeftFootWrapper table.table-bordered {
+ border-right-width: 0; }
+
+/* KeyTable */
+table.dataTable tbody th.focus,
+table.dataTable tbody td.focus {
+ -webkit-box-shadow: inset 0 0 0px 1px #886ab5;
+ box-shadow: inset 0 0 0px 1px #886ab5;
+ background: rgba(136, 106, 181, 0.1);
+ font-weight: 500; }
+
+/* RowGroup */
+table.dataTable tr.dtrg-group td {
+ background: transparent;
+ font-size: 1rem;
+ font-weight: 400;
+ padding-top: 1.25rem; }
+
+table.dataTable.table-sm tr.dtrg-group td {
+ padding-top: 1rem; }
+
+table.dataTable:not(.table-dark) tr.dtrg-group td {
+ background: #fff; }
+
+/* FixedHeader */
+table.dataTable.fixedHeader-floating {
+ opacity: 0.9; }
+
+/* RowReorder */
+table.dataTable td.reorder {
+ text-align: inherit; }
+
+tr.dt-rowReorder-moving {
+ outline: 2px solid #1dc9b7;
+ outline-offset: -2px; }
+
+table.dt-rowReorder-float {
+ outline: 2px solid #886ab5;
+ outline-offset: -2px; }
+
+/* w-100 bug for some tables */
+.DTCR_clonedTable.w-100,
+.dt-rowReorder-float.w-100,
+.fixedHeader-floating.w-100 {
+ width: inherit !important; }
+
+/* fix z-index for processing message */
+.dataTables_processing {
+ z-index: 2; }
+
+/* Select */
+table.dataTable.table-bordered .selected td {
+ border-color: rgba(0, 0, 0, 0.1); }
+
+table.dataTable.table-bordered td.selected {
+ border-color: rgba(0, 0, 0, 0.1); }
+
+table.dataTable tbody > tr.selected,
+table.dataTable tbody > tr > .selected {
+ -webkit-box-shadow: inset 0 0 0px 1px #886ab5;
+ box-shadow: inset 0 0 0px 1px #886ab5;
+ background: rgba(136, 106, 181, 0.1);
+ font-weight: 500;
+ color: inherit; }
+
+/*# sourceMappingURL=datatables.bundle.css.map */
diff --git a/public/assets/css/datagrid/datatables/datatables.bundle.css.map b/public/assets/css/datagrid/datatables/datatables.bundle.css.map
new file mode 100644
index 0000000..ba8cf7d
--- /dev/null
+++ b/public/assets/css/datagrid/datatables/datatables.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["datatables.bundle.css","../../../scss/_modules/variables.scss"],"names":[],"mappings":"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","file":"datatables.bundle.css","sourcesContent":["table.dataTable {\n clear: both;\n margin-top: 6px !important;\n margin-bottom: 6px !important;\n max-width: none !important;\n border-collapse: separate !important;\n border-spacing: 0;\n}\ntable.dataTable td,\ntable.dataTable th {\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n}\ntable.dataTable td.dataTables_empty,\ntable.dataTable th.dataTables_empty {\n text-align: center;\n}\ntable.dataTable.nowrap th,\ntable.dataTable.nowrap td {\n white-space: nowrap;\n}\n\ndiv.dataTables_wrapper div.dataTables_length label {\n font-weight: normal;\n text-align: left;\n white-space: nowrap;\n}\ndiv.dataTables_wrapper div.dataTables_length select {\n width: auto;\n display: inline-block;\n}\ndiv.dataTables_wrapper div.dataTables_filter {\n text-align: right;\n}\ndiv.dataTables_wrapper div.dataTables_filter label {\n font-weight: normal;\n white-space: nowrap;\n text-align: left;\n}\ndiv.dataTables_wrapper div.dataTables_filter input {\n margin-left: 0.5em;\n display: inline-block;\n width: auto;\n}\ndiv.dataTables_wrapper div.dataTables_info {\n padding-top: 0.85em;\n white-space: nowrap;\n}\ndiv.dataTables_wrapper div.dataTables_paginate {\n margin: 0;\n white-space: nowrap;\n text-align: right;\n}\ndiv.dataTables_wrapper div.dataTables_paginate ul.pagination {\n margin: 2px 0;\n white-space: nowrap;\n justify-content: flex-end;\n}\ndiv.dataTables_wrapper div.dataTables_processing {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 200px;\n margin-left: -100px;\n margin-top: -26px;\n text-align: center;\n padding: 1em 0;\n}\n\ntable.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,\ntable.dataTable thead > tr > td.sorting_asc,\ntable.dataTable thead > tr > td.sorting_desc,\ntable.dataTable thead > tr > td.sorting {\n padding-right: 30px;\n}\ntable.dataTable thead > tr > th:active,\ntable.dataTable thead > tr > td:active {\n outline: none;\n}\ntable.dataTable thead .sorting,\ntable.dataTable thead .sorting_asc,\ntable.dataTable thead .sorting_desc,\ntable.dataTable thead .sorting_asc_disabled,\ntable.dataTable thead .sorting_desc_disabled {\n cursor: pointer;\n position: relative;\n}\ntable.dataTable thead .sorting:before, table.dataTable thead .sorting:after,\ntable.dataTable thead .sorting_asc:before,\ntable.dataTable thead .sorting_asc:after,\ntable.dataTable thead .sorting_desc:before,\ntable.dataTable thead .sorting_desc:after,\ntable.dataTable thead .sorting_asc_disabled:before,\ntable.dataTable thead .sorting_asc_disabled:after,\ntable.dataTable thead .sorting_desc_disabled:before,\ntable.dataTable thead .sorting_desc_disabled:after {\n position: absolute;\n bottom: 0.9em;\n display: block;\n opacity: 0.3;\n}\ntable.dataTable thead .sorting:before,\ntable.dataTable thead .sorting_asc:before,\ntable.dataTable thead .sorting_desc:before,\ntable.dataTable thead .sorting_asc_disabled:before,\ntable.dataTable thead .sorting_desc_disabled:before {\n right: 1em;\n content: \"\\2191\";\n}\ntable.dataTable thead .sorting:after,\ntable.dataTable thead .sorting_asc:after,\ntable.dataTable thead .sorting_desc:after,\ntable.dataTable thead .sorting_asc_disabled:after,\ntable.dataTable thead .sorting_desc_disabled:after {\n right: 0.5em;\n content: \"\\2193\";\n}\ntable.dataTable thead .sorting_asc:before,\ntable.dataTable thead .sorting_desc:after {\n opacity: 1;\n}\ntable.dataTable thead .sorting_asc_disabled:before,\ntable.dataTable thead .sorting_desc_disabled:after {\n opacity: 0;\n}\n\ndiv.dataTables_scrollHead table.dataTable {\n margin-bottom: 0 !important;\n}\n\ndiv.dataTables_scrollBody table {\n border-top: none;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\ndiv.dataTables_scrollBody table thead .sorting:before,\ndiv.dataTables_scrollBody table thead .sorting_asc:before,\ndiv.dataTables_scrollBody table thead .sorting_desc:before,\ndiv.dataTables_scrollBody table thead .sorting:after,\ndiv.dataTables_scrollBody table thead .sorting_asc:after,\ndiv.dataTables_scrollBody table thead .sorting_desc:after {\n display: none;\n}\ndiv.dataTables_scrollBody table tbody tr:first-child th,\ndiv.dataTables_scrollBody table tbody tr:first-child td {\n border-top: none;\n}\n\ndiv.dataTables_scrollFoot > .dataTables_scrollFootInner {\n box-sizing: content-box;\n}\ndiv.dataTables_scrollFoot > .dataTables_scrollFootInner > table {\n margin-top: 0 !important;\n border-top: none;\n}\n\n@media screen and (max-width: 767px) {\n div.dataTables_wrapper div.dataTables_length,\n div.dataTables_wrapper div.dataTables_filter,\n div.dataTables_wrapper div.dataTables_info,\n div.dataTables_wrapper div.dataTables_paginate {\n text-align: center;\n }\n}\ntable.dataTable.table-sm > thead > tr > th {\n padding-right: 20px;\n}\ntable.dataTable.table-sm .sorting:before,\ntable.dataTable.table-sm .sorting_asc:before,\ntable.dataTable.table-sm .sorting_desc:before {\n top: 5px;\n right: 0.85em;\n}\ntable.dataTable.table-sm .sorting:after,\ntable.dataTable.table-sm .sorting_asc:after,\ntable.dataTable.table-sm .sorting_desc:after {\n top: 5px;\n}\n\ntable.table-bordered.dataTable th,\ntable.table-bordered.dataTable td {\n border-left-width: 0;\n}\ntable.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,\ntable.table-bordered.dataTable td:last-child,\ntable.table-bordered.dataTable td:last-child {\n border-right-width: 0;\n}\ntable.table-bordered.dataTable tbody th,\ntable.table-bordered.dataTable tbody td {\n border-bottom-width: 0;\n}\n\ndiv.dataTables_scrollHead table.table-bordered {\n border-bottom-width: 0;\n}\n\ndiv.table-responsive > div.dataTables_wrapper > div.row {\n margin: 0;\n}\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\n padding-left: 0;\n}\ndiv.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\n padding-right: 0;\n}\n\ndiv.dt-autofill-handle {\n position: absolute;\n height: 8px;\n width: 8px;\n z-index: 102;\n box-sizing: border-box;\n background: #0275d8;\n cursor: pointer;\n}\n\ndiv.dtk-focus-alt div.dt-autofill-handle {\n background: #ff8b33;\n}\n\ndiv.dt-autofill-select {\n position: absolute;\n z-index: 1001;\n background-color: #0275d8;\n background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);\n}\ndiv.dt-autofill-select.top, div.dt-autofill-select.bottom {\n height: 3px;\n margin-top: -1px;\n}\ndiv.dt-autofill-select.left, div.dt-autofill-select.right {\n width: 3px;\n margin-left: -1px;\n}\n\ndiv.dt-autofill-list {\n position: fixed;\n top: 50%;\n left: 50%;\n width: 500px;\n margin-left: -250px;\n background-color: white;\n border-radius: 6px;\n box-shadow: 0 0 5px #555;\n border: 2px solid #444;\n z-index: 11;\n box-sizing: border-box;\n padding: 1.5em 2em;\n}\ndiv.dt-autofill-list ul {\n display: table;\n margin: 0;\n padding: 0;\n list-style: none;\n width: 100%;\n}\ndiv.dt-autofill-list ul li {\n display: table-row;\n}\ndiv.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {\n border-bottom: none;\n}\ndiv.dt-autofill-list ul li:hover {\n background-color: #f6f6f6;\n}\ndiv.dt-autofill-list div.dt-autofill-question {\n display: table-cell;\n padding: 0.5em 0;\n border-bottom: 1px solid #ccc;\n}\ndiv.dt-autofill-list div.dt-autofill-question input[type=number] {\n padding: 6px;\n width: 30px;\n margin: -2px 0;\n}\ndiv.dt-autofill-list div.dt-autofill-button {\n display: table-cell;\n padding: 0.5em 0;\n border-bottom: 1px solid #ccc;\n}\n\ndiv.dt-autofill-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);\n z-index: 10;\n}\n\ndiv.dt-autofill-list div.dt-autofill-question input[type=number] {\n padding: 6px;\n width: 60px;\n margin: -2px 0;\n}\n\n@keyframes dtb-spinner {\n 100% {\n transform: rotate(360deg);\n }\n}\n@-o-keyframes dtb-spinner {\n 100% {\n -o-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-ms-keyframes dtb-spinner {\n 100% {\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes dtb-spinner {\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-moz-keyframes dtb-spinner {\n 100% {\n -moz-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\ndiv.dt-button-info {\n position: fixed;\n top: 50%;\n left: 50%;\n width: 400px;\n margin-top: -100px;\n margin-left: -200px;\n background-color: white;\n border: 2px solid #111;\n box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);\n border-radius: 3px;\n text-align: center;\n z-index: 21;\n}\ndiv.dt-button-info h2 {\n padding: 0.5em;\n margin: 0;\n font-weight: normal;\n border-bottom: 1px solid #ddd;\n background-color: #f3f3f3;\n}\ndiv.dt-button-info > div {\n padding: 1em;\n}\n\ndiv.dt-button-collection-title {\n text-align: center;\n padding: 0.3em 0 0.5em;\n font-size: 0.9em;\n}\n\ndiv.dt-button-collection-title:empty {\n display: none;\n}\n\ndiv.dt-button-collection.dropdown-menu {\n display: block;\n z-index: 2002;\n -webkit-column-gap: 8px;\n -moz-column-gap: 8px;\n -ms-column-gap: 8px;\n -o-column-gap: 8px;\n column-gap: 8px;\n}\ndiv.dt-button-collection.dropdown-menu.fixed {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-left: -75px;\n border-radius: 0;\n}\ndiv.dt-button-collection.dropdown-menu.fixed.two-column {\n margin-left: -150px;\n}\ndiv.dt-button-collection.dropdown-menu.fixed.three-column {\n margin-left: -225px;\n}\ndiv.dt-button-collection.dropdown-menu.fixed.four-column {\n margin-left: -300px;\n}\ndiv.dt-button-collection.dropdown-menu > * {\n -webkit-column-break-inside: avoid;\n break-inside: avoid;\n}\ndiv.dt-button-collection.dropdown-menu.two-column {\n width: 300px;\n padding-bottom: 1px;\n -webkit-column-count: 2;\n -moz-column-count: 2;\n -ms-column-count: 2;\n -o-column-count: 2;\n column-count: 2;\n}\ndiv.dt-button-collection.dropdown-menu.three-column {\n width: 450px;\n padding-bottom: 1px;\n -webkit-column-count: 3;\n -moz-column-count: 3;\n -ms-column-count: 3;\n -o-column-count: 3;\n column-count: 3;\n}\ndiv.dt-button-collection.dropdown-menu.four-column {\n width: 600px;\n padding-bottom: 1px;\n -webkit-column-count: 4;\n -moz-column-count: 4;\n -ms-column-count: 4;\n -o-column-count: 4;\n column-count: 4;\n}\ndiv.dt-button-collection.dropdown-menu .dt-button {\n border-radius: 0;\n}\n\ndiv.dt-button-collection {\n -webkit-column-gap: 8px;\n -moz-column-gap: 8px;\n -ms-column-gap: 8px;\n -o-column-gap: 8px;\n column-gap: 8px;\n}\ndiv.dt-button-collection.fixed {\n position: fixed;\n top: 50%;\n left: 50%;\n margin-left: -75px;\n border-radius: 0;\n}\ndiv.dt-button-collection.fixed.two-column {\n margin-left: -150px;\n}\ndiv.dt-button-collection.fixed.three-column {\n margin-left: -225px;\n}\ndiv.dt-button-collection.fixed.four-column {\n margin-left: -300px;\n}\ndiv.dt-button-collection > * {\n -webkit-column-break-inside: avoid;\n break-inside: avoid;\n}\ndiv.dt-button-collection.two-column {\n width: 300px;\n padding-bottom: 1px;\n -webkit-column-count: 2;\n -moz-column-count: 2;\n -ms-column-count: 2;\n -o-column-count: 2;\n column-count: 2;\n}\ndiv.dt-button-collection.three-column {\n width: 450px;\n padding-bottom: 1px;\n -webkit-column-count: 3;\n -moz-column-count: 3;\n -ms-column-count: 3;\n -o-column-count: 3;\n column-count: 3;\n}\ndiv.dt-button-collection.four-column {\n width: 600px;\n padding-bottom: 1px;\n -webkit-column-count: 4;\n -moz-column-count: 4;\n -ms-column-count: 4;\n -o-column-count: 4;\n column-count: 4;\n}\ndiv.dt-button-collection .dt-button {\n border-radius: 0;\n}\ndiv.dt-button-collection.fixed {\n max-width: none;\n}\ndiv.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {\n display: none;\n}\n\ndiv.dt-button-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 999;\n}\n\n@media screen and (max-width: 767px) {\n div.dt-buttons {\n float: none;\n width: 100%;\n text-align: center;\n margin-bottom: 0.5em;\n }\n div.dt-buttons a.btn {\n float: none;\n }\n}\ndiv.dt-buttons button.btn.processing,\ndiv.dt-buttons div.btn.processing,\ndiv.dt-buttons a.btn.processing {\n color: rgba(0, 0, 0, 0.2);\n}\ndiv.dt-buttons button.btn.processing:after,\ndiv.dt-buttons div.btn.processing:after,\ndiv.dt-buttons a.btn.processing:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 16px;\n height: 16px;\n margin: -8px 0 0 -8px;\n box-sizing: border-box;\n display: block;\n content: ' ';\n border: 2px solid #282828;\n border-radius: 50%;\n border-left-color: transparent;\n border-right-color: transparent;\n animation: dtb-spinner 1500ms infinite linear;\n -o-animation: dtb-spinner 1500ms infinite linear;\n -ms-animation: dtb-spinner 1500ms infinite linear;\n -webkit-animation: dtb-spinner 1500ms infinite linear;\n -moz-animation: dtb-spinner 1500ms infinite linear;\n}\n\ntable.DTCR_clonedTable.dataTable {\n position: absolute !important;\n background-color: rgba(255, 255, 255, 0.7);\n z-index: 202;\n}\n\ndiv.DTCR_pointer {\n width: 1px;\n background-color: #0275d8;\n z-index: 201;\n}\n\ntable.DTFC_Cloned tr {\n background-color: white;\n margin-bottom: 0;\n}\n\ndiv.DTFC_LeftHeadWrapper table,\ndiv.DTFC_RightHeadWrapper table {\n border-bottom: none !important;\n margin-bottom: 0 !important;\n background-color: white;\n}\n\ndiv.DTFC_LeftBodyWrapper table,\ndiv.DTFC_RightBodyWrapper table {\n border-top: none;\n margin: 0 !important;\n}\ndiv.DTFC_LeftBodyWrapper table thead .sorting:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_desc:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_LeftBodyWrapper table thead .sorting_desc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_desc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_asc:after,\ndiv.DTFC_RightBodyWrapper table thead .sorting_desc:after {\n display: none;\n}\ndiv.DTFC_LeftBodyWrapper table tbody tr:first-child th,\ndiv.DTFC_LeftBodyWrapper table tbody tr:first-child td,\ndiv.DTFC_RightBodyWrapper table tbody tr:first-child th,\ndiv.DTFC_RightBodyWrapper table tbody tr:first-child td {\n border-top: none;\n}\n\ndiv.DTFC_LeftFootWrapper table,\ndiv.DTFC_RightFootWrapper table {\n border-top: none;\n margin-top: 0 !important;\n background-color: white;\n}\n\ndiv.DTFC_Blocker {\n background-color: white;\n}\n\ntable.dataTable.table-striped.DTFC_Cloned tbody {\n background-color: white;\n}\n\ntable.dataTable.fixedHeader-floating,\ntable.dataTable.fixedHeader-locked {\n background-color: white;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\ntable.dataTable.fixedHeader-floating {\n position: fixed !important;\n}\n\ntable.dataTable.fixedHeader-locked {\n position: absolute !important;\n}\n\n@media print {\n table.fixedHeader-floating {\n display: none;\n }\n}\n\ntable.dataTable tbody th.focus,\ntable.dataTable tbody td.focus {\n box-shadow: inset 0 0 1px 2px #0275d8;\n}\n\ndiv.dtk-focus-alt table.dataTable tbody th.focus,\ndiv.dtk-focus-alt table.dataTable tbody td.focus {\n box-shadow: inset 0 0 1px 2px #ff8b33;\n}\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.child,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th.child,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {\n cursor: default !important;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {\n display: none !important;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th:first-child {\n position: relative;\n padding-left: 30px;\n cursor: pointer;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th:first-child:before {\n top: 12px;\n left: 4px;\n height: 14px;\n width: 14px;\n display: block;\n position: absolute;\n color: white;\n border: 2px solid white;\n border-radius: 14px;\n box-shadow: 0 0 3px #444;\n box-sizing: content-box;\n text-align: center;\n text-indent: 0 !important;\n font-family: 'Courier New', Courier, monospace;\n line-height: 14px;\n content: '+';\n background-color: #0275d8;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {\n content: '-';\n background-color: #d33333;\n}\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {\n padding-left: 27px;\n}\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {\n top: 5px;\n left: 4px;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n line-height: 14px;\n text-indent: 3px;\n}\ntable.dataTable.dtr-column > tbody > tr > td.control,\ntable.dataTable.dtr-column > tbody > tr > th.control {\n position: relative;\n cursor: pointer;\n}\ntable.dataTable.dtr-column > tbody > tr > td.control:before,\ntable.dataTable.dtr-column > tbody > tr > th.control:before {\n top: 50%;\n left: 50%;\n height: 16px;\n width: 16px;\n margin-top: -10px;\n margin-left: -10px;\n display: block;\n position: absolute;\n color: white;\n border: 2px solid white;\n border-radius: 14px;\n box-shadow: 0 0 3px #444;\n box-sizing: content-box;\n text-align: center;\n text-indent: 0 !important;\n font-family: 'Courier New', Courier, monospace;\n line-height: 14px;\n content: '+';\n background-color: #0275d8;\n}\ntable.dataTable.dtr-column > tbody > tr.parent td.control:before,\ntable.dataTable.dtr-column > tbody > tr.parent th.control:before {\n content: '-';\n background-color: #d33333;\n}\ntable.dataTable > tbody > tr.child {\n padding: 0.5em 1em;\n}\ntable.dataTable > tbody > tr.child:hover {\n background: transparent !important;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details {\n display: inline-block;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details > li {\n border-bottom: 1px solid #efefef;\n padding: 0.5em 0;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details > li:first-child {\n padding-top: 0;\n}\ntable.dataTable > tbody > tr.child ul.dtr-details > li:last-child {\n border-bottom: none;\n}\ntable.dataTable > tbody > tr.child span.dtr-title {\n display: inline-block;\n min-width: 75px;\n font-weight: bold;\n}\n\ndiv.dtr-modal {\n position: fixed;\n box-sizing: border-box;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 100;\n padding: 10em 1em;\n}\ndiv.dtr-modal div.dtr-modal-display {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 50%;\n height: 50%;\n overflow: auto;\n margin: auto;\n z-index: 102;\n overflow: auto;\n background-color: #f5f5f7;\n border: 1px solid black;\n border-radius: 0.5em;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);\n}\ndiv.dtr-modal div.dtr-modal-content {\n position: relative;\n padding: 1em;\n}\ndiv.dtr-modal div.dtr-modal-close {\n position: absolute;\n top: 6px;\n right: 6px;\n width: 22px;\n height: 22px;\n border: 1px solid #eaeaea;\n background-color: #f9f9f9;\n text-align: center;\n border-radius: 3px;\n cursor: pointer;\n z-index: 12;\n}\ndiv.dtr-modal div.dtr-modal-close:hover {\n background-color: #eaeaea;\n}\ndiv.dtr-modal div.dtr-modal-background {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 101;\n background: rgba(0, 0, 0, 0.6);\n}\n\n@media screen and (max-width: 767px) {\n div.dtr-modal div.dtr-modal-display {\n width: 95%;\n }\n}\ndiv.dtr-bs-modal table.table tr:first-child td {\n border-top: none;\n}\n\ntable.dataTable tr.dtrg-group td {\n background-color: #e0e0e0;\n}\n\ntable.dataTable tr.dtrg-group.dtrg-level-0 td {\n font-weight: bold;\n}\n\ntable.dataTable tr.dtrg-group.dtrg-level-1 td,\ntable.dataTable tr.dtrg-group.dtrg-level-2 td {\n background-color: #f0f0f0;\n padding-top: 0.25em;\n padding-bottom: 0.25em;\n padding-left: 2em;\n font-size: 0.9em;\n}\n\ntable.dataTable tr.dtrg-group.dtrg-level-2 td {\n background-color: #f3f3f3;\n}\n\ntable.dt-rowReorder-float {\n position: absolute !important;\n opacity: 0.8;\n table-layout: fixed;\n outline: 2px solid #0275d8;\n outline-offset: -2px;\n z-index: 2001;\n}\n\ntr.dt-rowReorder-moving {\n outline: 2px solid #888888;\n outline-offset: -2px;\n}\n\nbody.dt-rowReorder-noOverflow {\n overflow-x: hidden;\n}\n\ntable.dataTable td.reorder {\n text-align: center;\n cursor: move;\n}\n\ndiv.dts {\n display: block !important;\n}\ndiv.dts tbody th,\ndiv.dts tbody td {\n white-space: nowrap;\n}\ndiv.dts div.dts_loading {\n z-index: 1;\n}\ndiv.dts div.dts_label {\n position: absolute;\n right: 10px;\n background: rgba(0, 0, 0, 0.8);\n color: white;\n box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);\n text-align: right;\n border-radius: 3px;\n padding: 0.4em;\n z-index: 2;\n display: none;\n}\ndiv.dts div.dataTables_scrollBody {\n background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);\n}\ndiv.dts div.dataTables_scrollBody table {\n z-index: 2;\n}\ndiv.dts div.dataTables_paginate,\ndiv.dts div.dataTables_length {\n display: none;\n}\n\ndiv.DTS div.dataTables_scrollBody table {\n background-color: white;\n}\n\ntable.dataTable tbody > tr.selected,\ntable.dataTable tbody > tr > .selected {\n background-color: #0275d8;\n}\ntable.dataTable.stripe tbody > tr.odd.selected,\ntable.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,\ntable.dataTable.display tbody > tr.odd > .selected {\n background-color: #0172d2;\n}\ntable.dataTable.hover tbody > tr.selected:hover,\ntable.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,\ntable.dataTable.display tbody > tr > .selected:hover {\n background-color: #0170d0;\n}\ntable.dataTable.order-column tbody > tr.selected > .sorting_1,\ntable.dataTable.order-column tbody > tr.selected > .sorting_2,\ntable.dataTable.order-column tbody > tr.selected > .sorting_3,\ntable.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,\ntable.dataTable.display tbody > tr.selected > .sorting_2,\ntable.dataTable.display tbody > tr.selected > .sorting_3,\ntable.dataTable.display tbody > tr > .selected {\n background-color: #0172d3;\n}\ntable.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {\n background-color: #016ecc;\n}\ntable.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {\n background-color: #016fcd;\n}\ntable.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {\n background-color: #0170cf;\n}\ntable.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {\n background-color: #0172d3;\n}\ntable.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {\n background-color: #0173d5;\n}\ntable.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {\n background-color: #0174d7;\n}\ntable.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {\n background-color: #016ecc;\n}\ntable.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {\n background-color: #0172d3;\n}\ntable.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {\n background-color: #016bc6;\n}\ntable.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {\n background-color: #016cc7;\n}\ntable.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {\n background-color: #016dca;\n}\ntable.dataTable.display tbody > tr:hover > .selected,\ntable.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,\ntable.dataTable.order-column.hover tbody > tr > .selected:hover {\n background-color: #016bc6;\n}\ntable.dataTable tbody td.select-checkbox,\ntable.dataTable tbody th.select-checkbox {\n position: relative;\n}\ntable.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,\ntable.dataTable tbody th.select-checkbox:before,\ntable.dataTable tbody th.select-checkbox:after {\n display: block;\n position: absolute;\n top: 1.2em;\n left: 50%;\n width: 12px;\n height: 12px;\n box-sizing: border-box;\n}\ntable.dataTable tbody td.select-checkbox:before,\ntable.dataTable tbody th.select-checkbox:before {\n content: ' ';\n margin-top: -6px;\n margin-left: -6px;\n border: 1px solid black;\n border-radius: 3px;\n}\ntable.dataTable tr.selected td.select-checkbox:after,\ntable.dataTable tr.selected th.select-checkbox:after {\n content: '\\2714';\n margin-top: -11px;\n margin-left: -4px;\n text-align: center;\n text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;\n}\n\ndiv.dataTables_wrapper span.select-info,\ndiv.dataTables_wrapper span.select-item {\n margin-left: 0.5em;\n}\n\n@media screen and (max-width: 640px) {\n div.dataTables_wrapper span.select-info,\n div.dataTables_wrapper span.select-item {\n margin-left: 0;\n display: block;\n }\n}\ntable.dataTable tbody tr.selected,\ntable.dataTable tbody th.selected,\ntable.dataTable tbody td.selected {\n color: white;\n}\ntable.dataTable tbody tr.selected a,\ntable.dataTable tbody th.selected a,\ntable.dataTable tbody td.selected a {\n color: #a2d4ed;\n}\n\n@import \"./src/scss/_modules/variables\";\r\n\r\ntable.dataTable > tbody > tr.child ul.dtr-details { width: 100% }\r\n\r\n.sorting_asc,\r\n.sorting_desc, \r\n.even .sorting_1 {\r\n\tbackground-color: rgba($primary-500, 0.03);\r\n}\r\n\r\n.odd .sorting_1 {\r\n\tbackground-color: rgba($primary-500, 0.04);\r\n}\r\n\r\n.table-dark {\r\n\t.sorting_asc,\r\n\t.sorting_desc, \r\n\t.even .sorting_1 {\r\n\t\tbackground-color: rgba($warning-500, 0.15);\r\n\t}\r\n\r\n\t.odd .sorting_1 {\r\n\t\tbackground-color: rgba($warning-500, 0.15);\r\n\t}\r\n}\r\n\r\n/* some idiot put \"important\" rule on the main css file now I have to put important here to override it... eghhh */\r\n/* I had to set it to 0 because auto fill cannot \"compute\" for the margin ... nice job Allan >.> */\r\ntable.dataTable {\r\n\tmargin-top: 0 !important;\r\n\tmargin-bottom: 1rem !important;\r\n}\r\n\r\n\r\ntable.dataTable.dtr-column > tbody > tr > td.control, \r\ntable.dataTable.dtr-column > tbody > tr > th.control {\r\n\tpadding-left: 30px;\r\n}\r\n\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > td:first-child:before, \r\ntable.dataTable.dtr-inline.collapsed > tbody > tr[role=\"row\"] > th:first-child:before,\r\ntable.dataTable.dtr-column > tbody > tr > td.control:before, \r\ntable.dataTable.dtr-column > tbody > tr > th.control:before {\r\n\r\n\ttop: 0;\r\n\tbottom: 0;\r\n\tleft: 0;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\theight:100%;\r\n\twidth: 1rem;\r\n\tbox-shadow: none;\r\n\tborder-radius: 0;\r\n\tborder: 0;\r\n\tmargin: 0;\r\n\tbackground-color: $primary-500;\r\n}\r\n\r\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, \r\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before,\r\ntable.dataTable.dtr-column > tbody > tr.parent td.control:before, \r\ntable.dataTable.dtr-column > tbody > tr.parent th.control:before {\r\n\tbackground-color: $success-500;\r\n}\r\n\r\ntable.dataTable thead .sorting:before,\r\ntable.dataTable thead .sorting_asc:before,\r\ntable.dataTable thead .sorting_desc:before,\r\ntable.dataTable thead .sorting_asc_disabled:before,\r\ntable.dataTable thead .sorting_desc_disabled:before {\r\n\tright: 1rem !important;\r\n\tcontent: \"\\f175\";\r\n\tfont-size: 14px;\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n}\r\ntable.dataTable thead .sorting:after,\r\ntable.dataTable thead .sorting_asc:after,\r\ntable.dataTable thead .sorting_desc:after,\r\ntable.dataTable thead .sorting_asc_disabled:after,\r\ntable.dataTable thead .sorting_desc_disabled:after {\r\n\tright: 0.5rem !important;\r\n\tcontent: \"\\f176\";\r\n\tfont-size: 14px;\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n}\r\n\r\n.dataTables_empty {\r\n\tcolor: $danger-500;\r\n\tfont-size: 2rem;\r\n\tpadding-top: 2.5rem !important;\r\n\tpadding-bottom: 2.5rem !important;\r\n}\r\n\r\n.dataTables_wrapper .dataTables_filter label {\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.dataTables_wrapper tr.child td.child {\r\n\tpadding: 0;\r\n\r\n\t.dtr-details {\r\n\t\tpadding: 1rem 1rem 1.5rem 1.95rem;\r\n\t\tposition: relative;\r\n\r\n\t\t&:before {\r\n\t\t\tcontent: \"\\f149\";\r\n\t\t\tfont-family: 'Font Awesome 5 Pro';\r\n\t\t\tcolor: $success-400;\r\n\t\t\twidth: 20px;\r\n\t\t\theight: 30px;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -15px;\r\n\t\t\tright: 0px;\r\n\t\t\tfont-size: 1.2rem;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 1rem;\r\n\t\t\tbackground: $success-200;\r\n\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n\tdiv.dataTables_wrapper div.dataTables_length,\r\n\tdiv.dataTables_wrapper div.dataTables_filter,\r\n\tdiv.dataTables_wrapper div.dataTables_info,\r\n\tdiv.dataTables_wrapper div.dataTables_paginate {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t}\r\n}\r\n\r\n\r\n//take out elipsis background during pagination\r\n.paginate_button.page-item.disabled .page-link {\r\n\tbackground: transparent;\r\n}\r\n\r\n.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\theight: 1.85rem;\r\n\tmin-width: 1.85rem;\r\n\tpadding: 0.5rem;\r\n\tfont-size: 0.825rem;\r\n\tline-height: 0.825rem;\r\n}\r\n\r\ndiv.dataTables_wrapper div.dataTables_filter {\r\n\ttext-align: inherit;\r\n}\r\n\r\n/* AutoFill */\r\ndiv.dt-autofill-list {\r\n\tborder-width: 0px;\r\n\tpadding: 1rem 0;\r\n\r\n\tbox-shadow: 0 0 20px 0 rgba($black, 0.2); \r\n\r\n\tdiv.dt-autofill-question,\r\n\tdiv.dt-autofill-button {\r\n\t\tborder-width: 0px;\r\n\t}\r\n\r\n\t.dt-autofill-button {\r\n\t\ttext-align: right !important;\r\n\t}\r\n}\r\n\r\ndiv.dt-autofill-background {\r\n\topacity: 0.2;\r\n\tbackground-color: $black;\r\n}\r\n\r\n.dt-autofill-question {\r\n\tpadding-left: 2rem !important;\r\n}\r\n\r\n.dt-autofill-button {\r\n\tpadding-right: 2rem !important;\r\n}\r\n\r\ndiv.dt-autofill-handle {\r\n\tbackground: $primary-500;\r\n\theight: 0.875rem;\r\n width: 0.875rem;\r\n}\r\n\r\ndiv.dt-autofill-select {\r\n background-color: $primary-500;\r\n}\r\n\r\n/* FixedColumns */\r\n.DTFC_LeftHeadWrapper,\r\n.DTFC_LeftBodyWrapper,\r\n.DTFC_LeftFootWrapper {\r\n\t\r\n\t&:before {\r\n\t\tcontent:\"\";\r\n\t\tposition:absolute;\r\n\t\tright:0px;\r\n\t\ttop:1px;\r\n\t\tbottom:0px;\r\n\t\twidth:1px;\r\n\t\tbackground: $danger-500;\r\n\t\tz-index: 1;\r\n \tbox-shadow: -4px 0px 4px rgba($black,0.4);\r\n\t}\r\n\r\n\ttable.table-bordered {\r\n\t\tborder-right-width: 0;\r\n\t}\r\n\r\n}\r\n\r\n/* KeyTable */\r\ntable.dataTable tbody th.focus, \r\ntable.dataTable tbody td.focus {\r\n box-shadow: inset 0 0 0px 1px $primary-500;\r\n background: rgba($primary-500, 0.1);\r\n font-weight: 500;\r\n}\r\n\r\n/* RowGroup */\r\ntable.dataTable tr.dtrg-group td {\r\n\tbackground: transparent;\r\n\tfont-size: 1rem;\r\n font-weight: 400;\t\r\n padding-top: 1.25rem;\r\n}\r\n\r\ntable.dataTable.table-sm tr.dtrg-group td {\r\n\tpadding-top: 1rem;\r\n}\r\n\r\ntable.dataTable:not(.table-dark) tr.dtrg-group td {\r\n\tbackground: $white;\r\n}\r\n\r\n/* FixedHeader */\r\ntable.dataTable.fixedHeader-floating {\r\n\topacity: 0.9;\r\n}\r\n\r\n/* RowReorder */\r\ntable.dataTable td.reorder {\r\n\ttext-align: inherit;\r\n}\r\n\r\ntr.dt-rowReorder-moving {\r\n outline: 2px solid $success-500;\r\n outline-offset: -2px; }\r\n\r\ntable.dt-rowReorder-float {\r\n outline: 2px solid $primary-500;\r\n outline-offset: -2px; } \r\n\r\n\r\n/* w-100 bug for some tables */\r\n.DTCR_clonedTable.w-100,\r\n.dt-rowReorder-float.w-100,\r\n.fixedHeader-floating.w-100 {\r\n\twidth: inherit !important;\r\n}\r\n\r\n/* fix z-index for processing message */\r\n.dataTables_processing {\r\n\tz-index: 2;\r\n}\r\n\r\n/* Select */\r\ntable.dataTable {\r\n\r\n\t&.table-bordered {\r\n\t\t.selected {\r\n\t\t\ttd {\r\n\t\t\t\tborder-color: rgba($black,0.1);\r\n\t\t\t}\r\n\t\t}\r\n\t\ttd.selected {\r\n\t\t\tborder-color: rgba($black,0.1);\r\n\t\t}\r\n\t}\r\n\r\n\ttbody {\r\n\t\t> tr.selected, \r\n\t\t> tr > .selected {\r\n\t\t\tbox-shadow: inset 0 0 0px 1px $primary-500;\r\n\t\t\tbackground: rgba($primary-500, 0.1);\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: inherit;\r\n\t\t}\r\n\t}\r\n\r\n\t\t\r\n}\r\n\r\n","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;"]}
\ No newline at end of file
diff --git a/public/assets/css/fa-brands.css b/public/assets/css/fa-brands.css
new file mode 100644
index 0000000..512dfaa
--- /dev/null
+++ b/public/assets/css/fa-brands.css
@@ -0,0 +1,15 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+ font-family: 'Font Awesome 5 Brands';
+ font-style: normal;
+ font-weight: normal;
+ src: url("../webfonts/fa-brands-400.eot");
+ src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+ font-family: 'Font Awesome 5 Brands'; }
+
+/*# sourceMappingURL=fa-brands.css.map */
diff --git a/public/assets/css/fa-brands.css.map b/public/assets/css/fa-brands.css.map
new file mode 100644
index 0000000..a5888ce
--- /dev/null
+++ b/public/assets/css/fa-brands.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["fa-brands.scss","fa-brands.css"],"names":[],"mappings":"AAAA;;;ECGE;ADGF;EACE,oCAAoC;EACpC,kBAAkB;EAClB,mBAAmB;EACnB,yCAA8C;EAC9C,mTAImE,EAAA;;AAGrE;EACE,oCAAoC,EAAA","file":"fa-brands.css","sourcesContent":["/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\r\n@import 'variables';\r\n\r\n@font-face {\r\n font-family: 'Font Awesome 5 Brands';\r\n font-style: normal;\r\n font-weight: normal;\r\n src: url('#{$fa-font-path}/fa-brands-400.eot');\r\n src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'),\r\n url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),\r\n url('#{$fa-font-path}/fa-brands-400.woff') format('woff'),\r\n url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'),\r\n url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg');\r\n}\r\n\r\n.fab {\r\n font-family: 'Font Awesome 5 Brands';\r\n}\r\n","/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\n@font-face {\n font-family: 'Font Awesome 5 Brands';\n font-style: normal;\n font-weight: normal;\n src: url(\"../webfonts/fa-brands-400.eot\");\n src: url(\"../webfonts/fa-brands-400.eot?#iefix\") format(\"embedded-opentype\"), url(\"../webfonts/fa-brands-400.woff2\") format(\"woff2\"), url(\"../webfonts/fa-brands-400.woff\") format(\"woff\"), url(\"../webfonts/fa-brands-400.ttf\") format(\"truetype\"), url(\"../webfonts/fa-brands-400.svg#fontawesome\") format(\"svg\"); }\n\n.fab {\n font-family: 'Font Awesome 5 Brands'; }\n"]}
\ No newline at end of file
diff --git a/public/assets/css/fa-regular.css b/public/assets/css/fa-regular.css
new file mode 100644
index 0000000..bce1eec
--- /dev/null
+++ b/public/assets/css/fa-regular.css
@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+ font-family: 'Font Awesome 5 Pro';
+ font-style: normal;
+ font-weight: 400;
+ src: url("../webfonts/fa-regular-400.eot");
+ src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+ font-family: 'Font Awesome 5 Pro';
+ font-weight: 400; }
+
+/*# sourceMappingURL=fa-regular.css.map */
diff --git a/public/assets/css/fa-regular.css.map b/public/assets/css/fa-regular.css.map
new file mode 100644
index 0000000..3b1c102
--- /dev/null
+++ b/public/assets/css/fa-regular.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["fa-regular.scss","fa-regular.css"],"names":[],"mappings":"AAAA;;;ECGE;ADGF;EACE,iCAAiC;EACjC,kBAAkB;EAClB,gBAAgB;EAChB,0CAA+C;EAC/C,wTAIoE,EAAA;;AAGtE;EACE,iCAAiC;EACjC,gBAAgB,EAAA","file":"fa-regular.css","sourcesContent":["/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\r\n@import 'variables';\r\n\r\n@font-face {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-style: normal;\r\n font-weight: 400;\r\n src: url('#{$fa-font-path}/fa-regular-400.eot');\r\n src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'),\r\n url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),\r\n url('#{$fa-font-path}/fa-regular-400.woff') format('woff'),\r\n url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'),\r\n url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg');\r\n}\r\n\r\n.far {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-weight: 400;\r\n}\r\n","/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\n@font-face {\n font-family: 'Font Awesome 5 Pro';\n font-style: normal;\n font-weight: 400;\n src: url(\"../webfonts/fa-regular-400.eot\");\n src: url(\"../webfonts/fa-regular-400.eot?#iefix\") format(\"embedded-opentype\"), url(\"../webfonts/fa-regular-400.woff2\") format(\"woff2\"), url(\"../webfonts/fa-regular-400.woff\") format(\"woff\"), url(\"../webfonts/fa-regular-400.ttf\") format(\"truetype\"), url(\"../webfonts/fa-regular-400.svg#fontawesome\") format(\"svg\"); }\n\n.far {\n font-family: 'Font Awesome 5 Pro';\n font-weight: 400; }\n"]}
\ No newline at end of file
diff --git a/public/assets/css/fa-solid.css b/public/assets/css/fa-solid.css
new file mode 100644
index 0000000..d12ec59
--- /dev/null
+++ b/public/assets/css/fa-solid.css
@@ -0,0 +1,17 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+ font-family: 'Font Awesome 5 Pro';
+ font-style: normal;
+ font-weight: 900;
+ src: url("../webfonts/fa-solid-900.eot");
+ src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
+
+.fa,
+.fas {
+ font-family: 'Font Awesome 5 Pro';
+ font-weight: 900; }
+
+/*# sourceMappingURL=fa-solid.css.map */
diff --git a/public/assets/css/fa-solid.css.map b/public/assets/css/fa-solid.css.map
new file mode 100644
index 0000000..1b99bce
--- /dev/null
+++ b/public/assets/css/fa-solid.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["fa-solid.scss","fa-solid.css"],"names":[],"mappings":"AAAA;;;ECGE;ADGF;EACE,iCAAiC;EACjC,kBAAkB;EAClB,gBAAgB;EAChB,wCAA6C;EAC7C,8SAIkE,EAAA;;AAGpE;;EAEE,iCAAiC;EACjC,gBAAgB,EAAA","file":"fa-solid.css","sourcesContent":["/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\r\n@import 'variables';\r\n\r\n@font-face {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-style: normal;\r\n font-weight: 900;\r\n src: url('#{$fa-font-path}/fa-solid-900.eot');\r\n src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'),\r\n url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),\r\n url('#{$fa-font-path}/fa-solid-900.woff') format('woff'),\r\n url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'),\r\n url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg');\r\n}\r\n\r\n.fa,\r\n.fas {\r\n font-family: 'Font Awesome 5 Pro';\r\n font-weight: 900;\r\n}\r\n","/*!\r\n * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com\r\n * License - https://fontawesome.com/license (Commercial License)\r\n */\n@font-face {\n font-family: 'Font Awesome 5 Pro';\n font-style: normal;\n font-weight: 900;\n src: url(\"../webfonts/fa-solid-900.eot\");\n src: url(\"../webfonts/fa-solid-900.eot?#iefix\") format(\"embedded-opentype\"), url(\"../webfonts/fa-solid-900.woff2\") format(\"woff2\"), url(\"../webfonts/fa-solid-900.woff\") format(\"woff\"), url(\"../webfonts/fa-solid-900.ttf\") format(\"truetype\"), url(\"../webfonts/fa-solid-900.svg#fontawesome\") format(\"svg\"); }\n\n.fa,\n.fas {\n font-family: 'Font Awesome 5 Pro';\n font-weight: 900; }\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css b/public/assets/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css
new file mode 100644
index 0000000..02cf321
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css
@@ -0,0 +1,403 @@
+/*!
+ * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
+ * @package bootstrap-colorpicker
+ * @version v3.1.2
+ * @license MIT
+ * @link https://farbelous.github.io/bootstrap-colorpicker/
+ * @link https://github.com/farbelous/bootstrap-colorpicker.git
+ */
+.colorpicker {
+ position: relative;
+ display: none;
+ font-size: inherit;
+ color: inherit;
+ text-align: left;
+ list-style: none;
+ background-color: #ffffff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.2);
+ padding: .75rem .75rem;
+ width: 148px;
+ border-radius: 4px;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; }
+
+.colorpicker.colorpicker-disabled,
+.colorpicker.colorpicker-disabled * {
+ cursor: default !important; }
+
+.colorpicker div {
+ position: relative; }
+
+.colorpicker-popup {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ float: left;
+ margin-top: 1px;
+ z-index: 1060; }
+
+.colorpicker-popup.colorpicker-bs-popover-content {
+ position: relative;
+ top: auto;
+ left: auto;
+ float: none;
+ margin: 0;
+ z-index: initial;
+ border: none;
+ padding: 0.25rem 0;
+ border-radius: 0;
+ background: none;
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+
+.colorpicker:before,
+.colorpicker:after {
+ content: "";
+ display: table;
+ clear: both;
+ line-height: 0; }
+
+.colorpicker-clear {
+ clear: both;
+ display: block; }
+
+.colorpicker:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid #ccc;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+ position: absolute;
+ top: -7px;
+ left: auto;
+ right: 6px; }
+
+.colorpicker:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #ffffff;
+ position: absolute;
+ top: -6px;
+ left: auto;
+ right: 7px; }
+
+.colorpicker.colorpicker-with-alpha {
+ width: 170px; }
+
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+ display: block; }
+
+.colorpicker-saturation {
+ position: relative;
+ width: 126px;
+ height: 126px;
+ /* FF3.6+ */
+ /* Chrome,Safari4+ */
+ /* Chrome10+,Safari5.1+ */
+ /* Opera 11.10+ */
+ /* IE10+ */
+ background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
+ background: linear-gradient(to bottom, transparent 0%, black 100%), linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
+ /* W3C */
+ cursor: crosshair;
+ float: left;
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ margin-bottom: 6px; }
+
+.colorpicker-saturation .colorpicker-guide {
+ display: block;
+ height: 6px;
+ width: 6px;
+ border-radius: 6px;
+ border: 1px solid #000;
+ -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: -3px 0 0 -3px; }
+
+.colorpicker-hue,
+.colorpicker-alpha {
+ position: relative;
+ width: 16px;
+ height: 126px;
+ float: left;
+ cursor: row-resize;
+ margin-left: 6px;
+ margin-bottom: 6px; }
+
+.colorpicker-alpha-color {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+
+.colorpicker-hue,
+.colorpicker-alpha-color {
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.colorpicker-hue .colorpicker-guide,
+.colorpicker-alpha .colorpicker-guide {
+ display: block;
+ height: 4px;
+ background: rgba(255, 255, 255, 0.8);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin-left: -2px;
+ margin-top: -2px;
+ right: -2px;
+ z-index: 1; }
+
+.colorpicker-hue {
+ /* FF3.6+ */
+ /* Chrome,Safari4+ */
+ /* Chrome10+,Safari5.1+ */
+ /* Opera 11.10+ */
+ /* IE10+ */
+ background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
+ background: linear-gradient(to top, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
+ /* W3C */ }
+
+.colorpicker-alpha {
+ background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+ background-size: 10px 10px;
+ background-position: 0 0, 5px 5px;
+ display: none; }
+
+.colorpicker-bar {
+ min-height: 16px;
+ margin: 6px 0 0 0;
+ clear: both;
+ text-align: center;
+ font-size: 10px;
+ line-height: normal;
+ max-width: 100%;
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.colorpicker-bar:before {
+ content: "";
+ display: table;
+ clear: both; }
+
+.colorpicker-bar.colorpicker-bar-horizontal {
+ height: 126px;
+ width: 16px;
+ margin: 0 0 6px 0;
+ float: left; }
+
+.colorpicker-input-addon {
+ position: relative; }
+
+.colorpicker-input-addon i {
+ display: inline-block;
+ cursor: pointer;
+ vertical-align: text-top;
+ height: 16px;
+ width: 16px;
+ position: relative; }
+
+.colorpicker-input-addon:before {
+ content: "";
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ vertical-align: text-top;
+ background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+ background-size: 10px 10px;
+ background-position: 0 0, 5px 5px; }
+
+.colorpicker.colorpicker-inline {
+ position: relative;
+ display: inline-block;
+ float: none;
+ z-index: auto;
+ vertical-align: text-bottom; }
+
+.colorpicker.colorpicker-horizontal {
+ width: 126px;
+ height: auto; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-bar {
+ width: 126px; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-saturation {
+ float: none;
+ margin-bottom: 0; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+ float: none;
+ width: 126px;
+ height: 16px;
+ cursor: col-resize;
+ margin-left: 0;
+ margin-top: 6px;
+ margin-bottom: 0; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {
+ position: absolute;
+ display: block;
+ bottom: -2px;
+ left: 0;
+ right: auto;
+ height: auto;
+ width: 4px; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+ /* FF3.6+ */
+ /* Chrome,Safari4+ */
+ /* Chrome10+,Safari5.1+ */
+ /* Opera 11.10+ */
+ /* IE10+ */
+ background: -webkit-gradient(linear, right top, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
+ background: linear-gradient(to left, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
+ /* W3C */ }
+
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+ background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+ background-size: 10px 10px;
+ background-position: 0 0, 5px 5px; }
+
+.colorpicker-inline:before,
+.colorpicker-no-arrow:before,
+.colorpicker-popup.colorpicker-bs-popover-content:before {
+ content: none;
+ display: none; }
+
+.colorpicker-inline:after,
+.colorpicker-no-arrow:after,
+.colorpicker-popup.colorpicker-bs-popover-content:after {
+ content: none;
+ display: none; }
+
+.colorpicker-alpha,
+.colorpicker-saturation,
+.colorpicker-hue {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+
+.colorpicker.colorpicker-visible,
+.colorpicker-alpha.colorpicker-visible,
+.colorpicker-saturation.colorpicker-visible,
+.colorpicker-hue.colorpicker-visible,
+.colorpicker-bar.colorpicker-visible {
+ display: block; }
+
+.colorpicker.colorpicker-hidden,
+.colorpicker-alpha.colorpicker-hidden,
+.colorpicker-saturation.colorpicker-hidden,
+.colorpicker-hue.colorpicker-hidden,
+.colorpicker-bar.colorpicker-hidden {
+ display: none; }
+
+.colorpicker-inline.colorpicker-visible {
+ display: inline-block; }
+
+.colorpicker.colorpicker-disabled:after {
+ border: none;
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: rgba(233, 236, 239, 0.33);
+ top: 0;
+ left: 0;
+ right: auto;
+ z-index: 2;
+ position: absolute; }
+
+.colorpicker.colorpicker-disabled .colorpicker-guide {
+ display: none; }
+
+/** EXTENSIONS **/
+.colorpicker-preview {
+ background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+ background-size: 10px 10px;
+ background-position: 0 0, 5px 5px; }
+
+.colorpicker-preview > div {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%; }
+
+.colorpicker-bar.colorpicker-swatches {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ height: auto; }
+
+.colorpicker-swatches--inner {
+ clear: both;
+ margin-top: -6px; }
+
+.colorpicker-swatch {
+ position: relative;
+ cursor: pointer;
+ float: left;
+ height: 16px;
+ width: 16px;
+ margin-right: 6px;
+ margin-top: 6px;
+ margin-left: 0;
+ display: block;
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+ background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+ background-size: 10px 10px;
+ background-position: 0 0, 5px 5px; }
+
+.colorpicker-swatch--inner {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%; }
+
+.colorpicker-swatch:nth-of-type(7n+0) {
+ margin-right: 0; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {
+ margin-right: 6px; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {
+ margin-right: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0) {
+ margin-right: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0) {
+ margin-right: 6px; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {
+ margin-right: 6px; }
+
+.colorpicker-swatch:last-of-type:after {
+ content: "";
+ display: table;
+ clear: both; }
+
+*[dir='rtl'] .colorpicker-element input,
+.colorpicker-element[dir='rtl'] input,
+.colorpicker-element input[dir='rtl'] {
+ direction: ltr;
+ text-align: right; }
+
+/*# sourceMappingURL=bootstrap-colorpicker.css.map */
+
+/*# sourceMappingURL=bootstrap-colorpicker.css.map */
diff --git a/public/assets/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css.map b/public/assets/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css.map
new file mode 100644
index 0000000..c205fd6
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bootstrap-colorpicker.css"],"names":[],"mappings":"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","file":"bootstrap-colorpicker.css","sourcesContent":["/*!\n * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.\n * @package bootstrap-colorpicker\n * @version v3.1.2\n * @license MIT\n * @link https://farbelous.github.io/bootstrap-colorpicker/\n * @link https://github.com/farbelous/bootstrap-colorpicker.git\n */\n.colorpicker {\n position: relative;\n display: none;\n font-size: inherit;\n color: inherit;\n text-align: left;\n list-style: none;\n background-color: #ffffff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.2);\n padding: .75rem .75rem;\n width: 148px;\n border-radius: 4px;\n -webkit-box-sizing: content-box;\n box-sizing: content-box; }\n\n.colorpicker.colorpicker-disabled,\n.colorpicker.colorpicker-disabled * {\n cursor: default !important; }\n\n.colorpicker div {\n position: relative; }\n\n.colorpicker-popup {\n position: absolute;\n top: 100%;\n left: 0;\n float: left;\n margin-top: 1px;\n z-index: 1060; }\n\n.colorpicker-popup.colorpicker-bs-popover-content {\n position: relative;\n top: auto;\n left: auto;\n float: none;\n margin: 0;\n z-index: initial;\n border: none;\n padding: 0.25rem 0;\n border-radius: 0;\n background: none;\n -webkit-box-shadow: none;\n box-shadow: none; }\n\n.colorpicker:before,\n.colorpicker:after {\n content: \"\";\n display: table;\n clear: both;\n line-height: 0; }\n\n.colorpicker-clear {\n clear: both;\n display: block; }\n\n.colorpicker:before {\n content: '';\n display: inline-block;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n position: absolute;\n top: -7px;\n left: auto;\n right: 6px; }\n\n.colorpicker:after {\n content: '';\n display: inline-block;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #ffffff;\n position: absolute;\n top: -6px;\n left: auto;\n right: 7px; }\n\n.colorpicker.colorpicker-with-alpha {\n width: 170px; }\n\n.colorpicker.colorpicker-with-alpha .colorpicker-alpha {\n display: block; }\n\n.colorpicker-saturation {\n position: relative;\n width: 126px;\n height: 126px;\n /* FF3.6+ */\n /* Chrome,Safari4+ */\n /* Chrome10+,Safari5.1+ */\n /* Opera 11.10+ */\n /* IE10+ */\n background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));\n background: linear-gradient(to bottom, transparent 0%, black 100%), linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);\n /* W3C */\n cursor: crosshair;\n float: left;\n -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);\n margin-bottom: 6px; }\n .colorpicker-saturation .colorpicker-guide {\n display: block;\n height: 6px;\n width: 6px;\n border-radius: 6px;\n border: 1px solid #000;\n -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);\n position: absolute;\n top: 0;\n left: 0;\n margin: -3px 0 0 -3px; }\n\n.colorpicker-hue,\n.colorpicker-alpha {\n position: relative;\n width: 16px;\n height: 126px;\n float: left;\n cursor: row-resize;\n margin-left: 6px;\n margin-bottom: 6px; }\n\n.colorpicker-alpha-color {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n.colorpicker-hue,\n.colorpicker-alpha-color {\n -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }\n\n.colorpicker-hue .colorpicker-guide,\n.colorpicker-alpha .colorpicker-guide {\n display: block;\n height: 4px;\n background: rgba(255, 255, 255, 0.8);\n border: 1px solid rgba(0, 0, 0, 0.4);\n position: absolute;\n top: 0;\n left: 0;\n margin-left: -2px;\n margin-top: -2px;\n right: -2px;\n z-index: 1; }\n\n.colorpicker-hue {\n /* FF3.6+ */\n /* Chrome,Safari4+ */\n /* Chrome10+,Safari5.1+ */\n /* Opera 11.10+ */\n /* IE10+ */\n background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));\n background: linear-gradient(to top, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);\n /* W3C */ }\n\n.colorpicker-alpha {\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;\n background-size: 10px 10px;\n background-position: 0 0, 5px 5px;\n display: none; }\n\n.colorpicker-bar {\n min-height: 16px;\n margin: 6px 0 0 0;\n clear: both;\n text-align: center;\n font-size: 10px;\n line-height: normal;\n max-width: 100%;\n -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }\n .colorpicker-bar:before {\n content: \"\";\n display: table;\n clear: both; }\n\n.colorpicker-bar.colorpicker-bar-horizontal {\n height: 126px;\n width: 16px;\n margin: 0 0 6px 0;\n float: left; }\n\n.colorpicker-input-addon {\n position: relative; }\n\n.colorpicker-input-addon i {\n display: inline-block;\n cursor: pointer;\n vertical-align: text-top;\n height: 16px;\n width: 16px;\n position: relative; }\n\n.colorpicker-input-addon:before {\n content: \"\";\n position: absolute;\n width: 16px;\n height: 16px;\n display: inline-block;\n vertical-align: text-top;\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;\n background-size: 10px 10px;\n background-position: 0 0, 5px 5px; }\n\n.colorpicker.colorpicker-inline {\n position: relative;\n display: inline-block;\n float: none;\n z-index: auto;\n vertical-align: text-bottom; }\n\n.colorpicker.colorpicker-horizontal {\n width: 126px;\n height: auto; }\n\n.colorpicker.colorpicker-horizontal .colorpicker-bar {\n width: 126px; }\n\n.colorpicker.colorpicker-horizontal .colorpicker-saturation {\n float: none;\n margin-bottom: 0; }\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n float: none;\n width: 126px;\n height: 16px;\n cursor: col-resize;\n margin-left: 0;\n margin-top: 6px;\n margin-bottom: 0; }\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {\n position: absolute;\n display: block;\n bottom: -2px;\n left: 0;\n right: auto;\n height: auto;\n width: 4px; }\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue {\n /* FF3.6+ */\n /* Chrome,Safari4+ */\n /* Chrome10+,Safari5.1+ */\n /* Opera 11.10+ */\n /* IE10+ */\n background: -webkit-gradient(linear, right top, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));\n background: linear-gradient(to left, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);\n /* W3C */ }\n\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;\n background-size: 10px 10px;\n background-position: 0 0, 5px 5px; }\n\n.colorpicker-inline:before,\n.colorpicker-no-arrow:before,\n.colorpicker-popup.colorpicker-bs-popover-content:before {\n content: none;\n display: none; }\n\n.colorpicker-inline:after,\n.colorpicker-no-arrow:after,\n.colorpicker-popup.colorpicker-bs-popover-content:after {\n content: none;\n display: none; }\n\n.colorpicker-alpha,\n.colorpicker-saturation,\n.colorpicker-hue {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n\n.colorpicker.colorpicker-visible,\n.colorpicker-alpha.colorpicker-visible,\n.colorpicker-saturation.colorpicker-visible,\n.colorpicker-hue.colorpicker-visible,\n.colorpicker-bar.colorpicker-visible {\n display: block; }\n\n.colorpicker.colorpicker-hidden,\n.colorpicker-alpha.colorpicker-hidden,\n.colorpicker-saturation.colorpicker-hidden,\n.colorpicker-hue.colorpicker-hidden,\n.colorpicker-bar.colorpicker-hidden {\n display: none; }\n\n.colorpicker-inline.colorpicker-visible {\n display: inline-block; }\n\n.colorpicker.colorpicker-disabled:after {\n border: none;\n content: '';\n display: block;\n width: 100%;\n height: 100%;\n background: rgba(233, 236, 239, 0.33);\n top: 0;\n left: 0;\n right: auto;\n z-index: 2;\n position: absolute; }\n\n.colorpicker.colorpicker-disabled .colorpicker-guide {\n display: none; }\n\n/** EXTENSIONS **/\n.colorpicker-preview {\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;\n background-size: 10px 10px;\n background-position: 0 0, 5px 5px; }\n\n.colorpicker-preview > div {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%; }\n\n.colorpicker-bar.colorpicker-swatches {\n -webkit-box-shadow: none;\n box-shadow: none;\n height: auto; }\n\n.colorpicker-swatches--inner {\n clear: both;\n margin-top: -6px; }\n\n.colorpicker-swatch {\n position: relative;\n cursor: pointer;\n float: left;\n height: 16px;\n width: 16px;\n margin-right: 6px;\n margin-top: 6px;\n margin-left: 0;\n display: block;\n -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);\n background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;\n background-size: 10px 10px;\n background-position: 0 0, 5px 5px; }\n\n.colorpicker-swatch--inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%; }\n\n.colorpicker-swatch:nth-of-type(7n+0) {\n margin-right: 0; }\n\n.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {\n margin-right: 6px; }\n\n.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {\n margin-right: 0; }\n\n.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0) {\n margin-right: 0; }\n\n.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0) {\n margin-right: 6px; }\n\n.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {\n margin-right: 6px; }\n\n.colorpicker-swatch:last-of-type:after {\n content: \"\";\n display: table;\n clear: both; }\n\n*[dir='rtl'] .colorpicker-element input,\n.colorpicker-element[dir='rtl'] input,\n.colorpicker-element input[dir='rtl'] {\n direction: ltr;\n text-align: right; }\n\n/*# sourceMappingURL=bootstrap-colorpicker.css.map */\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css b/public/assets/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css
new file mode 100644
index 0000000..dda75f2
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css
@@ -0,0 +1,1121 @@
+/*!
+ * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
+ *
+ * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
+ */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+.datepicker {
+ border-radius: 4px;
+ direction: ltr; }
+
+.datepicker-inline {
+ width: 220px; }
+
+.datepicker-rtl {
+ direction: rtl; }
+
+.datepicker-rtl.dropdown-menu {
+ left: auto; }
+
+.datepicker-rtl table tr td span {
+ float: right; }
+
+.datepicker-dropdown {
+ top: 0;
+ left: 0;
+ padding: 4px; }
+
+.datepicker-dropdown:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid rgba(0, 0, 0, 0.15);
+ 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-bottom:before {
+ top: -7px; }
+
+.datepicker-dropdown.datepicker-orient-bottom:after {
+ top: -6px; }
+
+.datepicker-dropdown.datepicker-orient-top:before {
+ bottom: -7px;
+ border-bottom: 0;
+ border-top: 7px solid rgba(0, 0, 0, 0.15); }
+
+.datepicker-dropdown.datepicker-orient-top:after {
+ bottom: -6px;
+ border-bottom: 0;
+ border-top: 6px solid #fff; }
+
+.datepicker table {
+ margin: 0;
+ -webkit-touch-callout: none;
+ -webkit-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.old,
+.datepicker table tr td.new {
+ color: #777777; }
+
+.datepicker table tr td.day:hover,
+.datepicker table tr td.focused {
+ background: #eeeeee;
+ cursor: pointer; }
+
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+ background: none;
+ color: #777777;
+ cursor: default; }
+
+.datepicker table tr td.highlighted {
+ color: #000;
+ background-color: #d9edf7;
+ border-color: #85c5e5;
+ border-radius: 0; }
+
+.datepicker table tr td.highlighted:focus,
+.datepicker table tr td.highlighted.focus {
+ color: #000;
+ background-color: #afd9ee;
+ border-color: #298fc2; }
+
+.datepicker table tr td.highlighted:hover {
+ color: #000;
+ background-color: #afd9ee;
+ border-color: #52addb; }
+
+.datepicker table tr td.highlighted:active,
+.datepicker table tr td.highlighted.active {
+ color: #000;
+ background-color: #afd9ee;
+ border-color: #52addb; }
+
+.datepicker table tr td.highlighted:active:hover,
+.datepicker table tr td.highlighted.active:hover,
+.datepicker table tr td.highlighted:active:focus,
+.datepicker table tr td.highlighted.active:focus,
+.datepicker table tr td.highlighted:active.focus,
+.datepicker table tr td.highlighted.active.focus {
+ color: #000;
+ background-color: #91cbe8;
+ border-color: #298fc2; }
+
+.datepicker table tr td.highlighted.disabled:hover,
+.datepicker table tr td.highlighted[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.highlighted:hover,
+.datepicker table tr td.highlighted.disabled:focus,
+.datepicker table tr td.highlighted[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.highlighted:focus,
+.datepicker table tr td.highlighted.disabled.focus,
+.datepicker table tr td.highlighted[disabled].focus,
+fieldset[disabled] .datepicker table tr td.highlighted.focus {
+ background-color: #d9edf7;
+ border-color: #85c5e5; }
+
+.datepicker table tr td.highlighted.focused {
+ background: #afd9ee; }
+
+.datepicker table tr td.highlighted.disabled,
+.datepicker table tr td.highlighted.disabled:active {
+ background: #d9edf7;
+ color: #777777; }
+
+.datepicker table tr td.today {
+ color: #000;
+ background-color: #ffdb99;
+ border-color: #ffb733; }
+
+.datepicker table tr td.today:focus,
+.datepicker table tr td.today.focus {
+ color: #000;
+ background-color: #ffc966;
+ border-color: #b37400; }
+
+.datepicker table tr td.today:hover {
+ color: #000;
+ background-color: #ffc966;
+ border-color: #f59e00; }
+
+.datepicker table tr td.today:active,
+.datepicker table tr td.today.active {
+ color: #000;
+ background-color: #ffc966;
+ border-color: #f59e00; }
+
+.datepicker table tr td.today:active:hover,
+.datepicker table tr td.today.active:hover,
+.datepicker table tr td.today:active:focus,
+.datepicker table tr td.today.active:focus,
+.datepicker table tr td.today:active.focus,
+.datepicker table tr td.today.active.focus {
+ color: #000;
+ background-color: #ffbc42;
+ border-color: #b37400; }
+
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled:focus,
+.datepicker table tr td.today[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.today:focus,
+.datepicker table tr td.today.disabled.focus,
+.datepicker table tr td.today[disabled].focus,
+fieldset[disabled] .datepicker table tr td.today.focus {
+ background-color: #ffdb99;
+ border-color: #ffb733; }
+
+.datepicker table tr td.today.focused {
+ background: #ffc966; }
+
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:active {
+ background: #ffdb99;
+ color: #777777; }
+
+.datepicker table tr td.range {
+ color: #000;
+ background-color: #eeeeee;
+ border-color: #bbbbbb;
+ border-radius: 0; }
+
+.datepicker table tr td.range:focus,
+.datepicker table tr td.range.focus {
+ color: #000;
+ background-color: #d5d5d5;
+ border-color: #7c7c7c; }
+
+.datepicker table tr td.range:hover {
+ color: #000;
+ background-color: #d5d5d5;
+ border-color: #9d9d9d; }
+
+.datepicker table tr td.range:active,
+.datepicker table tr td.range.active {
+ color: #000;
+ background-color: #d5d5d5;
+ border-color: #9d9d9d; }
+
+.datepicker table tr td.range:active:hover,
+.datepicker table tr td.range.active:hover,
+.datepicker table tr td.range:active:focus,
+.datepicker table tr td.range.active:focus,
+.datepicker table tr td.range:active.focus,
+.datepicker table tr td.range.active.focus {
+ color: #000;
+ background-color: #c3c3c3;
+ border-color: #7c7c7c; }
+
+.datepicker table tr td.range.disabled:hover,
+.datepicker table tr td.range[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.range:hover,
+.datepicker table tr td.range.disabled:focus,
+.datepicker table tr td.range[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.range:focus,
+.datepicker table tr td.range.disabled.focus,
+.datepicker table tr td.range[disabled].focus,
+fieldset[disabled] .datepicker table tr td.range.focus {
+ background-color: #eeeeee;
+ border-color: #bbbbbb; }
+
+.datepicker table tr td.range.focused {
+ background: #d5d5d5; }
+
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:active {
+ background: #eeeeee;
+ color: #777777; }
+
+.datepicker table tr td.range.highlighted {
+ color: #000;
+ background-color: #e4eef3;
+ border-color: #9dc1d3; }
+
+.datepicker table tr td.range.highlighted:focus,
+.datepicker table tr td.range.highlighted.focus {
+ color: #000;
+ background-color: #c1d7e3;
+ border-color: #4b88a6; }
+
+.datepicker table tr td.range.highlighted:hover {
+ color: #000;
+ background-color: #c1d7e3;
+ border-color: #73a6c0; }
+
+.datepicker table tr td.range.highlighted:active,
+.datepicker table tr td.range.highlighted.active {
+ color: #000;
+ background-color: #c1d7e3;
+ border-color: #73a6c0; }
+
+.datepicker table tr td.range.highlighted:active:hover,
+.datepicker table tr td.range.highlighted.active:hover,
+.datepicker table tr td.range.highlighted:active:focus,
+.datepicker table tr td.range.highlighted.active:focus,
+.datepicker table tr td.range.highlighted:active.focus,
+.datepicker table tr td.range.highlighted.active.focus {
+ color: #000;
+ background-color: #a8c8d8;
+ border-color: #4b88a6; }
+
+.datepicker table tr td.range.highlighted.disabled:hover,
+.datepicker table tr td.range.highlighted[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
+.datepicker table tr td.range.highlighted.disabled:focus,
+.datepicker table tr td.range.highlighted[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
+.datepicker table tr td.range.highlighted.disabled.focus,
+.datepicker table tr td.range.highlighted[disabled].focus,
+fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
+ background-color: #e4eef3;
+ border-color: #9dc1d3; }
+
+.datepicker table tr td.range.highlighted.focused {
+ background: #c1d7e3; }
+
+.datepicker table tr td.range.highlighted.disabled,
+.datepicker table tr td.range.highlighted.disabled:active {
+ background: #e4eef3;
+ color: #777777; }
+
+.datepicker table tr td.range.today {
+ color: #000;
+ background-color: #f7ca77;
+ border-color: #f1a417; }
+
+.datepicker table tr td.range.today:focus,
+.datepicker table tr td.range.today.focus {
+ color: #000;
+ background-color: #f4b747;
+ border-color: #815608; }
+
+.datepicker table tr td.range.today:hover {
+ color: #000;
+ background-color: #f4b747;
+ border-color: #bf800c; }
+
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today.active {
+ color: #000;
+ background-color: #f4b747;
+ border-color: #bf800c; }
+
+.datepicker table tr td.range.today:active:hover,
+.datepicker table tr td.range.today.active:hover,
+.datepicker table tr td.range.today:active:focus,
+.datepicker table tr td.range.today.active:focus,
+.datepicker table tr td.range.today:active.focus,
+.datepicker table tr td.range.today.active.focus {
+ color: #000;
+ background-color: #f2aa25;
+ border-color: #815608; }
+
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today.disabled:focus,
+.datepicker table tr td.range.today[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.range.today:focus,
+.datepicker table tr td.range.today.disabled.focus,
+.datepicker table tr td.range.today[disabled].focus,
+fieldset[disabled] .datepicker table tr td.range.today.focus {
+ background-color: #f7ca77;
+ border-color: #f1a417; }
+
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:active {
+ background: #f7ca77;
+ color: #777777; }
+
+.datepicker table tr td.selected,
+.datepicker table tr td.selected.highlighted {
+ color: #fff;
+ background-color: #777777;
+ border-color: #555555;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
+
+.datepicker table tr td.selected:focus,
+.datepicker table tr td.selected.highlighted:focus,
+.datepicker table tr td.selected.focus,
+.datepicker table tr td.selected.highlighted.focus {
+ color: #fff;
+ background-color: #5e5e5e;
+ border-color: #161616; }
+
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.highlighted:hover {
+ color: #fff;
+ background-color: #5e5e5e;
+ border-color: #373737; }
+
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected.highlighted:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected.highlighted.active {
+ color: #fff;
+ background-color: #5e5e5e;
+ border-color: #373737; }
+
+.datepicker table tr td.selected:active:hover,
+.datepicker table tr td.selected.highlighted:active:hover,
+.datepicker table tr td.selected.active:hover,
+.datepicker table tr td.selected.highlighted.active:hover,
+.datepicker table tr td.selected:active:focus,
+.datepicker table tr td.selected.highlighted:active:focus,
+.datepicker table tr td.selected.active:focus,
+.datepicker table tr td.selected.highlighted.active:focus,
+.datepicker table tr td.selected:active.focus,
+.datepicker table tr td.selected.highlighted:active.focus,
+.datepicker table tr td.selected.active.focus,
+.datepicker table tr td.selected.highlighted.active.focus {
+ color: #fff;
+ background-color: #4c4c4c;
+ border-color: #161616; }
+
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.highlighted.disabled:hover,
+.datepicker table tr td.selected[disabled]:hover,
+.datepicker table tr td.selected.highlighted[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.selected:hover,
+fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
+.datepicker table tr td.selected.disabled:focus,
+.datepicker table tr td.selected.highlighted.disabled:focus,
+.datepicker table tr td.selected[disabled]:focus,
+.datepicker table tr td.selected.highlighted[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.selected:focus,
+fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
+.datepicker table tr td.selected.disabled.focus,
+.datepicker table tr td.selected.highlighted.disabled.focus,
+.datepicker table tr td.selected[disabled].focus,
+.datepicker table tr td.selected.highlighted[disabled].focus,
+fieldset[disabled] .datepicker table tr td.selected.focus,
+fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
+ background-color: #777777;
+ border-color: #555555; }
+
+.datepicker table tr td.active,
+.datepicker table tr td.active.highlighted {
+ color: #fff;
+ background-color: #337ab7;
+ border-color: #2e6da4;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
+
+.datepicker table tr td.active:focus,
+.datepicker table tr td.active.highlighted:focus,
+.datepicker table tr td.active.focus,
+.datepicker table tr td.active.highlighted.focus {
+ color: #fff;
+ background-color: #286090;
+ border-color: #122b40; }
+
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.highlighted:hover {
+ color: #fff;
+ background-color: #286090;
+ border-color: #204d74; }
+
+.datepicker table tr td.active:active,
+.datepicker table tr td.active.highlighted:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active.highlighted.active {
+ color: #fff;
+ background-color: #286090;
+ border-color: #204d74; }
+
+.datepicker table tr td.active:active:hover,
+.datepicker table tr td.active.highlighted:active:hover,
+.datepicker table tr td.active.active:hover,
+.datepicker table tr td.active.highlighted.active:hover,
+.datepicker table tr td.active:active:focus,
+.datepicker table tr td.active.highlighted:active:focus,
+.datepicker table tr td.active.active:focus,
+.datepicker table tr td.active.highlighted.active:focus,
+.datepicker table tr td.active:active.focus,
+.datepicker table tr td.active.highlighted:active.focus,
+.datepicker table tr td.active.active.focus,
+.datepicker table tr td.active.highlighted.active.focus {
+ color: #fff;
+ background-color: #204d74;
+ border-color: #122b40; }
+
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.highlighted.disabled:hover,
+.datepicker table tr td.active[disabled]:hover,
+.datepicker table tr td.active.highlighted[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.active:hover,
+fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
+.datepicker table tr td.active.disabled:focus,
+.datepicker table tr td.active.highlighted.disabled:focus,
+.datepicker table tr td.active[disabled]:focus,
+.datepicker table tr td.active.highlighted[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.active:focus,
+fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
+.datepicker table tr td.active.disabled.focus,
+.datepicker table tr td.active.highlighted.disabled.focus,
+.datepicker table tr td.active[disabled].focus,
+.datepicker table tr td.active.highlighted[disabled].focus,
+fieldset[disabled] .datepicker table tr td.active.focus,
+fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
+ background-color: #337ab7;
+ border-color: #2e6da4; }
+
+.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,
+.datepicker table tr td span.focused {
+ background: #eeeeee; }
+
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+ background: none;
+ color: #777777;
+ 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: #fff;
+ background-color: #337ab7;
+ border-color: #2e6da4;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
+
+.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.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 {
+ color: #fff;
+ background-color: #286090;
+ border-color: #122b40; }
+
+.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 {
+ color: #fff;
+ background-color: #286090;
+ border-color: #204d74; }
+
+.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 {
+ color: #fff;
+ background-color: #286090;
+ border-color: #204d74; }
+
+.datepicker table tr td span.active:active:hover,
+.datepicker table tr td span.active:hover:active:hover,
+.datepicker table tr td span.active.disabled:active:hover,
+.datepicker table tr td span.active.disabled:hover:active:hover,
+.datepicker table tr td span.active.active:hover,
+.datepicker table tr td span.active:hover.active:hover,
+.datepicker table tr td span.active.disabled.active:hover,
+.datepicker table tr td span.active.disabled:hover.active:hover,
+.datepicker table tr td span.active:active:focus,
+.datepicker table tr td span.active:hover:active:focus,
+.datepicker table tr td span.active.disabled:active:focus,
+.datepicker table tr td span.active.disabled:hover:active:focus,
+.datepicker table tr td span.active.active:focus,
+.datepicker table tr td span.active:hover.active:focus,
+.datepicker table tr td span.active.disabled.active:focus,
+.datepicker table tr td span.active.disabled:hover.active:focus,
+.datepicker table tr td span.active:active.focus,
+.datepicker table tr td span.active:hover:active.focus,
+.datepicker table tr td span.active.disabled:active.focus,
+.datepicker table tr td span.active.disabled:hover:active.focus,
+.datepicker table tr td span.active.active.focus,
+.datepicker table tr td span.active:hover.active.focus,
+.datepicker table tr td span.active.disabled.active.focus,
+.datepicker table tr td span.active.disabled:hover.active.focus {
+ color: #fff;
+ background-color: #204d74;
+ border-color: #122b40; }
+
+.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.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 {
+ background-color: #337ab7;
+ border-color: #2e6da4; }
+
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+ color: #777777; }
+
+.datepicker .datepicker-switch {
+ width: 145px; }
+
+.datepicker .datepicker-switch,
+.datepicker .prev,
+.datepicker .next,
+.datepicker tfoot tr th {
+ cursor: pointer; }
+
+.datepicker .datepicker-switch:hover,
+.datepicker .prev:hover,
+.datepicker .next:hover,
+.datepicker tfoot tr th:hover {
+ background: #eeeeee; }
+
+.datepicker .prev.disabled,
+.datepicker .next.disabled {
+ visibility: hidden; }
+
+.datepicker .cw {
+ font-size: 10px;
+ width: 12px;
+ padding: 0 2px 0 5px;
+ vertical-align: middle; }
+
+.input-group.date .input-group-addon {
+ cursor: pointer; }
+
+.input-daterange {
+ width: 100%; }
+
+.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;
+ line-height: 1.42857143;
+ border-width: 1px 0;
+ margin-left: -5px;
+ margin-right: -5px; }
+
+/*# sourceMappingURL=bootstrap-datepicker3.css.map */
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+.datepicker table tr td,
+.datepicker table tr th {
+ width: 38px !important;
+ height: 34px !important; }
+
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+ color: darkgray; }
+
+.datepicker table tr td.active:active,
+.datepicker table tr td.active.highlighted:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active.highlighted.active,
+.datepicker table tr td.selected,
+.datepicker table tr td.selected.highlighted,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.focused {
+ background-color: #967bbd;
+ border-color: #886ab5;
+ color: #fff; }
+
+.datepicker table tr td.active:active:hover,
+.datepicker table tr td.active.highlighted:active:hover,
+.datepicker table tr td.active.active:hover,
+.datepicker table tr td.active.highlighted.active:hover,
+.datepicker table tr td.active:active:focus,
+.datepicker table tr td.active.highlighted:active:focus,
+.datepicker table tr td.active.active:focus,
+.datepicker table tr td.active.highlighted.active:focus,
+.datepicker table tr td.active:active.focus,
+.datepicker table tr td.active.highlighted:active.focus,
+.datepicker table tr td.active.active.focus,
+.datepicker table tr td.active.highlighted.active.focus,
+.datepicker table tr td.selected:active:hover,
+.datepicker table tr td.selected.highlighted:active:hover,
+.datepicker table tr td.selected.active:hover,
+.datepicker table tr td.selected.highlighted.active:hover,
+.datepicker table tr td.selected:active:focus,
+.datepicker table tr td.selected.highlighted:active:focus,
+.datepicker table tr td.selected.active:focus,
+.datepicker table tr td.selected.highlighted.active:focus,
+.datepicker table tr td.selected:active.focus,
+.datepicker table tr td.selected.highlighted:active.focus,
+.datepicker table tr td.selected.active.focus,
+.datepicker table tr td.selected.highlighted.active.focus,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.highlighted:hover {
+ background-color: #7a59ad;
+ border-color: #6e4e9e;
+ color: #fff; }
+
+.datepicker table {
+ width: 100%; }
+
+.datepicker.datepicker-inline {
+ border: 1px solid #ebedf2; }
+
+.datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {
+ font-weight: 500;
+ color: #a1a8c3; }
+
+.datepicker {
+ width: 265px;
+ padding: 10px; }
+
+/*# sourceMappingURL=bootstrap-datepicker.css.map */
diff --git a/public/assets/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css.map b/public/assets/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css.map
new file mode 100644
index 0000000..e3381f1
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bootstrap-datepicker.css","../../../scss/_modules/_fonts.scss","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss","../../../../node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"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","file":"bootstrap-datepicker.css","sourcesContent":["/*!\n * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)\n *\n * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)\n */\n\n.datepicker {\n border-radius: 4px;\n direction: ltr;\n}\n.datepicker-inline {\n width: 220px;\n}\n.datepicker-rtl {\n direction: rtl;\n}\n.datepicker-rtl.dropdown-menu {\n left: auto;\n}\n.datepicker-rtl table tr td span {\n float: right;\n}\n.datepicker-dropdown {\n top: 0;\n left: 0;\n padding: 4px;\n}\n.datepicker-dropdown:before {\n content: '';\n display: inline-block;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid rgba(0, 0, 0, 0.15);\n border-top: 0;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n position: absolute;\n}\n.datepicker-dropdown:after {\n content: '';\n display: inline-block;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #fff;\n border-top: 0;\n position: absolute;\n}\n.datepicker-dropdown.datepicker-orient-left:before {\n left: 6px;\n}\n.datepicker-dropdown.datepicker-orient-left:after {\n left: 7px;\n}\n.datepicker-dropdown.datepicker-orient-right:before {\n right: 6px;\n}\n.datepicker-dropdown.datepicker-orient-right:after {\n right: 7px;\n}\n.datepicker-dropdown.datepicker-orient-bottom:before {\n top: -7px;\n}\n.datepicker-dropdown.datepicker-orient-bottom:after {\n top: -6px;\n}\n.datepicker-dropdown.datepicker-orient-top:before {\n bottom: -7px;\n border-bottom: 0;\n border-top: 7px solid rgba(0, 0, 0, 0.15);\n}\n.datepicker-dropdown.datepicker-orient-top:after {\n bottom: -6px;\n border-bottom: 0;\n border-top: 6px solid #fff;\n}\n.datepicker table {\n margin: 0;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.datepicker table tr td,\n.datepicker table tr th {\n text-align: center;\n width: 30px;\n height: 30px;\n border-radius: 4px;\n border: none;\n}\n.table-striped .datepicker table tr td,\n.table-striped .datepicker table tr th {\n background-color: transparent;\n}\n.datepicker table tr td.old,\n.datepicker table tr td.new {\n color: #777777;\n}\n.datepicker table tr td.day:hover,\n.datepicker table tr td.focused {\n background: #eeeeee;\n cursor: pointer;\n}\n.datepicker table tr td.disabled,\n.datepicker table tr td.disabled:hover {\n background: none;\n color: #777777;\n cursor: default;\n}\n.datepicker table tr td.highlighted {\n color: #000;\n background-color: #d9edf7;\n border-color: #85c5e5;\n border-radius: 0;\n}\n.datepicker table tr td.highlighted:focus,\n.datepicker table tr td.highlighted.focus {\n color: #000;\n background-color: #afd9ee;\n border-color: #298fc2;\n}\n.datepicker table tr td.highlighted:hover {\n color: #000;\n background-color: #afd9ee;\n border-color: #52addb;\n}\n.datepicker table tr td.highlighted:active,\n.datepicker table tr td.highlighted.active {\n color: #000;\n background-color: #afd9ee;\n border-color: #52addb;\n}\n.datepicker table tr td.highlighted:active:hover,\n.datepicker table tr td.highlighted.active:hover,\n.datepicker table tr td.highlighted:active:focus,\n.datepicker table tr td.highlighted.active:focus,\n.datepicker table tr td.highlighted:active.focus,\n.datepicker table tr td.highlighted.active.focus {\n color: #000;\n background-color: #91cbe8;\n border-color: #298fc2;\n}\n.datepicker table tr td.highlighted.disabled:hover,\n.datepicker table tr td.highlighted[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.highlighted:hover,\n.datepicker table tr td.highlighted.disabled:focus,\n.datepicker table tr td.highlighted[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.highlighted:focus,\n.datepicker table tr td.highlighted.disabled.focus,\n.datepicker table tr td.highlighted[disabled].focus,\nfieldset[disabled] .datepicker table tr td.highlighted.focus {\n background-color: #d9edf7;\n border-color: #85c5e5;\n}\n.datepicker table tr td.highlighted.focused {\n background: #afd9ee;\n}\n.datepicker table tr td.highlighted.disabled,\n.datepicker table tr td.highlighted.disabled:active {\n background: #d9edf7;\n color: #777777;\n}\n.datepicker table tr td.today {\n color: #000;\n background-color: #ffdb99;\n border-color: #ffb733;\n}\n.datepicker table tr td.today:focus,\n.datepicker table tr td.today.focus {\n color: #000;\n background-color: #ffc966;\n border-color: #b37400;\n}\n.datepicker table tr td.today:hover {\n color: #000;\n background-color: #ffc966;\n border-color: #f59e00;\n}\n.datepicker table tr td.today:active,\n.datepicker table tr td.today.active {\n color: #000;\n background-color: #ffc966;\n border-color: #f59e00;\n}\n.datepicker table tr td.today:active:hover,\n.datepicker table tr td.today.active:hover,\n.datepicker table tr td.today:active:focus,\n.datepicker table tr td.today.active:focus,\n.datepicker table tr td.today:active.focus,\n.datepicker table tr td.today.active.focus {\n color: #000;\n background-color: #ffbc42;\n border-color: #b37400;\n}\n.datepicker table tr td.today.disabled:hover,\n.datepicker table tr td.today[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.today:hover,\n.datepicker table tr td.today.disabled:focus,\n.datepicker table tr td.today[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.today:focus,\n.datepicker table tr td.today.disabled.focus,\n.datepicker table tr td.today[disabled].focus,\nfieldset[disabled] .datepicker table tr td.today.focus {\n background-color: #ffdb99;\n border-color: #ffb733;\n}\n.datepicker table tr td.today.focused {\n background: #ffc966;\n}\n.datepicker table tr td.today.disabled,\n.datepicker table tr td.today.disabled:active {\n background: #ffdb99;\n color: #777777;\n}\n.datepicker table tr td.range {\n color: #000;\n background-color: #eeeeee;\n border-color: #bbbbbb;\n border-radius: 0;\n}\n.datepicker table tr td.range:focus,\n.datepicker table tr td.range.focus {\n color: #000;\n background-color: #d5d5d5;\n border-color: #7c7c7c;\n}\n.datepicker table tr td.range:hover {\n color: #000;\n background-color: #d5d5d5;\n border-color: #9d9d9d;\n}\n.datepicker table tr td.range:active,\n.datepicker table tr td.range.active {\n color: #000;\n background-color: #d5d5d5;\n border-color: #9d9d9d;\n}\n.datepicker table tr td.range:active:hover,\n.datepicker table tr td.range.active:hover,\n.datepicker table tr td.range:active:focus,\n.datepicker table tr td.range.active:focus,\n.datepicker table tr td.range:active.focus,\n.datepicker table tr td.range.active.focus {\n color: #000;\n background-color: #c3c3c3;\n border-color: #7c7c7c;\n}\n.datepicker table tr td.range.disabled:hover,\n.datepicker table tr td.range[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.range:hover,\n.datepicker table tr td.range.disabled:focus,\n.datepicker table tr td.range[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.range:focus,\n.datepicker table tr td.range.disabled.focus,\n.datepicker table tr td.range[disabled].focus,\nfieldset[disabled] .datepicker table tr td.range.focus {\n background-color: #eeeeee;\n border-color: #bbbbbb;\n}\n.datepicker table tr td.range.focused {\n background: #d5d5d5;\n}\n.datepicker table tr td.range.disabled,\n.datepicker table tr td.range.disabled:active {\n background: #eeeeee;\n color: #777777;\n}\n.datepicker table tr td.range.highlighted {\n color: #000;\n background-color: #e4eef3;\n border-color: #9dc1d3;\n}\n.datepicker table tr td.range.highlighted:focus,\n.datepicker table tr td.range.highlighted.focus {\n color: #000;\n background-color: #c1d7e3;\n border-color: #4b88a6;\n}\n.datepicker table tr td.range.highlighted:hover {\n color: #000;\n background-color: #c1d7e3;\n border-color: #73a6c0;\n}\n.datepicker table tr td.range.highlighted:active,\n.datepicker table tr td.range.highlighted.active {\n color: #000;\n background-color: #c1d7e3;\n border-color: #73a6c0;\n}\n.datepicker table tr td.range.highlighted:active:hover,\n.datepicker table tr td.range.highlighted.active:hover,\n.datepicker table tr td.range.highlighted:active:focus,\n.datepicker table tr td.range.highlighted.active:focus,\n.datepicker table tr td.range.highlighted:active.focus,\n.datepicker table tr td.range.highlighted.active.focus {\n color: #000;\n background-color: #a8c8d8;\n border-color: #4b88a6;\n}\n.datepicker table tr td.range.highlighted.disabled:hover,\n.datepicker table tr td.range.highlighted[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.range.highlighted:hover,\n.datepicker table tr td.range.highlighted.disabled:focus,\n.datepicker table tr td.range.highlighted[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.range.highlighted:focus,\n.datepicker table tr td.range.highlighted.disabled.focus,\n.datepicker table tr td.range.highlighted[disabled].focus,\nfieldset[disabled] .datepicker table tr td.range.highlighted.focus {\n background-color: #e4eef3;\n border-color: #9dc1d3;\n}\n.datepicker table tr td.range.highlighted.focused {\n background: #c1d7e3;\n}\n.datepicker table tr td.range.highlighted.disabled,\n.datepicker table tr td.range.highlighted.disabled:active {\n background: #e4eef3;\n color: #777777;\n}\n.datepicker table tr td.range.today {\n color: #000;\n background-color: #f7ca77;\n border-color: #f1a417;\n}\n.datepicker table tr td.range.today:focus,\n.datepicker table tr td.range.today.focus {\n color: #000;\n background-color: #f4b747;\n border-color: #815608;\n}\n.datepicker table tr td.range.today:hover {\n color: #000;\n background-color: #f4b747;\n border-color: #bf800c;\n}\n.datepicker table tr td.range.today:active,\n.datepicker table tr td.range.today.active {\n color: #000;\n background-color: #f4b747;\n border-color: #bf800c;\n}\n.datepicker table tr td.range.today:active:hover,\n.datepicker table tr td.range.today.active:hover,\n.datepicker table tr td.range.today:active:focus,\n.datepicker table tr td.range.today.active:focus,\n.datepicker table tr td.range.today:active.focus,\n.datepicker table tr td.range.today.active.focus {\n color: #000;\n background-color: #f2aa25;\n border-color: #815608;\n}\n.datepicker table tr td.range.today.disabled:hover,\n.datepicker table tr td.range.today[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.range.today:hover,\n.datepicker table tr td.range.today.disabled:focus,\n.datepicker table tr td.range.today[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.range.today:focus,\n.datepicker table tr td.range.today.disabled.focus,\n.datepicker table tr td.range.today[disabled].focus,\nfieldset[disabled] .datepicker table tr td.range.today.focus {\n background-color: #f7ca77;\n border-color: #f1a417;\n}\n.datepicker table tr td.range.today.disabled,\n.datepicker table tr td.range.today.disabled:active {\n background: #f7ca77;\n color: #777777;\n}\n.datepicker table tr td.selected,\n.datepicker table tr td.selected.highlighted {\n color: #fff;\n background-color: #777777;\n border-color: #555555;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\n.datepicker table tr td.selected:focus,\n.datepicker table tr td.selected.highlighted:focus,\n.datepicker table tr td.selected.focus,\n.datepicker table tr td.selected.highlighted.focus {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #161616;\n}\n.datepicker table tr td.selected:hover,\n.datepicker table tr td.selected.highlighted:hover {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #373737;\n}\n.datepicker table tr td.selected:active,\n.datepicker table tr td.selected.highlighted:active,\n.datepicker table tr td.selected.active,\n.datepicker table tr td.selected.highlighted.active {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #373737;\n}\n.datepicker table tr td.selected:active:hover,\n.datepicker table tr td.selected.highlighted:active:hover,\n.datepicker table tr td.selected.active:hover,\n.datepicker table tr td.selected.highlighted.active:hover,\n.datepicker table tr td.selected:active:focus,\n.datepicker table tr td.selected.highlighted:active:focus,\n.datepicker table tr td.selected.active:focus,\n.datepicker table tr td.selected.highlighted.active:focus,\n.datepicker table tr td.selected:active.focus,\n.datepicker table tr td.selected.highlighted:active.focus,\n.datepicker table tr td.selected.active.focus,\n.datepicker table tr td.selected.highlighted.active.focus {\n color: #fff;\n background-color: #4c4c4c;\n border-color: #161616;\n}\n.datepicker table tr td.selected.disabled:hover,\n.datepicker table tr td.selected.highlighted.disabled:hover,\n.datepicker table tr td.selected[disabled]:hover,\n.datepicker table tr td.selected.highlighted[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.selected:hover,\nfieldset[disabled] .datepicker table tr td.selected.highlighted:hover,\n.datepicker table tr td.selected.disabled:focus,\n.datepicker table tr td.selected.highlighted.disabled:focus,\n.datepicker table tr td.selected[disabled]:focus,\n.datepicker table tr td.selected.highlighted[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.selected:focus,\nfieldset[disabled] .datepicker table tr td.selected.highlighted:focus,\n.datepicker table tr td.selected.disabled.focus,\n.datepicker table tr td.selected.highlighted.disabled.focus,\n.datepicker table tr td.selected[disabled].focus,\n.datepicker table tr td.selected.highlighted[disabled].focus,\nfieldset[disabled] .datepicker table tr td.selected.focus,\nfieldset[disabled] .datepicker table tr td.selected.highlighted.focus {\n background-color: #777777;\n border-color: #555555;\n}\n.datepicker table tr td.active,\n.datepicker table tr td.active.highlighted {\n color: #fff;\n background-color: #337ab7;\n border-color: #2e6da4;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\n.datepicker table tr td.active:focus,\n.datepicker table tr td.active.highlighted:focus,\n.datepicker table tr td.active.focus,\n.datepicker table tr td.active.highlighted.focus {\n color: #fff;\n background-color: #286090;\n border-color: #122b40;\n}\n.datepicker table tr td.active:hover,\n.datepicker table tr td.active.highlighted:hover {\n color: #fff;\n background-color: #286090;\n border-color: #204d74;\n}\n.datepicker table tr td.active:active,\n.datepicker table tr td.active.highlighted:active,\n.datepicker table tr td.active.active,\n.datepicker table tr td.active.highlighted.active {\n color: #fff;\n background-color: #286090;\n border-color: #204d74;\n}\n.datepicker table tr td.active:active:hover,\n.datepicker table tr td.active.highlighted:active:hover,\n.datepicker table tr td.active.active:hover,\n.datepicker table tr td.active.highlighted.active:hover,\n.datepicker table tr td.active:active:focus,\n.datepicker table tr td.active.highlighted:active:focus,\n.datepicker table tr td.active.active:focus,\n.datepicker table tr td.active.highlighted.active:focus,\n.datepicker table tr td.active:active.focus,\n.datepicker table tr td.active.highlighted:active.focus,\n.datepicker table tr td.active.active.focus,\n.datepicker table tr td.active.highlighted.active.focus {\n color: #fff;\n background-color: #204d74;\n border-color: #122b40;\n}\n.datepicker table tr td.active.disabled:hover,\n.datepicker table tr td.active.highlighted.disabled:hover,\n.datepicker table tr td.active[disabled]:hover,\n.datepicker table tr td.active.highlighted[disabled]:hover,\nfieldset[disabled] .datepicker table tr td.active:hover,\nfieldset[disabled] .datepicker table tr td.active.highlighted:hover,\n.datepicker table tr td.active.disabled:focus,\n.datepicker table tr td.active.highlighted.disabled:focus,\n.datepicker table tr td.active[disabled]:focus,\n.datepicker table tr td.active.highlighted[disabled]:focus,\nfieldset[disabled] .datepicker table tr td.active:focus,\nfieldset[disabled] .datepicker table tr td.active.highlighted:focus,\n.datepicker table tr td.active.disabled.focus,\n.datepicker table tr td.active.highlighted.disabled.focus,\n.datepicker table tr td.active[disabled].focus,\n.datepicker table tr td.active.highlighted[disabled].focus,\nfieldset[disabled] .datepicker table tr td.active.focus,\nfieldset[disabled] .datepicker table tr td.active.highlighted.focus {\n background-color: #337ab7;\n border-color: #2e6da4;\n}\n.datepicker table tr td span {\n display: block;\n width: 23%;\n height: 54px;\n line-height: 54px;\n float: left;\n margin: 1%;\n cursor: pointer;\n border-radius: 4px;\n}\n.datepicker table tr td span:hover,\n.datepicker table tr td span.focused {\n background: #eeeeee;\n}\n.datepicker table tr td span.disabled,\n.datepicker table tr td span.disabled:hover {\n background: none;\n color: #777777;\n cursor: default;\n}\n.datepicker table tr td span.active,\n.datepicker table tr td span.active:hover,\n.datepicker table tr td span.active.disabled,\n.datepicker table tr td span.active.disabled:hover {\n color: #fff;\n background-color: #337ab7;\n border-color: #2e6da4;\n text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);\n}\n.datepicker table tr td span.active:focus,\n.datepicker table tr td span.active:hover:focus,\n.datepicker table tr td span.active.disabled:focus,\n.datepicker table tr td span.active.disabled:hover:focus,\n.datepicker table tr td span.active.focus,\n.datepicker table tr td span.active:hover.focus,\n.datepicker table tr td span.active.disabled.focus,\n.datepicker table tr td span.active.disabled:hover.focus {\n color: #fff;\n background-color: #286090;\n border-color: #122b40;\n}\n.datepicker table tr td span.active:hover,\n.datepicker table tr td span.active:hover:hover,\n.datepicker table tr td span.active.disabled:hover,\n.datepicker table tr td span.active.disabled:hover:hover {\n color: #fff;\n background-color: #286090;\n border-color: #204d74;\n}\n.datepicker table tr td span.active:active,\n.datepicker table tr td span.active:hover:active,\n.datepicker table tr td span.active.disabled:active,\n.datepicker table tr td span.active.disabled:hover:active,\n.datepicker table tr td span.active.active,\n.datepicker table tr td span.active:hover.active,\n.datepicker table tr td span.active.disabled.active,\n.datepicker table tr td span.active.disabled:hover.active {\n color: #fff;\n background-color: #286090;\n border-color: #204d74;\n}\n.datepicker table tr td span.active:active:hover,\n.datepicker table tr td span.active:hover:active:hover,\n.datepicker table tr td span.active.disabled:active:hover,\n.datepicker table tr td span.active.disabled:hover:active:hover,\n.datepicker table tr td span.active.active:hover,\n.datepicker table tr td span.active:hover.active:hover,\n.datepicker table tr td span.active.disabled.active:hover,\n.datepicker table tr td span.active.disabled:hover.active:hover,\n.datepicker table tr td span.active:active:focus,\n.datepicker table tr td span.active:hover:active:focus,\n.datepicker table tr td span.active.disabled:active:focus,\n.datepicker table tr td span.active.disabled:hover:active:focus,\n.datepicker table tr td span.active.active:focus,\n.datepicker table tr td span.active:hover.active:focus,\n.datepicker table tr td span.active.disabled.active:focus,\n.datepicker table tr td span.active.disabled:hover.active:focus,\n.datepicker table tr td span.active:active.focus,\n.datepicker table tr td span.active:hover:active.focus,\n.datepicker table tr td span.active.disabled:active.focus,\n.datepicker table tr td span.active.disabled:hover:active.focus,\n.datepicker table tr td span.active.active.focus,\n.datepicker table tr td span.active:hover.active.focus,\n.datepicker table tr td span.active.disabled.active.focus,\n.datepicker table tr td span.active.disabled:hover.active.focus {\n color: #fff;\n background-color: #204d74;\n border-color: #122b40;\n}\n.datepicker table tr td span.active.disabled:hover,\n.datepicker table tr td span.active:hover.disabled:hover,\n.datepicker table tr td span.active.disabled.disabled:hover,\n.datepicker table tr td span.active.disabled:hover.disabled:hover,\n.datepicker table tr td span.active[disabled]:hover,\n.datepicker table tr td span.active:hover[disabled]:hover,\n.datepicker table tr td span.active.disabled[disabled]:hover,\n.datepicker table tr td span.active.disabled:hover[disabled]:hover,\nfieldset[disabled] .datepicker table tr td span.active:hover,\nfieldset[disabled] .datepicker table tr td span.active:hover:hover,\nfieldset[disabled] .datepicker table tr td span.active.disabled:hover,\nfieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,\n.datepicker table tr td span.active.disabled:focus,\n.datepicker table tr td span.active:hover.disabled:focus,\n.datepicker table tr td span.active.disabled.disabled:focus,\n.datepicker table tr td span.active.disabled:hover.disabled:focus,\n.datepicker table tr td span.active[disabled]:focus,\n.datepicker table tr td span.active:hover[disabled]:focus,\n.datepicker table tr td span.active.disabled[disabled]:focus,\n.datepicker table tr td span.active.disabled:hover[disabled]:focus,\nfieldset[disabled] .datepicker table tr td span.active:focus,\nfieldset[disabled] .datepicker table tr td span.active:hover:focus,\nfieldset[disabled] .datepicker table tr td span.active.disabled:focus,\nfieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,\n.datepicker table tr td span.active.disabled.focus,\n.datepicker table tr td span.active:hover.disabled.focus,\n.datepicker table tr td span.active.disabled.disabled.focus,\n.datepicker table tr td span.active.disabled:hover.disabled.focus,\n.datepicker table tr td span.active[disabled].focus,\n.datepicker table tr td span.active:hover[disabled].focus,\n.datepicker table tr td span.active.disabled[disabled].focus,\n.datepicker table tr td span.active.disabled:hover[disabled].focus,\nfieldset[disabled] .datepicker table tr td span.active.focus,\nfieldset[disabled] .datepicker table tr td span.active:hover.focus,\nfieldset[disabled] .datepicker table tr td span.active.disabled.focus,\nfieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {\n background-color: #337ab7;\n border-color: #2e6da4;\n}\n.datepicker table tr td span.old,\n.datepicker table tr td span.new {\n color: #777777;\n}\n.datepicker .datepicker-switch {\n width: 145px;\n}\n.datepicker .datepicker-switch,\n.datepicker .prev,\n.datepicker .next,\n.datepicker tfoot tr th {\n cursor: pointer;\n}\n.datepicker .datepicker-switch:hover,\n.datepicker .prev:hover,\n.datepicker .next:hover,\n.datepicker tfoot tr th:hover {\n background: #eeeeee;\n}\n.datepicker .prev.disabled,\n.datepicker .next.disabled {\n visibility: hidden;\n}\n.datepicker .cw {\n font-size: 10px;\n width: 12px;\n padding: 0 2px 0 5px;\n vertical-align: middle;\n}\n.input-group.date .input-group-addon {\n cursor: pointer;\n}\n.input-daterange {\n width: 100%;\n}\n.input-daterange input {\n text-align: center;\n}\n.input-daterange input:first-child {\n border-radius: 3px 0 0 3px;\n}\n.input-daterange input:last-child {\n border-radius: 0 3px 3px 0;\n}\n.input-daterange .input-group-addon {\n width: auto;\n min-width: 16px;\n padding: 4px 5px;\n line-height: 1.42857143;\n border-width: 1px 0;\n margin-left: -5px;\n margin-right: -5px;\n}\n/*# sourceMappingURL=bootstrap-datepicker3.css.map */\n@import './src/scss/_imports/_global-import';\r\n\r\n.datepicker table tr td, \r\n.datepicker table tr th, {\r\n\twidth: 38px !important;\r\n\theight: 34px !important;\r\n}\r\n\r\n.datepicker table tr td.old, \r\n.datepicker table tr td.new {\r\n\tcolor: lighten($fusion-50, 10%);\r\n}\r\n\r\n.datepicker table tr td.active:active, \r\n.datepicker table tr td.active.highlighted:active, \r\n.datepicker table tr td.active.active, \r\n.datepicker table tr td.active.highlighted.active,\r\n.datepicker table tr td.selected,\r\n.datepicker table tr td.selected.highlighted,\r\n.datepicker table tr td span.active.active,\r\n.datepicker table tr td span.focused {\r\n\tbackground-color: $primary-400;\r\n\tborder-color: $primary-500;\r\n\tcolor: $white;\r\n}\r\n\r\n\r\n.datepicker table tr td.active:active:hover, \r\n.datepicker table tr td.active.highlighted:active:hover, \r\n.datepicker table tr td.active.active:hover, \r\n.datepicker table tr td.active.highlighted.active:hover, \r\n.datepicker table tr td.active:active:focus, \r\n.datepicker table tr td.active.highlighted:active:focus, \r\n.datepicker table tr td.active.active:focus, \r\n.datepicker table tr td.active.highlighted.active:focus, \r\n.datepicker table tr td.active:active.focus, \r\n.datepicker table tr td.active.highlighted:active.focus, \r\n.datepicker table tr td.active.active.focus, \r\n.datepicker table tr td.active.highlighted.active.focus,\r\n.datepicker table tr td.selected:active:hover, \r\n.datepicker table tr td.selected.highlighted:active:hover, \r\n.datepicker table tr td.selected.active:hover, \r\n.datepicker table tr td.selected.highlighted.active:hover,\r\n.datepicker table tr td.selected:active:focus, \r\n.datepicker table tr td.selected.highlighted:active:focus, \r\n.datepicker table tr td.selected.active:focus, \r\n.datepicker table tr td.selected.highlighted.active:focus, \r\n.datepicker table tr td.selected:active.focus, \r\n.datepicker table tr td.selected.highlighted:active.focus, \r\n.datepicker table tr td.selected.active.focus, \r\n.datepicker table tr td.selected.highlighted.active.focus,\r\n.datepicker table tr td.selected:hover, \r\n.datepicker table tr td.selected.highlighted:hover {\r\n\tbackground-color: $primary-600;\r\n\tborder-color: $primary-700;\r\n\tcolor: $white;\r\n}\r\n\r\n\r\n.datepicker table {\r\n\twidth:100%;\r\n}\r\n\r\n.datepicker.datepicker-inline {\r\n border: 1px solid #ebedf2;\r\n}\r\n\r\n.datepicker thead th.prev, .datepicker thead th.datepicker-switch, .datepicker thead th.next {\r\n font-weight: 500;\r\n color: #a1a8c3;\r\n}\r\n\r\n\r\n.datepicker {\r\n width: 265px;\r\n padding: 10px;\r\n}","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css b/public/assets/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css
new file mode 100644
index 0000000..67c1781
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css
@@ -0,0 +1,791 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+.daterangepicker {
+ position: absolute;
+ color: inherit;
+ background-color: #fff;
+ border-radius: 4px;
+ border: 1px solid #ddd;
+ width: 278px;
+ max-width: none;
+ padding: 0;
+ margin-top: 7px;
+ top: 100px;
+ left: 20px;
+ z-index: 3001;
+ display: none;
+ font-family: arial;
+ font-size: 15px;
+ line-height: 1em; }
+
+.daterangepicker:before, .daterangepicker:after {
+ position: absolute;
+ display: inline-block;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
+ content: ''; }
+
+.daterangepicker:before {
+ top: -7px;
+ border-right: 7px solid transparent;
+ border-left: 7px solid transparent;
+ border-bottom: 7px solid #ccc; }
+
+.daterangepicker:after {
+ top: -6px;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #fff;
+ border-left: 6px solid transparent; }
+
+.daterangepicker.opensleft:before {
+ right: 9px; }
+
+.daterangepicker.opensleft:after {
+ right: 10px; }
+
+.daterangepicker.openscenter:before {
+ left: 0;
+ right: 0;
+ width: 0;
+ margin-left: auto;
+ margin-right: auto; }
+
+.daterangepicker.openscenter:after {
+ left: 0;
+ right: 0;
+ width: 0;
+ margin-left: auto;
+ margin-right: auto; }
+
+.daterangepicker.opensright:before {
+ left: 9px; }
+
+.daterangepicker.opensright:after {
+ left: 10px; }
+
+.daterangepicker.drop-up {
+ margin-top: -7px; }
+
+.daterangepicker.drop-up:before {
+ top: initial;
+ bottom: -7px;
+ border-bottom: initial;
+ border-top: 7px solid #ccc; }
+
+.daterangepicker.drop-up:after {
+ top: initial;
+ bottom: -6px;
+ border-bottom: initial;
+ border-top: 6px solid #fff; }
+
+.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
+ float: none; }
+
+.daterangepicker.single .drp-selected {
+ display: none; }
+
+.daterangepicker.show-calendar .drp-calendar {
+ display: block; }
+
+.daterangepicker.show-calendar .drp-buttons {
+ display: block; }
+
+.daterangepicker.auto-apply .drp-buttons {
+ display: none; }
+
+.daterangepicker .drp-calendar {
+ display: none;
+ max-width: 270px; }
+
+.daterangepicker .drp-calendar.left {
+ padding: 8px 0 8px 8px; }
+
+.daterangepicker .drp-calendar.right {
+ padding: 8px; }
+
+.daterangepicker .drp-calendar.single .calendar-table {
+ border: none; }
+
+.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+ color: #fff;
+ border: solid black;
+ border-width: 0 2px 2px 0;
+ border-radius: 0;
+ display: inline-block;
+ padding: 3px; }
+
+.daterangepicker .calendar-table .next span {
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg); }
+
+.daterangepicker .calendar-table .prev span {
+ transform: rotate(135deg);
+ -webkit-transform: rotate(135deg); }
+
+.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
+ white-space: nowrap;
+ text-align: center;
+ vertical-align: middle;
+ min-width: 32px;
+ width: 32px;
+ height: 24px;
+ line-height: 24px;
+ font-size: 12px;
+ border-radius: 4px;
+ border: 1px solid transparent;
+ white-space: nowrap;
+ cursor: pointer; }
+
+.daterangepicker .calendar-table {
+ border: 1px solid #fff;
+ border-radius: 4px;
+ background-color: #fff; }
+
+.daterangepicker .calendar-table table {
+ width: 100%;
+ margin: 0;
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+ background-color: #eee;
+ border-color: transparent;
+ color: inherit; }
+
+.daterangepicker td.week, .daterangepicker th.week {
+ font-size: 80%;
+ color: #ccc; }
+
+.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
+ background-color: #fff;
+ border-color: transparent;
+ color: #999; }
+
+.daterangepicker td.in-range {
+ background-color: #ebf4f8;
+ border-color: transparent;
+ color: #000;
+ border-radius: 0; }
+
+.daterangepicker td.start-date {
+ border-radius: 4px 0 0 4px; }
+
+.daterangepicker td.end-date {
+ border-radius: 0 4px 4px 0; }
+
+.daterangepicker td.start-date.end-date {
+ border-radius: 4px; }
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+ background-color: #357ebd;
+ border-color: transparent;
+ color: #fff; }
+
+.daterangepicker th.month {
+ width: auto; }
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+ color: #999;
+ cursor: not-allowed;
+ text-decoration: line-through; }
+
+.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.secondselect, .daterangepicker select.ampmselect {
+ width: 50px;
+ margin: 0 auto;
+ background: #eee;
+ border: 1px solid #eee;
+ padding: 2px;
+ outline: 0;
+ font-size: 12px; }
+
+.daterangepicker .calendar-time {
+ text-align: center;
+ margin: 4px auto 0 auto;
+ line-height: 30px;
+ position: relative; }
+
+.daterangepicker .calendar-time select.disabled {
+ color: #ccc;
+ cursor: not-allowed; }
+
+.daterangepicker .drp-buttons {
+ clear: both;
+ text-align: right;
+ padding: 8px;
+ border-top: 1px solid #ddd;
+ display: none;
+ line-height: 12px;
+ vertical-align: middle; }
+
+.daterangepicker .drp-selected {
+ display: inline-block;
+ font-size: 12px;
+ padding-right: 8px; }
+
+.daterangepicker .drp-buttons .btn {
+ margin-left: 8px;
+ font-size: 12px;
+ font-weight: bold;
+ padding: 4px 8px; }
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+ border-right: 1px solid #ddd; }
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+ border-left: 1px solid #ddd; }
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+ border-right: 1px solid #ddd; }
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+ border-left: 1px solid #ddd; }
+
+.daterangepicker .ranges {
+ float: none;
+ text-align: left;
+ margin: 0; }
+
+.daterangepicker.show-calendar .ranges {
+ margin-top: 8px; }
+
+.daterangepicker .ranges ul {
+ list-style: none;
+ margin: 0 auto;
+ padding: 0;
+ width: 100%; }
+
+.daterangepicker .ranges li {
+ font-size: 12px;
+ padding: 8px 12px;
+ cursor: pointer; }
+
+.daterangepicker .ranges li:hover {
+ background-color: #eee; }
+
+.daterangepicker .ranges li.active {
+ background-color: #08c;
+ color: #fff; }
+
+/* Larger Screen Styling */
+@media (min-width: 564px) {
+ .daterangepicker {
+ width: auto; }
+ .daterangepicker .ranges ul {
+ width: 140px; }
+ .daterangepicker.single .ranges ul {
+ width: 100%; }
+ .daterangepicker.single .drp-calendar.left {
+ clear: none; }
+ .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {
+ float: left; }
+ .daterangepicker {
+ direction: ltr;
+ text-align: left; }
+ .daterangepicker .drp-calendar.left {
+ clear: left;
+ margin-right: 0; }
+ .daterangepicker .drp-calendar.left .calendar-table {
+ border-right: none;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .daterangepicker .drp-calendar.right {
+ margin-left: 0; }
+ .daterangepicker .drp-calendar.right .calendar-table {
+ border-left: none;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+ .daterangepicker .drp-calendar.left .calendar-table {
+ padding-right: 8px; }
+ .daterangepicker .ranges, .daterangepicker .drp-calendar {
+ float: left; } }
+
+@media (min-width: 730px) {
+ .daterangepicker .ranges {
+ width: auto; }
+ .daterangepicker .ranges {
+ float: left; }
+ .daterangepicker.rtl .ranges {
+ float: right; }
+ .daterangepicker .drp-calendar.left {
+ clear: none !important; } }
+
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+.daterangepicker table tr td,
+.daterangepicker table tr th {
+ width: 38px !important;
+ height: 34px !important; }
+
+.daterangepicker table tr td.old,
+.daterangepicker table tr td.new {
+ color: darkgray; }
+
+.daterangepicker table tr td.active:active,
+.daterangepicker table tr td.active.highlighted:active,
+.daterangepicker table tr td.active.active,
+.daterangepicker table tr td.active.highlighted.active,
+.daterangepicker table tr td.selected,
+.daterangepicker table tr td.selected.highlighted,
+.daterangepicker table tr td span.active.active,
+.daterangepicker table tr td span.focused {
+ background-color: #967bbd;
+ color: #fff; }
+
+.daterangepicker table tr td.active:active:hover,
+.daterangepicker table tr td.active.highlighted:active:hover,
+.daterangepicker table tr td.active.active:hover,
+.daterangepicker table tr td.active.highlighted.active:hover,
+.daterangepicker table tr td.active:active:focus,
+.daterangepicker table tr td.active.highlighted:active:focus,
+.daterangepicker table tr td.active.active:focus,
+.daterangepicker table tr td.active.highlighted.active:focus,
+.daterangepicker table tr td.active:active.focus,
+.daterangepicker table tr td.active.highlighted:active.focus,
+.daterangepicker table tr td.active.active.focus,
+.daterangepicker table tr td.active.highlighted.active.focus,
+.daterangepicker table tr td.selected:active:hover,
+.daterangepicker table tr td.selected.highlighted:active:hover,
+.daterangepicker table tr td.selected.active:hover,
+.daterangepicker table tr td.selected.highlighted.active:hover,
+.daterangepicker table tr td.selected:active:focus,
+.daterangepicker table tr td.selected.highlighted:active:focus,
+.daterangepicker table tr td.selected.active:focus,
+.daterangepicker table tr td.selected.highlighted.active:focus,
+.daterangepicker table tr td.selected:active.focus,
+.daterangepicker table tr td.selected.highlighted:active.focus,
+.daterangepicker table tr td.selected.active.focus,
+.daterangepicker table tr td.selected.highlighted.active.focus,
+.daterangepicker table tr td.selected:hover,
+.daterangepicker table tr td.selected.highlighted:hover {
+ background-color: #7a59ad;
+ color: #fff; }
+
+.daterangepicker .calendar-table .next,
+.daterangepicker .calendar-table .prev {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
+ border-color: #a1a8c3; }
+
+.daterangepicker .in-range.available {
+ background-color: #ffe3a7; }
+
+.daterangepicker .off.ends.in-range.available {
+ background-color: #ffebc1; }
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+ background-color: #ffd274; }
+
+.daterangepicker td.start-date {
+ border-radius: 10px 0 0 10px; }
+
+.daterangepicker td.end-date {
+ border-radius: 0 10px 10px 0; }
+
+.daterangepicker table tr td,
+.daterangepicker table tr th {
+ width: 38px !important;
+ height: 34px !important; }
+
+.daterangepicker .calendar-table table thead tr th {
+ font-weight: bold; }
+ .daterangepicker .calendar-table table thead tr th.month {
+ color: #a1a8c3; }
+
+.daterangepicker .ranges li {
+ font-size: 0.8125rem;
+ padding: 0.75rem 1rem; }
+ .daterangepicker .ranges li.active {
+ background-color: #886ab5; }
+
+/*# sourceMappingURL=bootstrap-daterangepicker.css.map */
diff --git a/public/assets/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css.map b/public/assets/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css.map
new file mode 100644
index 0000000..da15745
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/_modules/_fonts.scss","bootstrap-daterangepicker.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss","../../../../node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"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","file":"bootstrap-daterangepicker.css","sourcesContent":["@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */",".daterangepicker {\r\n position: absolute;\r\n color: inherit;\r\n background-color: #fff;\r\n border-radius: 4px;\r\n border: 1px solid #ddd;\r\n width: 278px;\r\n max-width: none;\r\n padding: 0;\r\n margin-top: 7px;\r\n top: 100px;\r\n left: 20px;\r\n z-index: 3001;\r\n display: none;\r\n font-family: arial;\r\n font-size: 15px;\r\n line-height: 1em;\r\n}\r\n\r\n.daterangepicker:before, .daterangepicker:after {\r\n position: absolute;\r\n display: inline-block;\r\n border-bottom-color: rgba(0, 0, 0, 0.2);\r\n content: '';\r\n}\r\n\r\n.daterangepicker:before {\r\n top: -7px;\r\n border-right: 7px solid transparent;\r\n border-left: 7px solid transparent;\r\n border-bottom: 7px solid #ccc;\r\n}\r\n\r\n.daterangepicker:after {\r\n top: -6px;\r\n border-right: 6px solid transparent;\r\n border-bottom: 6px solid #fff;\r\n border-left: 6px solid transparent;\r\n}\r\n\r\n.daterangepicker.opensleft:before {\r\n right: 9px;\r\n}\r\n\r\n.daterangepicker.opensleft:after {\r\n right: 10px;\r\n}\r\n\r\n.daterangepicker.openscenter:before {\r\n left: 0;\r\n right: 0;\r\n width: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.daterangepicker.openscenter:after {\r\n left: 0;\r\n right: 0;\r\n width: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.daterangepicker.opensright:before {\r\n left: 9px;\r\n}\r\n\r\n.daterangepicker.opensright:after {\r\n left: 10px;\r\n}\r\n\r\n.daterangepicker.drop-up {\r\n margin-top: -7px;\r\n}\r\n\r\n.daterangepicker.drop-up:before {\r\n top: initial;\r\n bottom: -7px;\r\n border-bottom: initial;\r\n border-top: 7px solid #ccc;\r\n}\r\n\r\n.daterangepicker.drop-up:after {\r\n top: initial;\r\n bottom: -6px;\r\n border-bottom: initial;\r\n border-top: 6px solid #fff;\r\n}\r\n\r\n.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {\r\n float: none;\r\n}\r\n\r\n.daterangepicker.single .drp-selected {\r\n display: none;\r\n}\r\n\r\n.daterangepicker.show-calendar .drp-calendar {\r\n display: block;\r\n}\r\n\r\n.daterangepicker.show-calendar .drp-buttons {\r\n display: block;\r\n}\r\n\r\n.daterangepicker.auto-apply .drp-buttons {\r\n display: none;\r\n}\r\n\r\n.daterangepicker .drp-calendar {\r\n display: none;\r\n max-width: 270px;\r\n}\r\n\r\n.daterangepicker .drp-calendar.left {\r\n padding: 8px 0 8px 8px;\r\n}\r\n\r\n.daterangepicker .drp-calendar.right {\r\n padding: 8px;\r\n}\r\n\r\n.daterangepicker .drp-calendar.single .calendar-table {\r\n border: none;\r\n}\r\n\r\n.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {\r\n color: #fff;\r\n border: solid black;\r\n border-width: 0 2px 2px 0;\r\n border-radius: 0;\r\n display: inline-block;\r\n padding: 3px;\r\n}\r\n\r\n.daterangepicker .calendar-table .next span {\r\n transform: rotate(-45deg);\r\n -webkit-transform: rotate(-45deg);\r\n}\r\n\r\n.daterangepicker .calendar-table .prev span {\r\n transform: rotate(135deg);\r\n -webkit-transform: rotate(135deg);\r\n}\r\n\r\n.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {\r\n white-space: nowrap;\r\n text-align: center;\r\n vertical-align: middle;\r\n min-width: 32px;\r\n width: 32px;\r\n height: 24px;\r\n line-height: 24px;\r\n font-size: 12px;\r\n border-radius: 4px;\r\n border: 1px solid transparent;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n}\r\n\r\n.daterangepicker .calendar-table {\r\n border: 1px solid #fff;\r\n border-radius: 4px;\r\n background-color: #fff;\r\n}\r\n\r\n.daterangepicker .calendar-table table {\r\n width: 100%;\r\n margin: 0;\r\n border-spacing: 0;\r\n border-collapse: collapse;\r\n}\r\n\r\n.daterangepicker td.available:hover, .daterangepicker th.available:hover {\r\n background-color: #eee;\r\n border-color: transparent;\r\n color: inherit;\r\n}\r\n\r\n.daterangepicker td.week, .daterangepicker th.week {\r\n font-size: 80%;\r\n color: #ccc;\r\n}\r\n\r\n.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {\r\n background-color: #fff;\r\n border-color: transparent;\r\n color: #999;\r\n}\r\n\r\n.daterangepicker td.in-range {\r\n background-color: #ebf4f8;\r\n border-color: transparent;\r\n color: #000;\r\n border-radius: 0;\r\n}\r\n\r\n.daterangepicker td.start-date {\r\n border-radius: 4px 0 0 4px;\r\n}\r\n\r\n.daterangepicker td.end-date {\r\n border-radius: 0 4px 4px 0;\r\n}\r\n\r\n.daterangepicker td.start-date.end-date {\r\n border-radius: 4px;\r\n}\r\n\r\n.daterangepicker td.active, .daterangepicker td.active:hover {\r\n background-color: #357ebd;\r\n border-color: transparent;\r\n color: #fff;\r\n}\r\n\r\n.daterangepicker th.month {\r\n width: auto;\r\n}\r\n\r\n.daterangepicker td.disabled, .daterangepicker option.disabled {\r\n color: #999;\r\n cursor: not-allowed;\r\n text-decoration: line-through;\r\n}\r\n\r\n.daterangepicker select.monthselect, .daterangepicker select.yearselect {\r\n font-size: 12px;\r\n padding: 1px;\r\n height: auto;\r\n margin: 0;\r\n cursor: default;\r\n}\r\n\r\n.daterangepicker select.monthselect {\r\n margin-right: 2%;\r\n width: 56%;\r\n}\r\n\r\n.daterangepicker select.yearselect {\r\n width: 40%;\r\n}\r\n\r\n.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {\r\n width: 50px;\r\n margin: 0 auto;\r\n background: #eee;\r\n border: 1px solid #eee;\r\n padding: 2px;\r\n outline: 0;\r\n font-size: 12px;\r\n}\r\n\r\n.daterangepicker .calendar-time {\r\n text-align: center;\r\n margin: 4px auto 0 auto;\r\n line-height: 30px;\r\n position: relative;\r\n}\r\n\r\n.daterangepicker .calendar-time select.disabled {\r\n color: #ccc;\r\n cursor: not-allowed;\r\n}\r\n\r\n.daterangepicker .drp-buttons {\r\n clear: both;\r\n text-align: right;\r\n padding: 8px;\r\n border-top: 1px solid #ddd;\r\n display: none;\r\n line-height: 12px;\r\n vertical-align: middle;\r\n}\r\n\r\n.daterangepicker .drp-selected {\r\n display: inline-block;\r\n font-size: 12px;\r\n padding-right: 8px;\r\n}\r\n\r\n.daterangepicker .drp-buttons .btn {\r\n margin-left: 8px;\r\n font-size: 12px;\r\n font-weight: bold;\r\n padding: 4px 8px;\r\n}\r\n\r\n.daterangepicker.show-ranges.single.rtl .drp-calendar.left {\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n.daterangepicker.show-ranges.single.ltr .drp-calendar.left {\r\n border-left: 1px solid #ddd;\r\n}\r\n\r\n.daterangepicker.show-ranges.rtl .drp-calendar.right {\r\n border-right: 1px solid #ddd;\r\n}\r\n\r\n.daterangepicker.show-ranges.ltr .drp-calendar.left {\r\n border-left: 1px solid #ddd;\r\n}\r\n\r\n.daterangepicker .ranges {\r\n float: none;\r\n text-align: left;\r\n margin: 0;\r\n}\r\n\r\n.daterangepicker.show-calendar .ranges {\r\n margin-top: 8px;\r\n}\r\n\r\n.daterangepicker .ranges ul {\r\n list-style: none;\r\n margin: 0 auto;\r\n padding: 0;\r\n width: 100%;\r\n}\r\n\r\n.daterangepicker .ranges li {\r\n font-size: 12px;\r\n padding: 8px 12px;\r\n cursor: pointer;\r\n}\r\n\r\n.daterangepicker .ranges li:hover {\r\n background-color: #eee;\r\n}\r\n\r\n.daterangepicker .ranges li.active {\r\n background-color: #08c;\r\n color: #fff;\r\n}\r\n\r\n/* Larger Screen Styling */\r\n@media (min-width: 564px) {\r\n .daterangepicker {\r\n width: auto;\r\n }\r\n\r\n .daterangepicker .ranges ul {\r\n width: 140px;\r\n }\r\n\r\n .daterangepicker.single .ranges ul {\r\n width: 100%;\r\n }\r\n\r\n .daterangepicker.single .drp-calendar.left {\r\n clear: none;\r\n }\r\n\r\n .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar {\r\n float: left;\r\n }\r\n\r\n .daterangepicker {\r\n direction: ltr;\r\n text-align: left;\r\n }\r\n\r\n .daterangepicker .drp-calendar.left {\r\n clear: left;\r\n margin-right: 0;\r\n }\r\n\r\n .daterangepicker .drp-calendar.left .calendar-table {\r\n border-right: none;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n .daterangepicker .drp-calendar.right {\r\n margin-left: 0;\r\n }\r\n\r\n .daterangepicker .drp-calendar.right .calendar-table {\r\n border-left: none;\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n }\r\n\r\n .daterangepicker .drp-calendar.left .calendar-table {\r\n padding-right: 8px;\r\n }\r\n\r\n .daterangepicker .ranges, .daterangepicker .drp-calendar {\r\n float: left;\r\n }\r\n}\r\n\r\n@media (min-width: 730px) {\r\n .daterangepicker .ranges {\r\n width: auto;\r\n }\r\n\r\n .daterangepicker .ranges {\r\n float: left;\r\n }\r\n\r\n .daterangepicker.rtl .ranges {\r\n float: right;\r\n }\r\n\r\n .daterangepicker .drp-calendar.left {\r\n clear: none !important;\r\n }\r\n}\r\n\n@import './src/scss/_imports/_global-import';\r\n\r\n.daterangepicker table tr td, \r\n.daterangepicker table tr th, {\r\n\twidth: 38px !important;\r\n\theight: 34px !important;\r\n}\r\n\r\n.daterangepicker table tr td.old, \r\n.daterangepicker table tr td.new {\r\n\tcolor: lighten($fusion-50, 10%);\r\n}\r\n\r\n.daterangepicker table tr td.active:active, \r\n.daterangepicker table tr td.active.highlighted:active, \r\n.daterangepicker table tr td.active.active, \r\n.daterangepicker table tr td.active.highlighted.active,\r\n.daterangepicker table tr td.selected,\r\n.daterangepicker table tr td.selected.highlighted,\r\n.daterangepicker table tr td span.active.active,\r\n.daterangepicker table tr td span.focused {\r\n\tbackground-color: $primary-400;\r\n\tcolor: $white;\r\n}\r\n\r\n\r\n.daterangepicker table tr td.active:active:hover, \r\n.daterangepicker table tr td.active.highlighted:active:hover, \r\n.daterangepicker table tr td.active.active:hover, \r\n.daterangepicker table tr td.active.highlighted.active:hover, \r\n.daterangepicker table tr td.active:active:focus, \r\n.daterangepicker table tr td.active.highlighted:active:focus, \r\n.daterangepicker table tr td.active.active:focus, \r\n.daterangepicker table tr td.active.highlighted.active:focus, \r\n.daterangepicker table tr td.active:active.focus, \r\n.daterangepicker table tr td.active.highlighted:active.focus, \r\n.daterangepicker table tr td.active.active.focus, \r\n.daterangepicker table tr td.active.highlighted.active.focus,\r\n.daterangepicker table tr td.selected:active:hover, \r\n.daterangepicker table tr td.selected.highlighted:active:hover, \r\n.daterangepicker table tr td.selected.active:hover, \r\n.daterangepicker table tr td.selected.highlighted.active:hover,\r\n.daterangepicker table tr td.selected:active:focus, \r\n.daterangepicker table tr td.selected.highlighted:active:focus, \r\n.daterangepicker table tr td.selected.active:focus, \r\n.daterangepicker table tr td.selected.highlighted.active:focus, \r\n.daterangepicker table tr td.selected:active.focus, \r\n.daterangepicker table tr td.selected.highlighted:active.focus, \r\n.daterangepicker table tr td.selected.active.focus, \r\n.daterangepicker table tr td.selected.highlighted.active.focus,\r\n.daterangepicker table tr td.selected:hover, \r\n.daterangepicker table tr td.selected.highlighted:hover {\r\n\tbackground-color: $primary-600;\r\n\tcolor: $white;\r\n}\r\n\r\n\r\n.daterangepicker .calendar-table .next,\r\n.daterangepicker .calendar-table .prev {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n span {\r\n \tborder-color: #a1a8c3;\r\n }\r\n}\r\n\r\n.daterangepicker .in-range.available {\r\n\tbackground-color: $warning-100;\r\n}\r\n\r\n.daterangepicker .off.ends.in-range.available {\r\n\tbackground-color: $warning-50;\r\n}\r\n\r\n\r\n.daterangepicker td.available:hover, \r\n.daterangepicker th.available:hover {\r\n\tbackground-color: $warning-300;\r\n}\r\n\r\n.daterangepicker td.start-date {\r\n\tborder-radius: 10px 0 0 10px;\r\n}\r\n.daterangepicker td.end-date {\r\n\tborder-radius: 0 10px 10px 0;\r\n}\r\n\r\n.daterangepicker table tr td, \r\n.daterangepicker table tr th {\r\n width: 38px !important;\r\n height: 34px !important;\r\n}\r\n\r\n\r\n.daterangepicker .calendar-table table thead tr th {\r\n\tfont-weight: bold;\r\n\r\n\t&.month {\r\n\t\tcolor: #a1a8c3;\r\n\t}\r\n}\r\n\r\n.daterangepicker .ranges li {\r\n\tfont-size: $font-size-base;\r\n padding: 0.75rem 1rem;\r\n\r\n &.active {\r\n \tbackground-color: $primary-500;\r\n }\r\n}\r\n","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/bootstrap-markdown/bootstrap-markdown.css b/public/assets/css/formplugins/bootstrap-markdown/bootstrap-markdown.css
new file mode 100644
index 0000000..5dc3184
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-markdown/bootstrap-markdown.css
@@ -0,0 +1,146 @@
+.md-editor {
+ display: block;
+ border: 1px solid #ddd; }
+
+.md-editor .md-footer, .md-editor > .md-header {
+ display: block;
+ padding: 6px 4px;
+ background: #f5f5f5; }
+
+.md-editor > .md-header {
+ margin: 0; }
+
+.md-editor > .md-preview {
+ background: #fff;
+ border-top: 1px dashed #ddd;
+ border-bottom: 1px dashed #ddd;
+ min-height: 10px;
+ overflow: auto; }
+
+.md-editor > textarea {
+ font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
+ font-size: 14px;
+ outline: 0;
+ margin: 0;
+ display: block;
+ padding: 0;
+ width: 100%;
+ border: 0;
+ border-top: 1px dashed #ddd;
+ border-bottom: 1px dashed #ddd;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #eee; }
+
+.md-editor > textarea:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #fff; }
+
+.md-editor.active {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
+
+.md-editor .md-controls {
+ float: right;
+ padding: 3px; }
+
+.md-editor .md-controls .md-control {
+ right: 5px;
+ color: #bebebe;
+ padding: 3px 3px 3px 10px; }
+
+.md-editor .md-controls .md-control:hover {
+ color: #333; }
+
+.md-editor.md-fullscreen-mode {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 99999;
+ padding: 60px 30px 15px;
+ background: #fff !important;
+ border: 0 !important; }
+
+.md-editor.md-fullscreen-mode .md-footer {
+ display: none; }
+
+.md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
+ margin: 0 auto !important;
+ height: 100% !important;
+ font-size: 20px !important;
+ padding: 20px !important;
+ color: #999;
+ line-height: 1.6em !important;
+ resize: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+ background: #fff !important;
+ border: 0 !important; }
+
+.md-editor.md-fullscreen-mode .md-preview {
+ color: #333;
+ overflow: auto; }
+
+.md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover {
+ color: #333;
+ background: #fff !important; }
+
+.md-editor.md-fullscreen-mode .md-header {
+ background: 0 0;
+ text-align: center;
+ position: fixed;
+ width: 100%;
+ top: 20px; }
+
+.md-editor.md-fullscreen-mode .btn-group {
+ float: none; }
+
+.md-editor.md-fullscreen-mode .btn {
+ border: 0;
+ background: 0 0;
+ color: #b3b3b3; }
+
+.md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #333; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls {
+ position: absolute;
+ top: 20px;
+ right: 20px;
+ text-align: right;
+ z-index: 1002;
+ display: block; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
+ color: #b3b3b3;
+ clear: right;
+ margin: 10px;
+ width: 30px;
+ height: 30px;
+ text-align: center; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
+ color: #333;
+ text-decoration: none; }
+
+.md-editor.md-fullscreen-mode .md-editor {
+ height: 100% !important;
+ position: relative; }
+
+.md-editor .md-fullscreen-controls {
+ display: none; }
+
+.md-nooverflow {
+ overflow: hidden;
+ position: fixed;
+ width: 100%; }
+
+/*# sourceMappingURL=bootstrap-markdown.css.map */
diff --git a/public/assets/css/formplugins/bootstrap-markdown/bootstrap-markdown.css.map b/public/assets/css/formplugins/bootstrap-markdown/bootstrap-markdown.css.map
new file mode 100644
index 0000000..e5c4e0f
--- /dev/null
+++ b/public/assets/css/formplugins/bootstrap-markdown/bootstrap-markdown.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["bootstrap-markdown.css"],"names":[],"mappings":"AAAA;EAAW,cAAa;EAAC,sBAAqB,EAAA;;AAAC;EAA4C,cAAa;EAAC,gBAAe;EAAC,mBAAkB,EAAA;;AAAC;EAAsB,SAAQ,EAAA;;AAAC;EAAuB,gBAAe;EAAC,2BAA0B;EAAC,8BAA6B;EAAC,gBAAe;EAAC,cAAa,EAAA;;AAAC;EAAoB,0DAAyD;EAAC,eAAc;EAAC,UAAS;EAAC,SAAQ;EAAC,cAAa;EAAC,UAAS;EAAC,WAAU;EAAC,SAAQ;EAAC,2BAA0B;EAAC,8BAA6B;EAAC,gBAAe;EAAC,wBAAe;UAAf,gBAAe;EAAC,gBAAe,EAAA;;AAAC;EAA0B,wBAAe;UAAf,gBAAe;EAAC,gBAAe,EAAA;;AAAC;EAAkB,qBAAoB;EAAC,UAAS;EAAC,0FAAgF;EAAC,kFAAwE,EAAA;;AAAC;EAAwB,YAAW;EAAC,YAAW,EAAA;;AAAC;EAAoC,UAAS;EAAC,cAAa;EAAC,yBAAwB,EAAA;;AAAC;EAA0C,WAAU,EAAA;;AAAC;EAA8B,WAAU;EAAC,YAAW;EAAC,eAAc;EAAC,MAAK;EAAC,OAAM;EAAC,cAAa;EAAC,uBAAsB;EAAC,2BAAyB;EAAC,oBAAkB,EAAA;;AAAC;EAAyC,aAAY,EAAA;;AAAC;EAAkF,yBAAuB;EAAC,uBAAqB;EAAC,0BAAwB;EAAC,wBAAsB;EAAC,WAAU;EAAC,6BAA2B;EAAC,uBAAqB;EAAC,mCAAyB;UAAzB,2BAAyB;EAAC,2BAAyB;EAAC,oBAAkB,EAAA;;AAAC;EAA0C,WAAU;EAAC,cAAa,EAAA;;AAAC;EAA4F,WAAU;EAAC,2BAAyB,EAAA;;AAAC;EAAyC,eAAc;EAAC,kBAAiB;EAAC,eAAc;EAAC,WAAU;EAAC,SAAQ,EAAA;;AAAC;EAAyC,WAAU,EAAA;;AAAC;EAAmC,SAAQ;EAAC,eAAc;EAAC,cAAa,EAAA;;AAAC;EAAsK,wBAAe;UAAf,gBAAe;EAAC,WAAU,EAAA;;AAAC;EAAsD,kBAAiB;EAAC,SAAQ;EAAC,WAAU;EAAC,iBAAgB;EAAC,aAAY;EAAC,cAAa,EAAA;;AAAC;EAAwD,cAAa;EAAC,YAAW;EAAC,YAAW;EAAC,WAAU;EAAC,YAAW;EAAC,kBAAiB,EAAA;;AAAC;EAA8D,WAAU;EAAC,qBAAoB,EAAA;;AAAC;EAAyC,uBAAqB;EAAC,kBAAiB,EAAA;;AAAC;EAAmC,aAAY,EAAA;;AAAC;EAAe,gBAAe;EAAC,eAAc;EAAC,WAAU,EAAA","file":"bootstrap-markdown.css","sourcesContent":[".md-editor{display:block;border:1px solid #ddd}.md-editor .md-footer,.md-editor>.md-header{display:block;padding:6px 4px;background:#f5f5f5}.md-editor>.md-header{margin:0}.md-editor>.md-preview{background:#fff;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;min-height:10px;overflow:auto}.md-editor>textarea{font-family:Menlo,Monaco,Consolas,\"Courier New\",monospace;font-size:14px;outline:0;margin:0;display:block;padding:0;width:100%;border:0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;border-radius:0;box-shadow:none;background:#eee}.md-editor>textarea:focus{box-shadow:none;background:#fff}.md-editor.active{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.md-editor .md-controls{float:right;padding:3px}.md-editor .md-controls .md-control{right:5px;color:#bebebe;padding:3px 3px 3px 10px}.md-editor .md-controls .md-control:hover{color:#333}.md-editor.md-fullscreen-mode{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;padding:60px 30px 15px;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-footer{display:none}.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview{margin:0 auto!important;height:100%!important;font-size:20px!important;padding:20px!important;color:#999;line-height:1.6em!important;resize:none!important;box-shadow:none!important;background:#fff!important;border:0!important}.md-editor.md-fullscreen-mode .md-preview{color:#333;overflow:auto}.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover{color:#333;background:#fff!important}.md-editor.md-fullscreen-mode .md-header{background:0 0;text-align:center;position:fixed;width:100%;top:20px}.md-editor.md-fullscreen-mode .btn-group{float:none}.md-editor.md-fullscreen-mode .btn{border:0;background:0 0;color:#b3b3b3}.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover{box-shadow:none;color:#333}.md-editor.md-fullscreen-mode .md-fullscreen-controls{position:absolute;top:20px;right:20px;text-align:right;z-index:1002;display:block}.md-editor.md-fullscreen-mode .md-fullscreen-controls a{color:#b3b3b3;clear:right;margin:10px;width:30px;height:30px;text-align:center}.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover{color:#333;text-decoration:none}.md-editor.md-fullscreen-mode .md-editor{height:100%!important;position:relative}.md-editor .md-fullscreen-controls{display:none}.md-nooverflow{overflow:hidden;position:fixed;width:100%}"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/cropperjs/cropper.css b/public/assets/css/formplugins/cropperjs/cropper.css
new file mode 100644
index 0000000..e0ea820
--- /dev/null
+++ b/public/assets/css/formplugins/cropperjs/cropper.css
@@ -0,0 +1,408 @@
+/*!
+ * Cropper.js v1.5.2
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2019-06-30T06:01:02.389Z
+ */
+.cropper-container {
+ direction: ltr;
+ font-size: 0;
+ line-height: 0;
+ position: relative;
+ -ms-touch-action: none;
+ touch-action: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+
+.cropper-container img {
+ display: block;
+ height: 100%;
+ image-orientation: 0deg;
+ max-height: none !important;
+ max-width: none !important;
+ min-height: 0 !important;
+ min-width: 0 !important;
+ width: 100%; }
+
+.cropper-wrap-box,
+.cropper-canvas,
+.cropper-drag-box,
+.cropper-crop-box,
+.cropper-modal {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0; }
+
+.cropper-wrap-box,
+.cropper-canvas {
+ overflow: hidden; }
+
+.cropper-drag-box {
+ background-color: #fff;
+ opacity: 0; }
+
+.cropper-modal {
+ background-color: #000;
+ opacity: 0.5; }
+
+.cropper-view-box {
+ display: block;
+ height: 100%;
+ outline: 1px solid #39f;
+ outline-color: rgba(51, 153, 255, 0.75);
+ overflow: hidden;
+ width: 100%; }
+
+.cropper-dashed {
+ border: 0 dashed #eee;
+ display: block;
+ opacity: 0.5;
+ position: absolute; }
+
+.cropper-dashed.dashed-h {
+ border-bottom-width: 1px;
+ border-top-width: 1px;
+ height: calc(100% / 3);
+ left: 0;
+ top: calc(100% / 3);
+ width: 100%; }
+
+.cropper-dashed.dashed-v {
+ border-left-width: 1px;
+ border-right-width: 1px;
+ height: 100%;
+ left: calc(100% / 3);
+ top: 0;
+ width: calc(100% / 3); }
+
+.cropper-center {
+ display: block;
+ height: 0;
+ left: 50%;
+ opacity: 0.75;
+ position: absolute;
+ top: 50%;
+ width: 0; }
+
+.cropper-center::before,
+.cropper-center::after {
+ background-color: #eee;
+ content: ' ';
+ display: block;
+ position: absolute; }
+
+.cropper-center::before {
+ height: 1px;
+ left: -3px;
+ top: 0;
+ width: 7px; }
+
+.cropper-center::after {
+ height: 7px;
+ left: 0;
+ top: -3px;
+ width: 1px; }
+
+.cropper-face,
+.cropper-line,
+.cropper-point {
+ display: block;
+ height: 100%;
+ opacity: 0.1;
+ position: absolute;
+ width: 100%; }
+
+.cropper-face {
+ background-color: #fff;
+ left: 0;
+ top: 0; }
+
+.cropper-line {
+ background-color: #39f; }
+
+.cropper-line.line-e {
+ cursor: ew-resize;
+ right: -3px;
+ top: 0;
+ width: 5px; }
+
+.cropper-line.line-n {
+ cursor: ns-resize;
+ height: 5px;
+ left: 0;
+ top: -3px; }
+
+.cropper-line.line-w {
+ cursor: ew-resize;
+ left: -3px;
+ top: 0;
+ width: 5px; }
+
+.cropper-line.line-s {
+ bottom: -3px;
+ cursor: ns-resize;
+ height: 5px;
+ left: 0; }
+
+.cropper-point {
+ background-color: #39f;
+ height: 5px;
+ opacity: 0.75;
+ width: 5px; }
+
+.cropper-point.point-e {
+ cursor: ew-resize;
+ margin-top: -3px;
+ right: -3px;
+ top: 50%; }
+
+.cropper-point.point-n {
+ cursor: ns-resize;
+ left: 50%;
+ margin-left: -3px;
+ top: -3px; }
+
+.cropper-point.point-w {
+ cursor: ew-resize;
+ left: -3px;
+ margin-top: -3px;
+ top: 50%; }
+
+.cropper-point.point-s {
+ bottom: -3px;
+ cursor: s-resize;
+ left: 50%;
+ margin-left: -3px; }
+
+.cropper-point.point-ne {
+ cursor: nesw-resize;
+ right: -3px;
+ top: -3px; }
+
+.cropper-point.point-nw {
+ cursor: nwse-resize;
+ left: -3px;
+ top: -3px; }
+
+.cropper-point.point-sw {
+ bottom: -3px;
+ cursor: nesw-resize;
+ left: -3px; }
+
+.cropper-point.point-se {
+ bottom: -3px;
+ cursor: nwse-resize;
+ height: 20px;
+ opacity: 1;
+ right: -3px;
+ width: 20px; }
+
+@media (min-width: 768px) {
+ .cropper-point.point-se {
+ height: 15px;
+ width: 15px; } }
+
+@media (min-width: 992px) {
+ .cropper-point.point-se {
+ height: 10px;
+ width: 10px; } }
+
+@media (min-width: 1200px) {
+ .cropper-point.point-se {
+ height: 5px;
+ opacity: 0.75;
+ width: 5px; } }
+
+.cropper-point.point-se::before {
+ background-color: #39f;
+ bottom: -50%;
+ content: ' ';
+ display: block;
+ height: 200%;
+ opacity: 0;
+ position: absolute;
+ right: -50%;
+ width: 200%; }
+
+.cropper-invisible {
+ opacity: 0; }
+
+.cropper-bg {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }
+
+.cropper-hide {
+ display: block;
+ height: 0;
+ position: absolute;
+ width: 0; }
+
+.cropper-hidden {
+ display: none !important; }
+
+.cropper-move {
+ cursor: move; }
+
+.cropper-crop {
+ cursor: crosshair; }
+
+.cropper-disabled .cropper-drag-box,
+.cropper-disabled .cropper-face,
+.cropper-disabled .cropper-line,
+.cropper-disabled .cropper-point {
+ cursor: not-allowed; }
+
+label.btn {
+ margin-bottom: 0; }
+
+.carbonads {
+ border-radius: .25rem;
+ border: 1px solid #ccc;
+ font-size: .875rem;
+ overflow: hidden;
+ padding: 1rem; }
+
+.carbon-wrap {
+ overflow: hidden; }
+
+.carbon-img {
+ clear: left;
+ display: block;
+ float: left; }
+
+.carbon-text,
+.carbon-poweredby {
+ display: block;
+ margin-left: 140px; }
+
+.carbon-text,
+.carbon-text:hover,
+.carbon-text:focus {
+ color: #fff;
+ text-decoration: none; }
+
+.carbon-poweredby,
+.carbon-poweredby:hover,
+.carbon-poweredby:focus {
+ color: #ddd;
+ text-decoration: none; }
+
+@media (min-width: 768px) {
+ .carbonads {
+ float: right;
+ margin-bottom: -1rem;
+ margin-top: -1rem;
+ max-width: 360px; } }
+
+.img-container,
+.img-preview {
+ background-color: #f7f7f7;
+ text-align: center;
+ width: 100%; }
+
+.img-container {
+ margin-bottom: 1rem;
+ max-height: 497px;
+ min-height: 200px; }
+
+@media (min-width: 768px) {
+ .img-container {
+ min-height: 497px; } }
+
+.img-container > img {
+ max-width: 100%; }
+
+.docs-preview {
+ margin-right: -1rem; }
+
+.img-preview {
+ float: left;
+ margin-bottom: .5rem;
+ margin-right: .5rem;
+ overflow: hidden; }
+
+.img-preview > img {
+ max-width: 100%; }
+
+.preview-lg {
+ height: 9rem;
+ width: 16rem; }
+
+.preview-md {
+ height: 4.5rem;
+ width: 8rem; }
+
+.preview-sm {
+ height: 2.25rem;
+ width: 4rem; }
+
+.preview-xs {
+ height: 1.125rem;
+ margin-right: 0;
+ width: 2rem; }
+
+.docs-data > .input-group {
+ margin-bottom: .5rem; }
+
+.docs-data .input-group-prepend .input-group-text {
+ min-width: 4rem; }
+
+.docs-data .input-group-append .input-group-text {
+ min-width: 3rem; }
+
+.docs-buttons > .btn,
+.docs-buttons > .btn-group,
+.docs-buttons > .form-control {
+ margin-bottom: .5rem;
+ margin-right: .25rem; }
+
+.docs-toggles > .btn,
+.docs-toggles > .btn-group,
+.docs-toggles > .dropdown {
+ margin-bottom: .5rem; }
+
+.docs-tooltip {
+ display: block;
+ margin: -.5rem -.75rem;
+ padding: .5rem .46rem; }
+
+.docs-tooltip > .icon {
+ margin: 0 -.25rem;
+ vertical-align: top; }
+
+@media (max-width: 400px) {
+ .btn-group-crop {
+ margin-right: -1rem !important; }
+ .btn-group-crop > .btn {
+ padding-left: .5rem;
+ padding-right: .5rem; }
+ .btn-group-crop .docs-tooltip {
+ margin-left: -.5rem;
+ margin-right: -.5rem;
+ padding-left: .5rem;
+ padding-right: .5rem; } }
+
+.docs-options .dropdown-menu {
+ width: 100%; }
+
+.docs-options .dropdown-menu > li {
+ font-size: .875rem;
+ padding: .125rem 1rem; }
+
+.docs-options .dropdown-menu .form-check-label {
+ display: block; }
+
+.docs-cropped .modal-body {
+ text-align: center; }
+
+.docs-cropped .modal-body > img,
+.docs-cropped .modal-body > canvas {
+ max-width: 100%; }
+
+/*# sourceMappingURL=cropper.css.map */
diff --git a/public/assets/css/formplugins/cropperjs/cropper.css.map b/public/assets/css/formplugins/cropperjs/cropper.css.map
new file mode 100644
index 0000000..dad186c
--- /dev/null
+++ b/public/assets/css/formplugins/cropperjs/cropper.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cropper.css"],"names":[],"mappings":"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","file":"cropper.css","sourcesContent":["/*!\n * Cropper.js v1.5.2\n * https://fengyuanchen.github.io/cropperjs\n *\n * Copyright 2015-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2019-06-30T06:01:02.389Z\n */\n\n.cropper-container {\n direction: ltr;\n font-size: 0;\n line-height: 0;\n position: relative;\n -ms-touch-action: none;\n touch-action: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.cropper-container img {\n display: block;\n height: 100%;\n image-orientation: 0deg;\n max-height: none !important;\n max-width: none !important;\n min-height: 0 !important;\n min-width: 0 !important;\n width: 100%;\n}\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n overflow: hidden;\n}\n\n.cropper-drag-box {\n background-color: #fff;\n opacity: 0;\n}\n\n.cropper-modal {\n background-color: #000;\n opacity: 0.5;\n}\n\n.cropper-view-box {\n display: block;\n height: 100%;\n outline: 1px solid #39f;\n outline-color: rgba(51, 153, 255, 0.75);\n overflow: hidden;\n width: 100%;\n}\n\n.cropper-dashed {\n border: 0 dashed #eee;\n display: block;\n opacity: 0.5;\n position: absolute;\n}\n\n.cropper-dashed.dashed-h {\n border-bottom-width: 1px;\n border-top-width: 1px;\n height: calc(100% / 3);\n left: 0;\n top: calc(100% / 3);\n width: 100%;\n}\n\n.cropper-dashed.dashed-v {\n border-left-width: 1px;\n border-right-width: 1px;\n height: 100%;\n left: calc(100% / 3);\n top: 0;\n width: calc(100% / 3);\n}\n\n.cropper-center {\n display: block;\n height: 0;\n left: 50%;\n opacity: 0.75;\n position: absolute;\n top: 50%;\n width: 0;\n}\n\n.cropper-center::before,\n.cropper-center::after {\n background-color: #eee;\n content: ' ';\n display: block;\n position: absolute;\n}\n\n.cropper-center::before {\n height: 1px;\n left: -3px;\n top: 0;\n width: 7px;\n}\n\n.cropper-center::after {\n height: 7px;\n left: 0;\n top: -3px;\n width: 1px;\n}\n\n.cropper-face,\n.cropper-line,\n.cropper-point {\n display: block;\n height: 100%;\n opacity: 0.1;\n position: absolute;\n width: 100%;\n}\n\n.cropper-face {\n background-color: #fff;\n left: 0;\n top: 0;\n}\n\n.cropper-line {\n background-color: #39f;\n}\n\n.cropper-line.line-e {\n cursor: ew-resize;\n right: -3px;\n top: 0;\n width: 5px;\n}\n\n.cropper-line.line-n {\n cursor: ns-resize;\n height: 5px;\n left: 0;\n top: -3px;\n}\n\n.cropper-line.line-w {\n cursor: ew-resize;\n left: -3px;\n top: 0;\n width: 5px;\n}\n\n.cropper-line.line-s {\n bottom: -3px;\n cursor: ns-resize;\n height: 5px;\n left: 0;\n}\n\n.cropper-point {\n background-color: #39f;\n height: 5px;\n opacity: 0.75;\n width: 5px;\n}\n\n.cropper-point.point-e {\n cursor: ew-resize;\n margin-top: -3px;\n right: -3px;\n top: 50%;\n}\n\n.cropper-point.point-n {\n cursor: ns-resize;\n left: 50%;\n margin-left: -3px;\n top: -3px;\n}\n\n.cropper-point.point-w {\n cursor: ew-resize;\n left: -3px;\n margin-top: -3px;\n top: 50%;\n}\n\n.cropper-point.point-s {\n bottom: -3px;\n cursor: s-resize;\n left: 50%;\n margin-left: -3px;\n}\n\n.cropper-point.point-ne {\n cursor: nesw-resize;\n right: -3px;\n top: -3px;\n}\n\n.cropper-point.point-nw {\n cursor: nwse-resize;\n left: -3px;\n top: -3px;\n}\n\n.cropper-point.point-sw {\n bottom: -3px;\n cursor: nesw-resize;\n left: -3px;\n}\n\n.cropper-point.point-se {\n bottom: -3px;\n cursor: nwse-resize;\n height: 20px;\n opacity: 1;\n right: -3px;\n width: 20px;\n}\n\n@media (min-width: 768px) {\n .cropper-point.point-se {\n height: 15px;\n width: 15px;\n }\n}\n\n@media (min-width: 992px) {\n .cropper-point.point-se {\n height: 10px;\n width: 10px;\n }\n}\n\n@media (min-width: 1200px) {\n .cropper-point.point-se {\n height: 5px;\n opacity: 0.75;\n width: 5px;\n }\n}\n\n.cropper-point.point-se::before {\n background-color: #39f;\n bottom: -50%;\n content: ' ';\n display: block;\n height: 200%;\n opacity: 0;\n position: absolute;\n right: -50%;\n width: 200%;\n}\n\n.cropper-invisible {\n opacity: 0;\n}\n\n.cropper-bg {\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');\n}\n\n.cropper-hide {\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n}\n\n.cropper-hidden {\n display: none !important;\n}\n\n.cropper-move {\n cursor: move;\n}\n\n.cropper-crop {\n cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n cursor: not-allowed;\n}\n\nlabel.btn {\r\n margin-bottom: 0;\r\n}\r\n\r\n.carbonads {\r\n border-radius: .25rem;\r\n border: 1px solid #ccc;\r\n font-size: .875rem;\r\n overflow: hidden;\r\n padding: 1rem;\r\n}\r\n\r\n.carbon-wrap {\r\n overflow: hidden;\r\n}\r\n\r\n.carbon-img {\r\n clear: left;\r\n display: block;\r\n float: left;\r\n}\r\n\r\n.carbon-text,\r\n.carbon-poweredby {\r\n display: block;\r\n margin-left: 140px;\r\n}\r\n\r\n.carbon-text,\r\n.carbon-text:hover,\r\n.carbon-text:focus {\r\n color: #fff;\r\n text-decoration: none;\r\n}\r\n\r\n.carbon-poweredby,\r\n.carbon-poweredby:hover,\r\n.carbon-poweredby:focus {\r\n color: #ddd;\r\n text-decoration: none;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .carbonads {\r\n float: right;\r\n margin-bottom: -1rem;\r\n margin-top: -1rem;\r\n max-width: 360px;\r\n }\r\n}\r\n\r\n.img-container,\r\n.img-preview {\r\n background-color: #f7f7f7;\r\n text-align: center;\r\n width: 100%;\r\n}\r\n\r\n.img-container {\r\n margin-bottom: 1rem;\r\n max-height: 497px;\r\n min-height: 200px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .img-container {\r\n min-height: 497px;\r\n }\r\n}\r\n\r\n.img-container > img {\r\n max-width: 100%;\r\n}\r\n\r\n.docs-preview {\r\n margin-right: -1rem;\r\n}\r\n\r\n.img-preview {\r\n float: left;\r\n margin-bottom: .5rem;\r\n margin-right: .5rem;\r\n overflow: hidden;\r\n}\r\n\r\n.img-preview > img {\r\n max-width: 100%;\r\n}\r\n\r\n.preview-lg {\r\n height: 9rem;\r\n width: 16rem;\r\n}\r\n\r\n.preview-md {\r\n height: 4.5rem;\r\n width: 8rem;\r\n}\r\n\r\n.preview-sm {\r\n height: 2.25rem;\r\n width: 4rem;\r\n}\r\n\r\n.preview-xs {\r\n height: 1.125rem;\r\n margin-right: 0;\r\n width: 2rem;\r\n}\r\n\r\n.docs-data > .input-group {\r\n margin-bottom: .5rem;\r\n}\r\n\r\n.docs-data .input-group-prepend .input-group-text {\r\n min-width: 4rem;\r\n}\r\n\r\n.docs-data .input-group-append .input-group-text {\r\n min-width: 3rem;\r\n}\r\n\r\n.docs-buttons > .btn,\r\n.docs-buttons > .btn-group,\r\n.docs-buttons > .form-control {\r\n margin-bottom: .5rem;\r\n margin-right: .25rem;\r\n}\r\n\r\n.docs-toggles > .btn,\r\n.docs-toggles > .btn-group,\r\n.docs-toggles > .dropdown {\r\n margin-bottom: .5rem;\r\n}\r\n\r\n.docs-tooltip {\r\n display: block;\r\n margin: -.5rem -.75rem;\r\n padding: .5rem .46rem;\r\n}\r\n\r\n.docs-tooltip > .icon {\r\n margin: 0 -.25rem;\r\n vertical-align: top;\r\n}\r\n\r\n\r\n\r\n@media (max-width: 400px) {\r\n .btn-group-crop {\r\n margin-right: -1rem!important;\r\n }\r\n\r\n .btn-group-crop > .btn {\r\n padding-left: .5rem;\r\n padding-right: .5rem;\r\n }\r\n\r\n .btn-group-crop .docs-tooltip {\r\n margin-left: -.5rem;\r\n margin-right: -.5rem;\r\n padding-left: .5rem;\r\n padding-right: .5rem;\r\n }\r\n}\r\n\r\n.docs-options .dropdown-menu {\r\n width: 100%;\r\n}\r\n\r\n.docs-options .dropdown-menu > li {\r\n font-size: .875rem;\r\n padding: .125rem 1rem;\r\n}\r\n\r\n.docs-options .dropdown-menu .form-check-label {\r\n display: block;\r\n}\r\n\r\n.docs-cropped .modal-body {\r\n text-align: center;\r\n}\r\n\r\n.docs-cropped .modal-body > img,\r\n.docs-cropped .modal-body > canvas {\r\n max-width: 100%;\r\n}"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/dropzone/dropzone.css b/public/assets/css/formplugins/dropzone/dropzone.css
new file mode 100644
index 0000000..e2345c4
--- /dev/null
+++ b/public/assets/css/formplugins/dropzone/dropzone.css
@@ -0,0 +1,556 @@
+/*
+ * The MIT License
+ * Copyright (c) 2012 Matias Meno
+ */
+@-webkit-keyframes passing-through {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30%, 70% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ transform: translateY(0px); }
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); } }
+
+@keyframes passing-through {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30%, 70% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ transform: translateY(0px); }
+ 100% {
+ opacity: 0;
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); } }
+
+@-webkit-keyframes slide-in {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ transform: translateY(0px); } }
+
+@keyframes slide-in {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(40px);
+ transform: translateY(40px); }
+ 30% {
+ opacity: 1;
+ -webkit-transform: translateY(0px);
+ transform: translateY(0px); } }
+
+@-webkit-keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 10% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+ 20% {
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@keyframes pulse {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+ 10% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+ 20% {
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+.dropzone, .dropzone * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.dropzone {
+ min-height: 150px;
+ border: 2px solid rgba(0, 0, 0, 0.3);
+ background: white;
+ padding: 20px 20px; }
+
+.dropzone.dz-clickable {
+ cursor: pointer; }
+
+.dropzone.dz-clickable * {
+ cursor: default; }
+
+.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
+ cursor: pointer; }
+
+.dropzone.dz-started .dz-message {
+ display: none; }
+
+.dropzone.dz-drag-hover {
+ border-style: solid; }
+
+.dropzone.dz-drag-hover .dz-message {
+ opacity: 0.5; }
+
+.dropzone .dz-message {
+ text-align: center;
+ margin: 2em 0; }
+
+.dropzone .dz-preview {
+ position: relative;
+ display: inline-block;
+ vertical-align: top;
+ margin: 16px;
+ min-height: 100px; }
+
+.dropzone .dz-preview:hover {
+ z-index: 1000; }
+
+.dropzone .dz-preview:hover .dz-details {
+ opacity: 1; }
+
+.dropzone .dz-preview.dz-file-preview .dz-image {
+ border-radius: 20px;
+ background: #999;
+ background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
+ background: linear-gradient(to bottom, #eee, #ddd); }
+
+.dropzone .dz-preview.dz-file-preview .dz-details {
+ opacity: 1; }
+
+.dropzone .dz-preview.dz-image-preview {
+ background: white; }
+
+.dropzone .dz-preview.dz-image-preview .dz-details {
+ -webkit-transition: opacity 0.2s linear;
+ transition: opacity 0.2s linear; }
+
+.dropzone .dz-preview .dz-remove {
+ font-size: 14px;
+ text-align: center;
+ display: block;
+ cursor: pointer;
+ border: none; }
+
+.dropzone .dz-preview .dz-remove:hover {
+ text-decoration: underline; }
+
+.dropzone .dz-preview:hover .dz-details {
+ opacity: 1; }
+
+.dropzone .dz-preview .dz-details {
+ z-index: 20;
+ position: absolute;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ font-size: 13px;
+ min-width: 100%;
+ max-width: 100%;
+ padding: 2em 1em;
+ text-align: center;
+ color: rgba(0, 0, 0, 0.9);
+ line-height: 150%; }
+
+.dropzone .dz-preview .dz-details .dz-size {
+ margin-bottom: 1em;
+ font-size: 16px; }
+
+.dropzone .dz-preview .dz-details .dz-filename {
+ white-space: nowrap; }
+
+.dropzone .dz-preview .dz-details .dz-filename:hover span {
+ border: 1px solid rgba(200, 200, 200, 0.8);
+ background-color: rgba(255, 255, 255, 0.8); }
+
+.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
+ border: 1px solid transparent; }
+
+.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
+ background-color: rgba(255, 255, 255, 0.4);
+ padding: 0 0.4em;
+ border-radius: 3px; }
+
+.dropzone .dz-preview:hover .dz-image img {
+ -webkit-transform: scale(1.05, 1.05);
+ transform: scale(1.05, 1.05);
+ -webkit-filter: blur(8px);
+ filter: blur(8px); }
+
+.dropzone .dz-preview .dz-image {
+ border-radius: 20px;
+ overflow: hidden;
+ width: 120px;
+ height: 120px;
+ position: relative;
+ display: block;
+ z-index: 10; }
+
+.dropzone .dz-preview .dz-image img {
+ display: block; }
+
+.dropzone .dz-preview.dz-success .dz-success-mark {
+ -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
+ animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
+
+.dropzone .dz-preview.dz-error .dz-error-mark {
+ opacity: 1;
+ -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
+ animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
+
+.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
+ pointer-events: none;
+ opacity: 0;
+ z-index: 500;
+ position: absolute;
+ display: block;
+ top: 50%;
+ left: 50%;
+ margin-left: -27px;
+ margin-top: -27px; }
+
+.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
+ display: block;
+ width: 54px;
+ height: 54px; }
+
+.dropzone .dz-preview.dz-processing .dz-progress {
+ opacity: 1;
+ -webkit-transition: all 0.2s linear;
+ transition: all 0.2s linear; }
+
+.dropzone .dz-preview.dz-complete .dz-progress {
+ opacity: 0;
+ -webkit-transition: opacity 0.4s ease-in;
+ transition: opacity 0.4s ease-in; }
+
+.dropzone .dz-preview:not(.dz-processing) .dz-progress {
+ -webkit-animation: pulse 6s ease infinite;
+ animation: pulse 6s ease infinite; }
+
+.dropzone .dz-preview .dz-progress {
+ opacity: 1;
+ z-index: 1000;
+ pointer-events: none;
+ position: absolute;
+ height: 16px;
+ left: 50%;
+ top: 50%;
+ margin-top: -8px;
+ width: 80px;
+ margin-left: -40px;
+ background: rgba(255, 255, 255, 0.9);
+ -webkit-transform: scale(1);
+ border-radius: 8px;
+ overflow: hidden; }
+
+.dropzone .dz-preview .dz-progress .dz-upload {
+ background: #333;
+ background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
+ background: linear-gradient(to bottom, #666, #444);
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 0;
+ -webkit-transition: width 300ms ease-in-out;
+ transition: width 300ms ease-in-out; }
+
+.dropzone .dz-preview.dz-error .dz-error-message {
+ display: block; }
+
+.dropzone .dz-preview.dz-error:hover .dz-error-message {
+ opacity: 1;
+ pointer-events: auto; }
+
+.dropzone .dz-preview .dz-error-message {
+ pointer-events: none;
+ z-index: 1000;
+ position: absolute;
+ display: block;
+ display: none;
+ opacity: 0;
+ -webkit-transition: opacity 0.3s ease;
+ transition: opacity 0.3s ease;
+ border-radius: 8px;
+ font-size: 13px;
+ top: 130px;
+ left: -10px;
+ width: 140px;
+ background: #be2626;
+ background: -webkit-gradient(linear, left top, left bottom, from(#be2626), to(#a92222));
+ background: linear-gradient(to bottom, #be2626, #a92222);
+ padding: 0.5em 1.2em;
+ color: white; }
+
+.dropzone .dz-preview .dz-error-message:after {
+ content: '';
+ position: absolute;
+ top: -6px;
+ left: 64px;
+ width: 0;
+ height: 0;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #be2626; }
+
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+.dropzone {
+ border: 2px dashed #dedede;
+ border-radius: 5px;
+ background: #f5f5f5;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0.5rem; }
+
+.dropzone i {
+ font-size: 3rem; }
+
+.dropzone .dz-message {
+ color: rgba(0, 0, 0, 0.54);
+ font-weight: 500;
+ font-size: initial;
+ text-transform: uppercase;
+ width: 100%; }
+
+.dropzone .dz-preview .dz-image {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ border-radius: 0; }
+ .dropzone .dz-preview .dz-image img {
+ border-radius: 4px; }
+
+.dropzone .dz-preview.dz-image-preview {
+ background: transparent; }
+
+.dropzone .dz-message {
+ font-weight: normal;
+ text-transform: none;
+ color: inherit; }
+
+.dropzone.dz-drag-hover {
+ border-style: dashed;
+ border-color: #886ab5; }
+
+.dropzone .dz-preview.dz-file-preview .dz-image {
+ border-radius: 4px; }
+
+/*# sourceMappingURL=dropzone.css.map */
diff --git a/public/assets/css/formplugins/dropzone/dropzone.css.map b/public/assets/css/formplugins/dropzone/dropzone.css.map
new file mode 100644
index 0000000..0473d06
--- /dev/null
+++ b/public/assets/css/formplugins/dropzone/dropzone.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["dropzone.css","../../../scss/_modules/variables.scss"],"names":[],"mappings":"AAAA;;;EAGE;AACF;EACE;IACE,UAAU;IACV,mCAAmC;IAInC,2BAA2B,EAAA;EAC7B;IACE,UAAU;IACV,kCAAkC;IAIlC,0BAA0B,EAAA;EAC5B;IACE,UAAU;IACV,oCAAoC;IAIpC,4BAA4B,EAAA,EAAA;;AAuBhC;EACE;IACE,UAAU;IACV,mCAAmC;IAInC,2BAA2B,EAAA;EAC7B;IACE,UAAU;IACV,kCAAkC;IAIlC,0BAA0B,EAAA;EAC5B;IACE,UAAU;IACV,oCAAoC;IAIpC,4BAA4B,EAAA,EAAA;;AAChC;EACE;IACE,UAAU;IACV,mCAAmC;IAInC,2BAA2B,EAAA;EAC7B;IACE,UAAU;IACV,kCAAkC;IAIlC,0BAA0B,EAAA,EAAA;;AAgB9B;EACE;IACE,UAAU;IACV,mCAAmC;IAInC,2BAA2B,EAAA;EAC7B;IACE,UAAU;IACV,kCAAkC;IAIlC,0BAA0B,EAAA,EAAA;;AAC9B;EACE;IACE,2BAA2B;IAI3B,mBAAmB,EAAA;EACrB;IACE,6BAA6B;IAI7B,qBAAqB,EAAA;EACvB;IACE,2BAA2B;IAI3B,mBAAmB,EAAA,EAAA;;AAoBvB;EACE;IACE,2BAA2B;IAI3B,mBAAmB,EAAA;EACrB;IACE,6BAA6B;IAI7B,qBAAqB,EAAA;EACvB;IACE,2BAA2B;IAI3B,mBAAmB,EAAA,EAAA;;AACvB;EACE,8BAAsB;UAAtB,sBAAsB,EAAA;;AAExB;EACE,iBAAiB;EACjB,oCAAoC;EACpC,iBAAiB;EACjB,kBAAkB,EAAA;;AAClB;EACE,eAAe,EAAA;;AACf;EACE,eAAe,EAAA;;AACjB;EACE,eAAe,EAAA;;AACnB;EACE,aAAa,EAAA;;AACf;EACE,mBAAmB,EAAA;;AACnB;EACE,YAAY,EAAA;;AAChB;EACE,kBAAkB;EAClB,aAAa,EAAA;;AACf;EACE,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB,EAAA;;AACjB;EACE,aAAa,EAAA;;AACb;EACE,UAAU,EAAA;;AACd;EACE,mBAAmB;EACnB,gBAAgB;EAChB,iFAAkD;EAAlD,kDAAkD,EAAA;;AACpD;EACE,UAAU,EAAA;;AACZ;EACE,iBAAiB,EAAA;;AACjB;EACE,uCAAuC;EAIvC,+BAA+B,EAAA;;AACnC;EACE,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,eAAe;EACf,YAAY,EAAA;;AACZ;EACE,0BAA0B,EAAA;;AAC9B;EACE,UAAU,EAAA;;AACZ;EACE,WAAW;EACX,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,UAAU;EACV,eAAe;EACf,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,kBAAkB;EAClB,yBAAyB;EACzB,iBAAiB,EAAA;;AACjB;EACE,kBAAkB;EAClB,eAAe,EAAA;;AACjB;EACE,mBAAmB,EAAA;;AACnB;EACE,0CAA0C;EAC1C,0CAA0C,EAAA;;AAC5C;EACE,gBAAgB;EAChB,uBAAuB,EAAA;;AACvB;EACE,6BAA6B,EAAA;;AACnC;EACE,0CAA0C;EAC1C,gBAAgB;EAChB,kBAAkB,EAAA;;AACtB;EACE,oCAAoC;EAIpC,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB,EAAA;;AACnB;EACE,mBAAmB;EACnB,gBAAgB;EAChB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,cAAc;EACd,WAAW,EAAA;;AACX;EACE,cAAc,EAAA;;AAClB;EACE,qEAAqE;EAIrE,6DAA6D,EAAA;;AAC/D;EACE,UAAU;EACV,8DAA8D;EAI9D,sDAAsD,EAAA;;AACxD;EACE,oBAAoB;EACpB,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,cAAc;EACd,QAAQ;EACR,SAAS;EACT,kBAAkB;EAClB,iBAAiB,EAAA;;AACjB;EACE,cAAc;EACd,WAAW;EACX,YAAY,EAAA;;AAChB;EACE,UAAU;EACV,mCAAmC;EAInC,2BAA2B,EAAA;;AAC7B;EACE,UAAU;EACV,wCAAwC;EAIxC,gCAAgC,EAAA;;AAClC;EACE,yCAAyC;EAIzC,iCAAiC,EAAA;;AACnC;EACE,UAAU;EACV,aAAa;EACb,oBAAoB;EACpB,kBAAkB;EAClB,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,gBAAgB;EAChB,WAAW;EACX,kBAAkB;EAClB,oCAAoC;EACpC,2BAA2B;EAC3B,kBAAkB;EAClB,gBAAgB,EAAA;;AAChB;EACE,gBAAgB;EAChB,iFAAkD;EAAlD,kDAAkD;EAClD,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,SAAS;EACT,QAAQ;EACR,2CAA2C;EAI3C,mCAAmC,EAAA;;AACvC;EACE,cAAc,EAAA;;AAChB;EACE,UAAU;EACV,oBAAoB,EAAA;;AACtB;EACE,oBAAoB;EACpB,aAAa;EACb,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,UAAU;EACV,qCAAqC;EAIrC,6BAA6B;EAC7B,kBAAkB;EAClB,eAAe;EACf,UAAU;EACV,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,uFAAwD;EAAxD,wDAAwD;EACxD,oBAAoB;EACpB,YAAY,EAAA;;AACZ;EACE,WAAW;EACX,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,QAAQ;EACR,SAAS;EACT,kCAAkC;EAClC,mCAAmC;EACnC,gCAAgC,EAAA;;ACnYxC;4EDub4E;ACrb5E,+CAAA;AAQA;;;;;;kFDqbkF;AC7alF;4ED+a4E;ACza5E;4ED2a4E;ACza5E,cAAA;AAYA,kBAAA;AAYA,iBAAA;AAYA,kBAAA;AAYA,cAAA;AAYA,eAAA;AAYA,kBAAA;AA6EA;4ED6R4E;ACzR5E;4ED2R4E;AC5QR,kGAAA;AACG,2EAAA;AAavE,+BAAA;AAgBA,6BAAA;AACA,wFAAA;AAQA;4ED4O4E;ACnN5E,oCAAA;AAYA,UAAA;AACA,wIAAA;AASA,UAAA;AAIA,aAAA;AAMA,qDAAA;AAGA,mCAAA;AAGA,oBAAA;AAKA,iBAAA;AASA,WAAA;AAEA,UAAA;AAIA,UAAA;AAOA,gBAAA;AAMA,UAAA;AAKA,UAAA;AAKA,eAAA;AAIA,iBAAA;AAUA,aAAA;AAIA,qBAAA;AAKA,WAAA;AASA,cAAA;AASA,oBAAA;AAOA,aAAA;AAcA,aAAA;AAYA,UAAA;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;CDmGC;ACtED,UAAA;AAuBA,aAAA;AAIA;4ED+C4E;ACvC5E,6EAAA;AAEiC,WAAA;AACD,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACC,WAAA;AAEjC;4EDuC4E;ACrClE,mFAAA;AAOV;4EDiC4E;AC/BG,mEAAA;AAE/E;4EDgC4E;AC1B5E,oEAAA;AAUA;4EDmB4E;ACf5E;4EDiB4E;ACf5B,0BAAA;AACH,iBAAA;AAG7C;4EDe4E;ACV5E;4EDY4E;ACN5E;4EDQ4E;ACJ5E;4EDM4E;ACH5E,WAAA;AAOA,WAAA;AAMA,SAAA;AAEoD,6DAAA;AACC,8DAAA;AACC,qDAAA;AAEtD,gCAAA;AAGA,qBAAA;AAC4D,uBAAA;AAO5D,QAAA;AAYA,uBAAA;AASA,UAAA;AAKA,sBAAA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EDb4E;AC4C5E,oBAAA;AACA,eAAA;AAMA,uBAAA;AAOA,mBAAA;AAOA,kBAAA;AAIA,cAAA;AAIA,cAAA;AAKA,eAAA;AAIA,gCAAA;AAGA,qBAAA;AACA,mCAAA;AAGA,mBAAA;AAQA,2CAAA;AAK6C,kBAAA;AAE7C,gCAAA;AAKyE,+CAAA;AAEzE;4ED7F4E;AC+F5E,eAAA;AAIA;4EDhG4E;ACuG5E;4EDrG4E;ACyG5E;4EDvG4E;ACoH5E;4EDlH4E;ACyH5E;4EDvH4E;AC+H5E;4ED7H4E;ACqI5E;4EDnI4E;ACwI5E,oBAAA;AD1XA;EACE,0BAA0B;EAC1B,kBAAkB;EAClB,mBAAmB;EACnB,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,mBAAe;MAAf,eAAe;EACf,eAAe,EAAA;;AAIjB;EACE,eAAe,EAAA;;AAGjB;EACE,0BAAsB;EACtB,gBAAgB;EAChB,kBAAkB;EAClB,yBAAyB;EACzB,WAAW,EAAA;;AAGb;EACC,oBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,yBAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,wBAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,gBAAgB,EAAA;EAJjB;IAOE,kBChGuB,EAAA;;ADoGzB;EACC,uBAAuB,EAAA;;AAGxB;EACC,mBAAmB;EACnB,oBAAoB;EACpB,cAAc,EAAA;;AAGf;EACC,oBAAoB;EACpB,qBCjb2B,EAAA;;ADob5B;EACC,kBCpHwB,EAAA","file":"dropzone.css","sourcesContent":["/*\n * The MIT License\n * Copyright (c) 2012 Matias Meno \n */\n@-webkit-keyframes passing-through {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(40px);\n -moz-transform: translateY(40px);\n -ms-transform: translateY(40px);\n -o-transform: translateY(40px);\n transform: translateY(40px); }\n 30%, 70% {\n opacity: 1;\n -webkit-transform: translateY(0px);\n -moz-transform: translateY(0px);\n -ms-transform: translateY(0px);\n -o-transform: translateY(0px);\n transform: translateY(0px); }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n -moz-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n -o-transform: translateY(-40px);\n transform: translateY(-40px); } }\n@-moz-keyframes passing-through {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(40px);\n -moz-transform: translateY(40px);\n -ms-transform: translateY(40px);\n -o-transform: translateY(40px);\n transform: translateY(40px); }\n 30%, 70% {\n opacity: 1;\n -webkit-transform: translateY(0px);\n -moz-transform: translateY(0px);\n -ms-transform: translateY(0px);\n -o-transform: translateY(0px);\n transform: translateY(0px); }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n -moz-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n -o-transform: translateY(-40px);\n transform: translateY(-40px); } }\n@keyframes passing-through {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(40px);\n -moz-transform: translateY(40px);\n -ms-transform: translateY(40px);\n -o-transform: translateY(40px);\n transform: translateY(40px); }\n 30%, 70% {\n opacity: 1;\n -webkit-transform: translateY(0px);\n -moz-transform: translateY(0px);\n -ms-transform: translateY(0px);\n -o-transform: translateY(0px);\n transform: translateY(0px); }\n 100% {\n opacity: 0;\n -webkit-transform: translateY(-40px);\n -moz-transform: translateY(-40px);\n -ms-transform: translateY(-40px);\n -o-transform: translateY(-40px);\n transform: translateY(-40px); } }\n@-webkit-keyframes slide-in {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(40px);\n -moz-transform: translateY(40px);\n -ms-transform: translateY(40px);\n -o-transform: translateY(40px);\n transform: translateY(40px); }\n 30% {\n opacity: 1;\n -webkit-transform: translateY(0px);\n -moz-transform: translateY(0px);\n -ms-transform: translateY(0px);\n -o-transform: translateY(0px);\n transform: translateY(0px); } }\n@-moz-keyframes slide-in {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(40px);\n -moz-transform: translateY(40px);\n -ms-transform: translateY(40px);\n -o-transform: translateY(40px);\n transform: translateY(40px); }\n 30% {\n opacity: 1;\n -webkit-transform: translateY(0px);\n -moz-transform: translateY(0px);\n -ms-transform: translateY(0px);\n -o-transform: translateY(0px);\n transform: translateY(0px); } }\n@keyframes slide-in {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(40px);\n -moz-transform: translateY(40px);\n -ms-transform: translateY(40px);\n -o-transform: translateY(40px);\n transform: translateY(40px); }\n 30% {\n opacity: 1;\n -webkit-transform: translateY(0px);\n -moz-transform: translateY(0px);\n -ms-transform: translateY(0px);\n -o-transform: translateY(0px);\n transform: translateY(0px); } }\n@-webkit-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); }\n 10% {\n -webkit-transform: scale(1.1);\n -moz-transform: scale(1.1);\n -ms-transform: scale(1.1);\n -o-transform: scale(1.1);\n transform: scale(1.1); }\n 20% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); } }\n@-moz-keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); }\n 10% {\n -webkit-transform: scale(1.1);\n -moz-transform: scale(1.1);\n -ms-transform: scale(1.1);\n -o-transform: scale(1.1);\n transform: scale(1.1); }\n 20% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); } }\n@keyframes pulse {\n 0% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); }\n 10% {\n -webkit-transform: scale(1.1);\n -moz-transform: scale(1.1);\n -ms-transform: scale(1.1);\n -o-transform: scale(1.1);\n transform: scale(1.1); }\n 20% {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -ms-transform: scale(1);\n -o-transform: scale(1);\n transform: scale(1); } }\n.dropzone, .dropzone * {\n box-sizing: border-box; }\n\n.dropzone {\n min-height: 150px;\n border: 2px solid rgba(0, 0, 0, 0.3);\n background: white;\n padding: 20px 20px; }\n .dropzone.dz-clickable {\n cursor: pointer; }\n .dropzone.dz-clickable * {\n cursor: default; }\n .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {\n cursor: pointer; }\n .dropzone.dz-started .dz-message {\n display: none; }\n .dropzone.dz-drag-hover {\n border-style: solid; }\n .dropzone.dz-drag-hover .dz-message {\n opacity: 0.5; }\n .dropzone .dz-message {\n text-align: center;\n margin: 2em 0; }\n .dropzone .dz-preview {\n position: relative;\n display: inline-block;\n vertical-align: top;\n margin: 16px;\n min-height: 100px; }\n .dropzone .dz-preview:hover {\n z-index: 1000; }\n .dropzone .dz-preview:hover .dz-details {\n opacity: 1; }\n .dropzone .dz-preview.dz-file-preview .dz-image {\n border-radius: 20px;\n background: #999;\n background: linear-gradient(to bottom, #eee, #ddd); }\n .dropzone .dz-preview.dz-file-preview .dz-details {\n opacity: 1; }\n .dropzone .dz-preview.dz-image-preview {\n background: white; }\n .dropzone .dz-preview.dz-image-preview .dz-details {\n -webkit-transition: opacity 0.2s linear;\n -moz-transition: opacity 0.2s linear;\n -ms-transition: opacity 0.2s linear;\n -o-transition: opacity 0.2s linear;\n transition: opacity 0.2s linear; }\n .dropzone .dz-preview .dz-remove {\n font-size: 14px;\n text-align: center;\n display: block;\n cursor: pointer;\n border: none; }\n .dropzone .dz-preview .dz-remove:hover {\n text-decoration: underline; }\n .dropzone .dz-preview:hover .dz-details {\n opacity: 1; }\n .dropzone .dz-preview .dz-details {\n z-index: 20;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n font-size: 13px;\n min-width: 100%;\n max-width: 100%;\n padding: 2em 1em;\n text-align: center;\n color: rgba(0, 0, 0, 0.9);\n line-height: 150%; }\n .dropzone .dz-preview .dz-details .dz-size {\n margin-bottom: 1em;\n font-size: 16px; }\n .dropzone .dz-preview .dz-details .dz-filename {\n white-space: nowrap; }\n .dropzone .dz-preview .dz-details .dz-filename:hover span {\n border: 1px solid rgba(200, 200, 200, 0.8);\n background-color: rgba(255, 255, 255, 0.8); }\n .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {\n overflow: hidden;\n text-overflow: ellipsis; }\n .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {\n border: 1px solid transparent; }\n .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {\n background-color: rgba(255, 255, 255, 0.4);\n padding: 0 0.4em;\n border-radius: 3px; }\n .dropzone .dz-preview:hover .dz-image img {\n -webkit-transform: scale(1.05, 1.05);\n -moz-transform: scale(1.05, 1.05);\n -ms-transform: scale(1.05, 1.05);\n -o-transform: scale(1.05, 1.05);\n transform: scale(1.05, 1.05);\n -webkit-filter: blur(8px);\n filter: blur(8px); }\n .dropzone .dz-preview .dz-image {\n border-radius: 20px;\n overflow: hidden;\n width: 120px;\n height: 120px;\n position: relative;\n display: block;\n z-index: 10; }\n .dropzone .dz-preview .dz-image img {\n display: block; }\n .dropzone .dz-preview.dz-success .dz-success-mark {\n -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);\n animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }\n .dropzone .dz-preview.dz-error .dz-error-mark {\n opacity: 1;\n -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);\n animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }\n .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {\n pointer-events: none;\n opacity: 0;\n z-index: 500;\n position: absolute;\n display: block;\n top: 50%;\n left: 50%;\n margin-left: -27px;\n margin-top: -27px; }\n .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {\n display: block;\n width: 54px;\n height: 54px; }\n .dropzone .dz-preview.dz-processing .dz-progress {\n opacity: 1;\n -webkit-transition: all 0.2s linear;\n -moz-transition: all 0.2s linear;\n -ms-transition: all 0.2s linear;\n -o-transition: all 0.2s linear;\n transition: all 0.2s linear; }\n .dropzone .dz-preview.dz-complete .dz-progress {\n opacity: 0;\n -webkit-transition: opacity 0.4s ease-in;\n -moz-transition: opacity 0.4s ease-in;\n -ms-transition: opacity 0.4s ease-in;\n -o-transition: opacity 0.4s ease-in;\n transition: opacity 0.4s ease-in; }\n .dropzone .dz-preview:not(.dz-processing) .dz-progress {\n -webkit-animation: pulse 6s ease infinite;\n -moz-animation: pulse 6s ease infinite;\n -ms-animation: pulse 6s ease infinite;\n -o-animation: pulse 6s ease infinite;\n animation: pulse 6s ease infinite; }\n .dropzone .dz-preview .dz-progress {\n opacity: 1;\n z-index: 1000;\n pointer-events: none;\n position: absolute;\n height: 16px;\n left: 50%;\n top: 50%;\n margin-top: -8px;\n width: 80px;\n margin-left: -40px;\n background: rgba(255, 255, 255, 0.9);\n -webkit-transform: scale(1);\n border-radius: 8px;\n overflow: hidden; }\n .dropzone .dz-preview .dz-progress .dz-upload {\n background: #333;\n background: linear-gradient(to bottom, #666, #444);\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: 0;\n -webkit-transition: width 300ms ease-in-out;\n -moz-transition: width 300ms ease-in-out;\n -ms-transition: width 300ms ease-in-out;\n -o-transition: width 300ms ease-in-out;\n transition: width 300ms ease-in-out; }\n .dropzone .dz-preview.dz-error .dz-error-message {\n display: block; }\n .dropzone .dz-preview.dz-error:hover .dz-error-message {\n opacity: 1;\n pointer-events: auto; }\n .dropzone .dz-preview .dz-error-message {\n pointer-events: none;\n z-index: 1000;\n position: absolute;\n display: block;\n display: none;\n opacity: 0;\n -webkit-transition: opacity 0.3s ease;\n -moz-transition: opacity 0.3s ease;\n -ms-transition: opacity 0.3s ease;\n -o-transition: opacity 0.3s ease;\n transition: opacity 0.3s ease;\n border-radius: 8px;\n font-size: 13px;\n top: 130px;\n left: -10px;\n width: 140px;\n background: #be2626;\n background: linear-gradient(to bottom, #be2626, #a92222);\n padding: 0.5em 1.2em;\n color: white; }\n .dropzone .dz-preview .dz-error-message:after {\n content: '';\n position: absolute;\n top: -6px;\n left: 64px;\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #be2626; }\n\n@import \"./src/scss/_modules/variables\";\r\n\r\n.dropzone {\r\n border: 2px dashed #dedede;\r\n border-radius: 5px;\r\n background: #f5f5f5;\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: 0.5rem;\r\n //justify-content: center;\r\n}\r\n\r\n.dropzone i{\r\n font-size: 3rem;\r\n}\r\n\r\n.dropzone .dz-message {\r\n color: rgba(0,0,0,.54);\r\n font-weight: 500;\r\n font-size: initial;\r\n text-transform: uppercase;\r\n width: 100%;\r\n}\r\n\r\n.dropzone .dz-preview .dz-image {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tborder-radius: 0;\r\n\r\n\timg {\r\n\t\tborder-radius: $border-radius\r\n\t}\r\n}\r\n\r\n.dropzone .dz-preview.dz-image-preview {\r\n\tbackground: transparent;\r\n}\r\n\r\n.dropzone .dz-message {\r\n\tfont-weight: normal;\r\n\ttext-transform: none;\r\n\tcolor: inherit;\r\n}\r\n\r\n.dropzone.dz-drag-hover {\r\n\tborder-style: dashed;\r\n\tborder-color: $primary-500;\r\n}\r\n\r\n.dropzone .dz-preview.dz-file-preview .dz-image {\r\n\tborder-radius: $border-radius;\r\n\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/ion-rangeslider/ion-rangeslider.css b/public/assets/css/formplugins/ion-rangeslider/ion-rangeslider.css
new file mode 100644
index 0000000..3afbd5e
--- /dev/null
+++ b/public/assets/css/formplugins/ion-rangeslider/ion-rangeslider.css
@@ -0,0 +1,1148 @@
+@charset "UTF-8";
+/**
+Ion.RangeSlider, 2.3.0
+© Denis Ineshin, 2010 - 2018, IonDen.com
+Build date: 2018-12-11 23:23:51
+*/
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+.irs {
+ position: relative;
+ display: block;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: 12px;
+ font-family: Arial, sans-serif; }
+
+.irs-line {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ outline: none !important; }
+
+.irs-bar {
+ position: absolute;
+ display: block;
+ left: 0;
+ width: 0; }
+
+.irs-shadow {
+ position: absolute;
+ display: none;
+ left: 0;
+ width: 0; }
+
+.irs-handle {
+ position: absolute;
+ display: block;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: default;
+ z-index: 1; }
+
+.irs-handle.type_last {
+ z-index: 2; }
+
+.irs-min,
+.irs-max {
+ position: absolute;
+ display: block;
+ cursor: default; }
+
+.irs-min {
+ left: 0; }
+
+.irs-max {
+ right: 0; }
+
+.irs-from,
+.irs-to,
+.irs-single {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ cursor: default;
+ white-space: nowrap; }
+
+.irs-grid {
+ position: absolute;
+ display: none;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 20px; }
+
+.irs-with-grid .irs-grid {
+ display: block; }
+
+.irs-grid-pol {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 8px;
+ background: #000; }
+
+.irs-grid-pol.small {
+ height: 4px; }
+
+.irs-grid-text {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ white-space: nowrap;
+ text-align: center;
+ font-size: 9px;
+ line-height: 9px;
+ padding: 0 3px;
+ color: #000; }
+
+.irs-disable-mask {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: -1%;
+ width: 102%;
+ height: 100%;
+ cursor: default;
+ background: rgba(0, 0, 0, 0);
+ z-index: 2; }
+
+.lt-ie9 .irs-disable-mask {
+ background: #000;
+ filter: alpha(opacity=0);
+ cursor: not-allowed; }
+
+.irs-disabled {
+ opacity: 0.4; }
+
+.irs-hidden-input {
+ position: absolute !important;
+ display: block !important;
+ top: 0 !important;
+ left: 0 !important;
+ width: 0 !important;
+ height: 0 !important;
+ font-size: 0 !important;
+ line-height: 0 !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ overflow: hidden;
+ outline: none !important;
+ z-index: -9999 !important;
+ background: none !important;
+ border-style: solid !important;
+ border-color: transparent !important; }
+
+.irs--flat {
+ height: 40px; }
+
+.irs--flat.irs-with-grid {
+ height: 60px; }
+
+.irs--flat .irs-line {
+ top: 25px;
+ height: 12px;
+ background-color: #e1e4e9;
+ border-radius: 4px; }
+
+.irs--flat .irs-bar {
+ top: 25px;
+ height: 12px;
+ background-color: #ed5565; }
+
+.irs--flat .irs-bar--single {
+ border-radius: 4px 0 0 4px; }
+
+.irs--flat .irs-shadow {
+ height: 1px;
+ bottom: 16px;
+ background-color: #e1e4e9; }
+
+.irs--flat .irs-handle {
+ top: 22px;
+ width: 16px;
+ height: 18px;
+ background-color: transparent; }
+
+.irs--flat .irs-handle > i:first-child {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 50%;
+ width: 2px;
+ height: 100%;
+ margin-left: -1px;
+ background-color: #da4453; }
+
+.irs--flat .irs-handle.state_hover > i:first-child,
+.irs--flat .irs-handle:hover > i:first-child {
+ background-color: #a43540; }
+
+.irs--flat .irs-min,
+.irs--flat .irs-max {
+ top: 0;
+ padding: 1px 3px;
+ color: #999;
+ font-size: 10px;
+ line-height: 1.333;
+ text-shadow: none;
+ background-color: #e1e4e9;
+ border-radius: 4px; }
+
+.irs--flat .irs-from,
+.irs--flat .irs-to,
+.irs--flat .irs-single {
+ color: white;
+ font-size: 10px;
+ line-height: 1.333;
+ text-shadow: none;
+ padding: 1px 5px;
+ background-color: #ed5565;
+ border-radius: 4px; }
+
+.irs--flat .irs-from:before,
+.irs--flat .irs-to:before,
+.irs--flat .irs-single:before {
+ position: absolute;
+ display: block;
+ content: "";
+ bottom: -6px;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin-left: -3px;
+ overflow: hidden;
+ border: 3px solid transparent;
+ border-top-color: #ed5565; }
+
+.irs--flat .irs-grid-pol {
+ background-color: #e1e4e9; }
+
+.irs--flat .irs-grid-text {
+ color: #999; }
+
+.irs--big {
+ height: 55px; }
+
+.irs--big.irs-with-grid {
+ height: 70px; }
+
+.irs--big .irs-line {
+ top: 33px;
+ height: 12px;
+ background-color: white;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, white));
+ background: linear-gradient(to bottom, #ddd -50%, white 150%);
+ border: 1px solid #ccc;
+ border-radius: 12px; }
+
+.irs--big .irs-bar {
+ top: 33px;
+ height: 12px;
+ background-color: #92bce0;
+ border: 1px solid #428bca;
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #428bca), to(#b9d4ec));
+ background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
+ -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
+ box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5); }
+
+.irs--big .irs-bar--single {
+ border-radius: 12px 0 0 12px; }
+
+.irs--big .irs-shadow {
+ height: 1px;
+ bottom: 16px;
+ background-color: rgba(66, 139, 202, 0.5); }
+
+.irs--big .irs-handle {
+ top: 25px;
+ width: 30px;
+ height: 30px;
+ border: 1px solid rgba(0, 0, 0, 0.3);
+ background-color: #cbcfd5;
+ background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #B4B9BE), to(white));
+ background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
+ -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
+ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
+ border-radius: 30px; }
+
+.irs--big .irs-handle.state_hover,
+.irs--big .irs-handle:hover {
+ border-color: rgba(0, 0, 0, 0.45);
+ background-color: #939ba7;
+ background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(30%, #919BA5), to(white));
+ background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%); }
+
+.irs--big .irs-min,
+.irs--big .irs-max {
+ top: 0;
+ padding: 1px 5px;
+ color: white;
+ text-shadow: none;
+ background-color: #9f9f9f;
+ border-radius: 3px; }
+
+.irs--big .irs-from,
+.irs--big .irs-to,
+.irs--big .irs-single {
+ color: white;
+ text-shadow: none;
+ padding: 1px 5px;
+ background-color: #428bca;
+ background: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9));
+ background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
+ border-radius: 3px; }
+
+.irs--big .irs-grid-pol {
+ background-color: #428bca; }
+
+.irs--big .irs-grid-text {
+ color: #428bca; }
+
+.irs--modern {
+ height: 55px; }
+
+.irs--modern.irs-with-grid {
+ height: 55px; }
+
+.irs--modern .irs-line {
+ top: 25px;
+ height: 5px;
+ background-color: #d1d6e0;
+ background: -webkit-gradient(linear, left top, left bottom, from(#e0e4ea), to(#d1d6e0));
+ background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
+ border: 1px solid #a3adc1;
+ border-bottom-width: 0;
+ border-radius: 5px; }
+
+.irs--modern .irs-bar {
+ top: 25px;
+ height: 5px;
+ background: #20b426;
+ background: -webkit-gradient(linear, left top, left bottom, from(#20b426), to(#18891d));
+ background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); }
+
+.irs--modern .irs-bar--single {
+ border-radius: 5px 0 0 5px; }
+
+.irs--modern .irs-shadow {
+ height: 1px;
+ bottom: 21px;
+ background-color: rgba(209, 214, 224, 0.5); }
+
+.irs--modern .irs-handle {
+ top: 37px;
+ width: 12px;
+ height: 13px;
+ border: 1px solid #a3adc1;
+ border-top-width: 0;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
+ border-radius: 0 0 3px 3px; }
+
+.irs--modern .irs-handle > i:nth-child(1) {
+ position: absolute;
+ display: block;
+ top: -4px;
+ left: 1px;
+ width: 6px;
+ height: 6px;
+ border: 1px solid #a3adc1;
+ background: white;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg); }
+
+.irs--modern .irs-handle > i:nth-child(2) {
+ position: absolute;
+ display: block;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ top: 0;
+ left: 0;
+ width: 10px;
+ height: 12px;
+ background: #e9e6e6;
+ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e9e6e6));
+ background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
+ border-radius: 0 0 3px 3px; }
+
+.irs--modern .irs-handle > i:nth-child(3) {
+ position: absolute;
+ display: block;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ top: 3px;
+ left: 3px;
+ width: 4px;
+ height: 5px;
+ border-left: 1px solid #a3adc1;
+ border-right: 1px solid #a3adc1; }
+
+.irs--modern .irs-handle.state_hover,
+.irs--modern .irs-handle:hover {
+ border-color: #7685a2;
+ background: #c3c7cd;
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #919ba5), to(#ffffff));
+ background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%); }
+
+.irs--modern .irs-handle.state_hover > i:nth-child(1),
+.irs--modern .irs-handle:hover > i:nth-child(1) {
+ border-color: #7685a2; }
+
+.irs--modern .irs-handle.state_hover > i:nth-child(3),
+.irs--modern .irs-handle:hover > i:nth-child(3) {
+ border-color: #48536a; }
+
+.irs--modern .irs-min,
+.irs--modern .irs-max {
+ top: 0;
+ font-size: 10px;
+ line-height: 1.333;
+ text-shadow: none;
+ padding: 1px 5px;
+ color: white;
+ background-color: #d1d6e0;
+ border-radius: 5px; }
+
+.irs--modern .irs-from,
+.irs--modern .irs-to,
+.irs--modern .irs-single {
+ font-size: 10px;
+ line-height: 1.333;
+ text-shadow: none;
+ padding: 1px 5px;
+ background-color: #20b426;
+ color: white;
+ border-radius: 5px; }
+
+.irs--modern .irs-from:before,
+.irs--modern .irs-to:before,
+.irs--modern .irs-single:before {
+ position: absolute;
+ display: block;
+ content: "";
+ bottom: -6px;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin-left: -3px;
+ overflow: hidden;
+ border: 3px solid transparent;
+ border-top-color: #20b426; }
+
+.irs--modern .irs-grid {
+ height: 25px; }
+
+.irs--modern .irs-grid-pol {
+ background-color: #dedede; }
+
+.irs--modern .irs-grid-text {
+ color: silver;
+ font-size: 13px; }
+
+.irs--sharp {
+ height: 50px;
+ font-size: 12px;
+ line-height: 1; }
+
+.irs--sharp.irs-with-grid {
+ height: 57px; }
+
+.irs--sharp .irs-line {
+ top: 30px;
+ height: 2px;
+ background-color: black;
+ border-radius: 2px; }
+
+.irs--sharp .irs-bar {
+ top: 30px;
+ height: 2px;
+ background-color: #ee22fa; }
+
+.irs--sharp .irs-bar--single {
+ border-radius: 2px 0 0 2px; }
+
+.irs--sharp .irs-shadow {
+ height: 1px;
+ bottom: 21px;
+ background-color: rgba(0, 0, 0, 0.5); }
+
+.irs--sharp .irs-handle {
+ top: 25px;
+ width: 10px;
+ height: 10px;
+ background-color: #a804b2; }
+
+.irs--sharp .irs-handle > i:first-child {
+ position: absolute;
+ display: block;
+ top: 100%;
+ left: 0;
+ width: 0;
+ height: 0;
+ border: 5px solid transparent;
+ border-top-color: #a804b2; }
+
+.irs--sharp .irs-handle.state_hover,
+.irs--sharp .irs-handle:hover {
+ background-color: black; }
+
+.irs--sharp .irs-handle.state_hover > i:first-child,
+.irs--sharp .irs-handle:hover > i:first-child {
+ border-top-color: black; }
+
+.irs--sharp .irs-min,
+.irs--sharp .irs-max {
+ color: white;
+ font-size: 14px;
+ line-height: 1;
+ top: 0;
+ padding: 3px 4px;
+ opacity: 0.4;
+ background-color: #a804b2;
+ border-radius: 2px; }
+
+.irs--sharp .irs-from,
+.irs--sharp .irs-to,
+.irs--sharp .irs-single {
+ font-size: 14px;
+ line-height: 1;
+ text-shadow: none;
+ padding: 3px 4px;
+ background-color: #a804b2;
+ color: white;
+ border-radius: 2px; }
+
+.irs--sharp .irs-from:before,
+.irs--sharp .irs-to:before,
+.irs--sharp .irs-single:before {
+ position: absolute;
+ display: block;
+ content: "";
+ bottom: -6px;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin-left: -3px;
+ overflow: hidden;
+ border: 3px solid transparent;
+ border-top-color: #a804b2; }
+
+.irs--sharp .irs-grid {
+ height: 25px; }
+
+.irs--sharp .irs-grid-pol {
+ background-color: #dedede; }
+
+.irs--sharp .irs-grid-text {
+ color: silver;
+ font-size: 13px; }
+
+.irs--round {
+ height: 50px; }
+
+.irs--round.irs-with-grid {
+ height: 65px; }
+
+.irs--round .irs-line {
+ top: 36px;
+ height: 4px;
+ background-color: #dee4ec;
+ border-radius: 4px; }
+
+.irs--round .irs-bar {
+ top: 36px;
+ height: 4px;
+ background-color: #006cfa; }
+
+.irs--round .irs-bar--single {
+ border-radius: 4px 0 0 4px; }
+
+.irs--round .irs-shadow {
+ height: 4px;
+ bottom: 21px;
+ background-color: rgba(222, 228, 236, 0.5); }
+
+.irs--round .irs-handle {
+ top: 26px;
+ width: 24px;
+ height: 24px;
+ border: 4px solid #006cfa;
+ background-color: white;
+ border-radius: 24px;
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
+ box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3); }
+
+.irs--round .irs-handle.state_hover,
+.irs--round .irs-handle:hover {
+ background-color: #f0f6ff; }
+
+.irs--round .irs-min,
+.irs--round .irs-max {
+ color: #333;
+ font-size: 14px;
+ line-height: 1;
+ top: 0;
+ padding: 3px 5px;
+ background-color: rgba(0, 0, 0, 0.1);
+ border-radius: 4px; }
+
+.irs--round .irs-from,
+.irs--round .irs-to,
+.irs--round .irs-single {
+ font-size: 14px;
+ line-height: 1;
+ text-shadow: none;
+ padding: 3px 5px;
+ background-color: #006cfa;
+ color: white;
+ border-radius: 4px; }
+
+.irs--round .irs-from:before,
+.irs--round .irs-to:before,
+.irs--round .irs-single:before {
+ position: absolute;
+ display: block;
+ content: "";
+ bottom: -6px;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin-left: -3px;
+ overflow: hidden;
+ border: 3px solid transparent;
+ border-top-color: #006cfa; }
+
+.irs--round .irs-grid {
+ height: 25px; }
+
+.irs--round .irs-grid-pol {
+ background-color: #dedede; }
+
+.irs--round .irs-grid-text {
+ color: silver;
+ font-size: 13px; }
+
+.irs--square {
+ height: 50px; }
+
+.irs--square.irs-with-grid {
+ height: 60px; }
+
+.irs--square .irs-line {
+ top: 31px;
+ height: 4px;
+ background-color: #dedede; }
+
+.irs--square .irs-bar {
+ top: 31px;
+ height: 4px;
+ background-color: black; }
+
+.irs--square .irs-shadow {
+ height: 2px;
+ bottom: 21px;
+ background-color: #dedede; }
+
+.irs--square .irs-handle {
+ top: 25px;
+ width: 16px;
+ height: 16px;
+ border: 3px solid black;
+ background-color: white;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg); }
+
+.irs--square .irs-handle.state_hover,
+.irs--square .irs-handle:hover {
+ background-color: #f0f6ff; }
+
+.irs--square .irs-min,
+.irs--square .irs-max {
+ color: #333;
+ font-size: 14px;
+ line-height: 1;
+ top: 0;
+ padding: 3px 5px;
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.irs--square .irs-from,
+.irs--square .irs-to,
+.irs--square .irs-single {
+ font-size: 14px;
+ line-height: 1;
+ text-shadow: none;
+ padding: 3px 5px;
+ background-color: black;
+ color: white; }
+
+.irs--square .irs-grid {
+ height: 25px; }
+
+.irs--square .irs-grid-pol {
+ background-color: #dedede; }
+
+.irs--square .irs-grid-text {
+ color: silver;
+ font-size: 11px; }
+
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+.irs--flat .irs-bar,
+.irs--flat .irs-from,
+.irs--flat .irs-to,
+.irs--flat .irs-single,
+.irs--flat .irs-handle > i:first-child {
+ background-color: #886ab5; }
+
+.irs--flat .irs-from,
+.irs--flat .irs-to,
+.irs--flat .irs-single {
+ font-size: 12px; }
+
+.irs--flat .irs-from:before,
+.irs--flat .irs-to:before,
+.irs--flat .irs-single:before {
+ border-top-color: #886ab5; }
+
+.irs--flat .irs-handle.state_hover > i:first-child,
+.irs--flat .irs-handle:hover > i:first-child {
+ background-color: #7a59ad; }
+
+.irs--big .irs-bar {
+ background-color: #a38cc6;
+ border-color: #886ab5;
+ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(30%, #a38cc6), to(#886ab5));
+ background: linear-gradient(to bottom, #ffffff 0%, #a38cc6 30%, #886ab5 100%); }
+
+.irs--big .irs-from,
+.irs--big .irs-to,
+.irs--big .irs-single {
+ background: #886ab5; }
+
+.irs--modern .irs-bar {
+ background: #1ab3a3;
+ background: -webkit-gradient(linear, left top, left bottom, from(#21dfcb), to(#1ab3a3));
+ background: linear-gradient(to bottom, #21dfcb 0%, #1ab3a3 100%); }
+
+.irs--modern .irs-from,
+.irs--modern .irs-to,
+.irs--modern .irs-single {
+ background-color: #1dc9b7; }
+
+.irs--modern .irs-from:before,
+.irs--modern .irs-to:before,
+.irs--modern .irs-single:before {
+ border-top-color: #1dc9b7; }
+
+.irs--modern .irs-handle > i:nth-child(1) {
+ width: 8px;
+ height: 8px; }
+
+.irs--sharp .irs-bar,
+.irs--sharp .irs-handle,
+.irs--sharp .irs-from,
+.irs--sharp .irs-to,
+.irs--sharp .irs-single {
+ background-color: #fd3995; }
+
+.irs--sharp .irs-handle > i:first-child,
+.irs--sharp .irs-from:before,
+.irs--sharp .irs-to:before,
+.irs--sharp .irs-single:before {
+ border-top-color: #fd3995; }
+
+.irs--sharp .irs-min,
+.irs--sharp .irs-max {
+ background-color: #e7026e; }
+
+.irs--round .irs-handle {
+ border-color: #2196F3; }
+
+.irs--round .irs-bar,
+.irs--round .irs-from,
+.irs--round .irs-to,
+.irs--round .irs-single {
+ background-color: #2196F3; }
+
+.irs--round .irs-from:before,
+.irs--round .irs-to:before,
+.irs--round .irs-single:before {
+ border-top-color: #2196F3; }
+
+/*# sourceMappingURL=ion-rangeslider.css.map */
diff --git a/public/assets/css/formplugins/ion-rangeslider/ion-rangeslider.css.map b/public/assets/css/formplugins/ion-rangeslider/ion-rangeslider.css.map
new file mode 100644
index 0000000..e890148
--- /dev/null
+++ b/public/assets/css/formplugins/ion-rangeslider/ion-rangeslider.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["ion-rangeslider.css","../../../scss/_modules/_fonts.scss","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"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","file":"ion-rangeslider.css","sourcesContent":["/**\nIon.RangeSlider, 2.3.0\n© Denis Ineshin, 2010 - 2018, IonDen.com\nBuild date: 2018-12-11 23:23:51\n*/\n.irs {\n position: relative;\n display: block;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n font-size: 12px;\n font-family: Arial, sans-serif;\n}\n.irs-line {\n position: relative;\n display: block;\n overflow: hidden;\n outline: none !important;\n}\n.irs-bar {\n position: absolute;\n display: block;\n left: 0;\n width: 0;\n}\n.irs-shadow {\n position: absolute;\n display: none;\n left: 0;\n width: 0;\n}\n.irs-handle {\n position: absolute;\n display: block;\n box-sizing: border-box;\n cursor: default;\n z-index: 1;\n}\n.irs-handle.type_last {\n z-index: 2;\n}\n.irs-min,\n.irs-max {\n position: absolute;\n display: block;\n cursor: default;\n}\n.irs-min {\n left: 0;\n}\n.irs-max {\n right: 0;\n}\n.irs-from,\n.irs-to,\n.irs-single {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n cursor: default;\n white-space: nowrap;\n}\n.irs-grid {\n position: absolute;\n display: none;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 20px;\n}\n.irs-with-grid .irs-grid {\n display: block;\n}\n.irs-grid-pol {\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n height: 8px;\n background: #000;\n}\n.irs-grid-pol.small {\n height: 4px;\n}\n.irs-grid-text {\n position: absolute;\n bottom: 0;\n left: 0;\n white-space: nowrap;\n text-align: center;\n font-size: 9px;\n line-height: 9px;\n padding: 0 3px;\n color: #000;\n}\n.irs-disable-mask {\n position: absolute;\n display: block;\n top: 0;\n left: -1%;\n width: 102%;\n height: 100%;\n cursor: default;\n background: rgba(0, 0, 0, 0);\n z-index: 2;\n}\n.lt-ie9 .irs-disable-mask {\n background: #000;\n filter: alpha(opacity=0);\n cursor: not-allowed;\n}\n.irs-disabled {\n opacity: 0.4;\n}\n.irs-hidden-input {\n position: absolute !important;\n display: block !important;\n top: 0 !important;\n left: 0 !important;\n width: 0 !important;\n height: 0 !important;\n font-size: 0 !important;\n line-height: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n outline: none !important;\n z-index: -9999 !important;\n background: none !important;\n border-style: solid !important;\n border-color: transparent !important;\n}\n.irs--flat {\n height: 40px;\n}\n.irs--flat.irs-with-grid {\n height: 60px;\n}\n.irs--flat .irs-line {\n top: 25px;\n height: 12px;\n background-color: #e1e4e9;\n border-radius: 4px;\n}\n.irs--flat .irs-bar {\n top: 25px;\n height: 12px;\n background-color: #ed5565;\n}\n.irs--flat .irs-bar--single {\n border-radius: 4px 0 0 4px;\n}\n.irs--flat .irs-shadow {\n height: 1px;\n bottom: 16px;\n background-color: #e1e4e9;\n}\n.irs--flat .irs-handle {\n top: 22px;\n width: 16px;\n height: 18px;\n background-color: transparent;\n}\n.irs--flat .irs-handle > i:first-child {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n width: 2px;\n height: 100%;\n margin-left: -1px;\n background-color: #da4453;\n}\n.irs--flat .irs-handle.state_hover > i:first-child,\n.irs--flat .irs-handle:hover > i:first-child {\n background-color: #a43540;\n}\n.irs--flat .irs-min,\n.irs--flat .irs-max {\n top: 0;\n padding: 1px 3px;\n color: #999;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n background-color: #e1e4e9;\n border-radius: 4px;\n}\n.irs--flat .irs-from,\n.irs--flat .irs-to,\n.irs--flat .irs-single {\n color: white;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n padding: 1px 5px;\n background-color: #ed5565;\n border-radius: 4px;\n}\n.irs--flat .irs-from:before,\n.irs--flat .irs-to:before,\n.irs--flat .irs-single:before {\n position: absolute;\n display: block;\n content: \"\";\n bottom: -6px;\n left: 50%;\n width: 0;\n height: 0;\n margin-left: -3px;\n overflow: hidden;\n border: 3px solid transparent;\n border-top-color: #ed5565;\n}\n.irs--flat .irs-grid-pol {\n background-color: #e1e4e9;\n}\n.irs--flat .irs-grid-text {\n color: #999;\n}\n.irs--big {\n height: 55px;\n}\n.irs--big.irs-with-grid {\n height: 70px;\n}\n.irs--big .irs-line {\n top: 33px;\n height: 12px;\n background-color: white;\n background: linear-gradient(to bottom, #ddd -50%, white 150%);\n border: 1px solid #ccc;\n border-radius: 12px;\n}\n.irs--big .irs-bar {\n top: 33px;\n height: 12px;\n background-color: #92bce0;\n border: 1px solid #428bca;\n background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);\n box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);\n}\n.irs--big .irs-bar--single {\n border-radius: 12px 0 0 12px;\n}\n.irs--big .irs-shadow {\n height: 1px;\n bottom: 16px;\n background-color: rgba(66, 139, 202, 0.5);\n}\n.irs--big .irs-handle {\n top: 25px;\n width: 30px;\n height: 30px;\n border: 1px solid rgba(0, 0, 0, 0.3);\n background-color: #cbcfd5;\n background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;\n border-radius: 30px;\n}\n.irs--big .irs-handle.state_hover,\n.irs--big .irs-handle:hover {\n border-color: rgba(0, 0, 0, 0.45);\n background-color: #939ba7;\n background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);\n}\n.irs--big .irs-min,\n.irs--big .irs-max {\n top: 0;\n padding: 1px 5px;\n color: white;\n text-shadow: none;\n background-color: #9f9f9f;\n border-radius: 3px;\n}\n.irs--big .irs-from,\n.irs--big .irs-to,\n.irs--big .irs-single {\n color: white;\n text-shadow: none;\n padding: 1px 5px;\n background-color: #428bca;\n background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);\n border-radius: 3px;\n}\n.irs--big .irs-grid-pol {\n background-color: #428bca;\n}\n.irs--big .irs-grid-text {\n color: #428bca;\n}\n.irs--modern {\n height: 55px;\n}\n.irs--modern.irs-with-grid {\n height: 55px;\n}\n.irs--modern .irs-line {\n top: 25px;\n height: 5px;\n background-color: #d1d6e0;\n background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);\n border: 1px solid #a3adc1;\n border-bottom-width: 0;\n border-radius: 5px;\n}\n.irs--modern .irs-bar {\n top: 25px;\n height: 5px;\n background: #20b426;\n background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);\n}\n.irs--modern .irs-bar--single {\n border-radius: 5px 0 0 5px;\n}\n.irs--modern .irs-shadow {\n height: 1px;\n bottom: 21px;\n background-color: rgba(209, 214, 224, 0.5);\n}\n.irs--modern .irs-handle {\n top: 37px;\n width: 12px;\n height: 13px;\n border: 1px solid #a3adc1;\n border-top-width: 0;\n box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n border-radius: 0 0 3px 3px;\n}\n.irs--modern .irs-handle > i:nth-child(1) {\n position: absolute;\n display: block;\n top: -4px;\n left: 1px;\n width: 6px;\n height: 6px;\n border: 1px solid #a3adc1;\n background: white;\n transform: rotate(45deg);\n}\n.irs--modern .irs-handle > i:nth-child(2) {\n position: absolute;\n display: block;\n box-sizing: border-box;\n top: 0;\n left: 0;\n width: 10px;\n height: 12px;\n background: #e9e6e6;\n background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);\n border-radius: 0 0 3px 3px;\n}\n.irs--modern .irs-handle > i:nth-child(3) {\n position: absolute;\n display: block;\n box-sizing: border-box;\n top: 3px;\n left: 3px;\n width: 4px;\n height: 5px;\n border-left: 1px solid #a3adc1;\n border-right: 1px solid #a3adc1;\n}\n.irs--modern .irs-handle.state_hover,\n.irs--modern .irs-handle:hover {\n border-color: #7685a2;\n background: #c3c7cd;\n background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);\n}\n.irs--modern .irs-handle.state_hover > i:nth-child(1),\n.irs--modern .irs-handle:hover > i:nth-child(1) {\n border-color: #7685a2;\n}\n.irs--modern .irs-handle.state_hover > i:nth-child(3),\n.irs--modern .irs-handle:hover > i:nth-child(3) {\n border-color: #48536a;\n}\n.irs--modern .irs-min,\n.irs--modern .irs-max {\n top: 0;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n padding: 1px 5px;\n color: white;\n background-color: #d1d6e0;\n border-radius: 5px;\n}\n.irs--modern .irs-from,\n.irs--modern .irs-to,\n.irs--modern .irs-single {\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n padding: 1px 5px;\n background-color: #20b426;\n color: white;\n border-radius: 5px;\n}\n.irs--modern .irs-from:before,\n.irs--modern .irs-to:before,\n.irs--modern .irs-single:before {\n position: absolute;\n display: block;\n content: \"\";\n bottom: -6px;\n left: 50%;\n width: 0;\n height: 0;\n margin-left: -3px;\n overflow: hidden;\n border: 3px solid transparent;\n border-top-color: #20b426;\n}\n.irs--modern .irs-grid {\n height: 25px;\n}\n.irs--modern .irs-grid-pol {\n background-color: #dedede;\n}\n.irs--modern .irs-grid-text {\n color: silver;\n font-size: 13px;\n}\n.irs--sharp {\n height: 50px;\n font-size: 12px;\n line-height: 1;\n}\n.irs--sharp.irs-with-grid {\n height: 57px;\n}\n.irs--sharp .irs-line {\n top: 30px;\n height: 2px;\n background-color: black;\n border-radius: 2px;\n}\n.irs--sharp .irs-bar {\n top: 30px;\n height: 2px;\n background-color: #ee22fa;\n}\n.irs--sharp .irs-bar--single {\n border-radius: 2px 0 0 2px;\n}\n.irs--sharp .irs-shadow {\n height: 1px;\n bottom: 21px;\n background-color: rgba(0, 0, 0, 0.5);\n}\n.irs--sharp .irs-handle {\n top: 25px;\n width: 10px;\n height: 10px;\n background-color: #a804b2;\n}\n.irs--sharp .irs-handle > i:first-child {\n position: absolute;\n display: block;\n top: 100%;\n left: 0;\n width: 0;\n height: 0;\n border: 5px solid transparent;\n border-top-color: #a804b2;\n}\n.irs--sharp .irs-handle.state_hover,\n.irs--sharp .irs-handle:hover {\n background-color: black;\n}\n.irs--sharp .irs-handle.state_hover > i:first-child,\n.irs--sharp .irs-handle:hover > i:first-child {\n border-top-color: black;\n}\n.irs--sharp .irs-min,\n.irs--sharp .irs-max {\n color: white;\n font-size: 14px;\n line-height: 1;\n top: 0;\n padding: 3px 4px;\n opacity: 0.4;\n background-color: #a804b2;\n border-radius: 2px;\n}\n.irs--sharp .irs-from,\n.irs--sharp .irs-to,\n.irs--sharp .irs-single {\n font-size: 14px;\n line-height: 1;\n text-shadow: none;\n padding: 3px 4px;\n background-color: #a804b2;\n color: white;\n border-radius: 2px;\n}\n.irs--sharp .irs-from:before,\n.irs--sharp .irs-to:before,\n.irs--sharp .irs-single:before {\n position: absolute;\n display: block;\n content: \"\";\n bottom: -6px;\n left: 50%;\n width: 0;\n height: 0;\n margin-left: -3px;\n overflow: hidden;\n border: 3px solid transparent;\n border-top-color: #a804b2;\n}\n.irs--sharp .irs-grid {\n height: 25px;\n}\n.irs--sharp .irs-grid-pol {\n background-color: #dedede;\n}\n.irs--sharp .irs-grid-text {\n color: silver;\n font-size: 13px;\n}\n.irs--round {\n height: 50px;\n}\n.irs--round.irs-with-grid {\n height: 65px;\n}\n.irs--round .irs-line {\n top: 36px;\n height: 4px;\n background-color: #dee4ec;\n border-radius: 4px;\n}\n.irs--round .irs-bar {\n top: 36px;\n height: 4px;\n background-color: #006cfa;\n}\n.irs--round .irs-bar--single {\n border-radius: 4px 0 0 4px;\n}\n.irs--round .irs-shadow {\n height: 4px;\n bottom: 21px;\n background-color: rgba(222, 228, 236, 0.5);\n}\n.irs--round .irs-handle {\n top: 26px;\n width: 24px;\n height: 24px;\n border: 4px solid #006cfa;\n background-color: white;\n border-radius: 24px;\n box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);\n}\n.irs--round .irs-handle.state_hover,\n.irs--round .irs-handle:hover {\n background-color: #f0f6ff;\n}\n.irs--round .irs-min,\n.irs--round .irs-max {\n color: #333;\n font-size: 14px;\n line-height: 1;\n top: 0;\n padding: 3px 5px;\n background-color: rgba(0, 0, 0, 0.1);\n border-radius: 4px;\n}\n.irs--round .irs-from,\n.irs--round .irs-to,\n.irs--round .irs-single {\n font-size: 14px;\n line-height: 1;\n text-shadow: none;\n padding: 3px 5px;\n background-color: #006cfa;\n color: white;\n border-radius: 4px;\n}\n.irs--round .irs-from:before,\n.irs--round .irs-to:before,\n.irs--round .irs-single:before {\n position: absolute;\n display: block;\n content: \"\";\n bottom: -6px;\n left: 50%;\n width: 0;\n height: 0;\n margin-left: -3px;\n overflow: hidden;\n border: 3px solid transparent;\n border-top-color: #006cfa;\n}\n.irs--round .irs-grid {\n height: 25px;\n}\n.irs--round .irs-grid-pol {\n background-color: #dedede;\n}\n.irs--round .irs-grid-text {\n color: silver;\n font-size: 13px;\n}\n.irs--square {\n height: 50px;\n}\n.irs--square.irs-with-grid {\n height: 60px;\n}\n.irs--square .irs-line {\n top: 31px;\n height: 4px;\n background-color: #dedede;\n}\n.irs--square .irs-bar {\n top: 31px;\n height: 4px;\n background-color: black;\n}\n.irs--square .irs-shadow {\n height: 2px;\n bottom: 21px;\n background-color: #dedede;\n}\n.irs--square .irs-handle {\n top: 25px;\n width: 16px;\n height: 16px;\n border: 3px solid black;\n background-color: white;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n.irs--square .irs-handle.state_hover,\n.irs--square .irs-handle:hover {\n background-color: #f0f6ff;\n}\n.irs--square .irs-min,\n.irs--square .irs-max {\n color: #333;\n font-size: 14px;\n line-height: 1;\n top: 0;\n padding: 3px 5px;\n background-color: rgba(0, 0, 0, 0.1);\n}\n.irs--square .irs-from,\n.irs--square .irs-to,\n.irs--square .irs-single {\n font-size: 14px;\n line-height: 1;\n text-shadow: none;\n padding: 3px 5px;\n background-color: black;\n color: white;\n}\n.irs--square .irs-grid {\n height: 25px;\n}\n.irs--square .irs-grid-pol {\n background-color: #dedede;\n}\n.irs--square .irs-grid-text {\n color: silver;\n font-size: 11px;\n}\n\n@import './src/scss/_imports/_global-import';\r\n\r\n.irs--flat .irs-bar,\r\n.irs--flat .irs-from, \r\n.irs--flat .irs-to, \r\n.irs--flat .irs-single,\r\n.irs--flat .irs-handle > i:first-child {\r\n\tbackground-color: $primary-500;\r\n}\r\n\r\n.irs--flat .irs-from, \r\n.irs--flat .irs-to, \r\n.irs--flat .irs-single {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.irs--flat .irs-from:before, \r\n.irs--flat .irs-to:before, \r\n.irs--flat .irs-single:before {\r\n\tborder-top-color: $primary-500;\r\n}\r\n\r\n.irs--flat .irs-handle.state_hover > i:first-child, \r\n.irs--flat .irs-handle:hover > i:first-child {\r\n\tbackground-color: $primary-600;\r\n}\r\n\r\n\r\n.irs--big .irs-bar {\r\n\tbackground-color: $primary-300;\r\n border-color: $primary-500;\r\n\tbackground: linear-gradient(to bottom, #ffffff 0%, $primary-300 30%, $primary-500 100%);\r\n}\r\n\r\n.irs--big .irs-from, \r\n.irs--big .irs-to, \r\n.irs--big .irs-single {\r\n\tbackground: $primary-500;\r\n}\r\n\r\n\r\n.irs--modern .irs-bar {\r\n\tbackground: $success-600;\r\n\tbackground: linear-gradient(to bottom, $success-400 0%, $success-600 100%);\r\n}\r\n\r\n.irs--modern .irs-from, \r\n.irs--modern .irs-to, \r\n.irs--modern .irs-single {\r\n\tbackground-color: $success-500\r\n}\r\n\r\n.irs--modern .irs-from:before, \r\n.irs--modern .irs-to:before,\r\n.irs--modern .irs-single:before {\r\n\tborder-top-color: $success-500;\r\n}\r\n\r\n//fix\r\n.irs--modern .irs-handle > i:nth-child(1) {\r\n width: 8px;\r\n height: 8px;\r\n}\r\n\r\n\r\n.irs--sharp .irs-bar,\r\n.irs--sharp .irs-handle,\r\n.irs--sharp .irs-from, \r\n.irs--sharp .irs-to, \r\n.irs--sharp .irs-single {\r\n\tbackground-color: $danger-500;\r\n}\r\n\r\n.irs--sharp .irs-handle > i:first-child,\r\n.irs--sharp .irs-from:before, \r\n.irs--sharp .irs-to:before, \r\n.irs--sharp .irs-single:before {\r\n\tborder-top-color: $danger-500;\r\n}\r\n\r\n.irs--sharp .irs-min, \r\n.irs--sharp .irs-max {\r\n\tbackground-color: $danger-800;\r\n}\r\n\r\n.irs--round .irs-handle {\r\n\tborder-color: $info-500;\r\n}\r\n\r\n.irs--round .irs-bar,\r\n.irs--round .irs-from, \r\n.irs--round .irs-to, \r\n.irs--round .irs-single {\r\n\tbackground-color: $info-500;\r\n}\r\n\r\n.irs--round .irs-from:before, \r\n.irs--round .irs-to:before, \r\n.irs--round .irs-single:before {\r\n\tborder-top-color: $info-500;\r\n}","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/nouislider/nouislider.css b/public/assets/css/formplugins/nouislider/nouislider.css
new file mode 100644
index 0000000..47d3cee
--- /dev/null
+++ b/public/assets/css/formplugins/nouislider/nouislider.css
@@ -0,0 +1,307 @@
+/*! nouislider - 14.0.2 - 6/28/2019 */
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+ -webkit-touch-callout: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+ -webkit-user-select: none;
+ -ms-touch-action: none;
+ touch-action: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.noUi-target {
+ position: relative;
+ direction: ltr; }
+
+.noUi-base,
+.noUi-connects {
+ width: 100%;
+ height: 100%;
+ position: relative;
+ z-index: 1; }
+
+/* Wrapper for all connect elements.
+ */
+.noUi-connects {
+ overflow: hidden;
+ z-index: 0; }
+
+.noUi-connect,
+.noUi-origin {
+ will-change: transform;
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ -ms-transform-origin: 0 0;
+ -webkit-transform-origin: 0 0;
+ -webkit-transform-style: preserve-3d;
+ transform-origin: 0 0;
+ -webkit-transform-style: flat;
+ transform-style: flat; }
+
+.noUi-connect {
+ height: 100%;
+ width: 100%; }
+
+.noUi-origin {
+ height: 10%;
+ width: 10%; }
+
+/* Offset direction
+ */
+html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
+ left: auto;
+ right: 0; }
+
+/* Give origins 0 height/width so they don't interfere with clicking the
+ * connect elements.
+ */
+.noUi-vertical .noUi-origin {
+ width: 0; }
+
+.noUi-horizontal .noUi-origin {
+ height: 0; }
+
+.noUi-handle {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ position: absolute; }
+
+.noUi-touch-area {
+ height: 100%;
+ width: 100%; }
+
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+ -webkit-transition: transform 0.3s;
+ -webkit-transition: -webkit-transform 0.3s;
+ transition: -webkit-transform 0.3s;
+ transition: transform 0.3s;
+ transition: transform 0.3s, -webkit-transform 0.3s; }
+
+.noUi-state-drag * {
+ cursor: inherit !important; }
+
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+ height: 18px; }
+
+.noUi-horizontal .noUi-handle {
+ width: 34px;
+ height: 28px;
+ left: -17px;
+ top: -6px; }
+
+.noUi-vertical {
+ width: 18px; }
+
+.noUi-vertical .noUi-handle {
+ width: 28px;
+ height: 34px;
+ left: -6px;
+ top: -17px; }
+
+html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
+ right: -17px;
+ left: auto; }
+
+/* Styling;
+ * Giving the connect element a border radius causes issues with using transform: scale
+ */
+.noUi-target {
+ background: #FAFAFA;
+ border-radius: 4px;
+ border: 1px solid #D3D3D3;
+ -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
+ box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
+
+.noUi-connects {
+ border-radius: 3px; }
+
+.noUi-connect {
+ background: #3FB8AF; }
+
+/* Handles and cursors;
+ */
+.noUi-draggable {
+ cursor: ew-resize; }
+
+.noUi-vertical .noUi-draggable {
+ cursor: ns-resize; }
+
+.noUi-handle {
+ border: 1px solid #D9D9D9;
+ border-radius: 3px;
+ background: #FFF;
+ cursor: default;
+ -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
+ box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
+
+.noUi-active {
+ -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
+ box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
+
+/* Handle stripes;
+ */
+.noUi-handle:before,
+.noUi-handle:after {
+ content: "";
+ display: block;
+ position: absolute;
+ height: 14px;
+ width: 1px;
+ background: #E8E7E6;
+ left: 14px;
+ top: 6px; }
+
+.noUi-handle:after {
+ left: 17px; }
+
+.noUi-vertical .noUi-handle:before,
+.noUi-vertical .noUi-handle:after {
+ width: 14px;
+ height: 1px;
+ left: 6px;
+ top: 14px; }
+
+.noUi-vertical .noUi-handle:after {
+ top: 17px; }
+
+/* Disabled state;
+ */
+[disabled] .noUi-connect {
+ background: #B8B8B8; }
+
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+ cursor: not-allowed; }
+
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.noUi-pips {
+ position: absolute;
+ color: #999; }
+
+/* Values;
+ *
+ */
+.noUi-value {
+ position: absolute;
+ white-space: nowrap;
+ text-align: center; }
+
+.noUi-value-sub {
+ color: #ccc;
+ font-size: 10px; }
+
+/* Markings;
+ *
+ */
+.noUi-marker {
+ position: absolute;
+ background: #CCC; }
+
+.noUi-marker-sub {
+ background: #AAA; }
+
+.noUi-marker-large {
+ background: #AAA; }
+
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+ padding: 10px 0;
+ height: 80px;
+ top: 100%;
+ left: 0;
+ width: 100%; }
+
+.noUi-value-horizontal {
+ -webkit-transform: translate(-50%, 50%);
+ transform: translate(-50%, 50%); }
+
+.noUi-rtl .noUi-value-horizontal {
+ -webkit-transform: translate(50%, 50%);
+ transform: translate(50%, 50%); }
+
+.noUi-marker-horizontal.noUi-marker {
+ margin-left: -1px;
+ width: 2px;
+ height: 5px; }
+
+.noUi-marker-horizontal.noUi-marker-sub {
+ height: 10px; }
+
+.noUi-marker-horizontal.noUi-marker-large {
+ height: 15px; }
+
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+ padding: 0 10px;
+ height: 100%;
+ top: 0;
+ left: 100%; }
+
+.noUi-value-vertical {
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ padding-left: 25px; }
+
+.noUi-rtl .noUi-value-vertical {
+ -webkit-transform: translate(0, 50%);
+ transform: translate(0, 50%); }
+
+.noUi-marker-vertical.noUi-marker {
+ width: 5px;
+ height: 2px;
+ margin-top: -1px; }
+
+.noUi-marker-vertical.noUi-marker-sub {
+ width: 10px; }
+
+.noUi-marker-vertical.noUi-marker-large {
+ width: 15px; }
+
+.noUi-tooltip {
+ display: block;
+ position: absolute;
+ border: 1px solid #D9D9D9;
+ border-radius: 3px;
+ background: #fff;
+ color: #000;
+ padding: 5px;
+ text-align: center;
+ white-space: nowrap; }
+
+.noUi-horizontal .noUi-tooltip {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0);
+ left: 50%;
+ bottom: 120%; }
+
+.noUi-vertical .noUi-tooltip {
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+ top: 50%;
+ right: 120%; }
+
+/*# sourceMappingURL=nouislider.css.map */
diff --git a/public/assets/css/formplugins/nouislider/nouislider.css.map b/public/assets/css/formplugins/nouislider/nouislider.css.map
new file mode 100644
index 0000000..524a91f
--- /dev/null
+++ b/public/assets/css/formplugins/nouislider/nouislider.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["nouislider.css"],"names":[],"mappings":"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","file":"nouislider.css","sourcesContent":["/*! nouislider - 14.0.2 - 6/28/2019 */\n/* Functional styling;\n * These styles are required for noUiSlider to function.\n * You don't need to change these rules to apply your design.\n */\n.noUi-target,\n.noUi-target * {\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -webkit-user-select: none;\n -ms-touch-action: none;\n touch-action: none;\n -ms-user-select: none;\n -moz-user-select: none;\n user-select: none;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-target {\n position: relative;\n direction: ltr;\n}\n.noUi-base,\n.noUi-connects {\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n}\n/* Wrapper for all connect elements.\n */\n.noUi-connects {\n overflow: hidden;\n z-index: 0;\n}\n.noUi-connect,\n.noUi-origin {\n will-change: transform;\n position: absolute;\n z-index: 1;\n top: 0;\n left: 0;\n -ms-transform-origin: 0 0;\n -webkit-transform-origin: 0 0;\n -webkit-transform-style: preserve-3d;\n transform-origin: 0 0;\n transform-style: flat;\n}\n.noUi-connect {\n height: 100%;\n width: 100%;\n}\n.noUi-origin {\n height: 10%;\n width: 10%;\n}\n/* Offset direction\n */\nhtml:not([dir=\"rtl\"]) .noUi-horizontal .noUi-origin {\n left: auto;\n right: 0;\n}\n/* Give origins 0 height/width so they don't interfere with clicking the\n * connect elements.\n */\n.noUi-vertical .noUi-origin {\n width: 0;\n}\n.noUi-horizontal .noUi-origin {\n height: 0;\n}\n.noUi-handle {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n position: absolute;\n}\n.noUi-touch-area {\n height: 100%;\n width: 100%;\n}\n.noUi-state-tap .noUi-connect,\n.noUi-state-tap .noUi-origin {\n -webkit-transition: transform 0.3s;\n transition: transform 0.3s;\n}\n.noUi-state-drag * {\n cursor: inherit !important;\n}\n/* Slider size and handle placement;\n */\n.noUi-horizontal {\n height: 18px;\n}\n.noUi-horizontal .noUi-handle {\n width: 34px;\n height: 28px;\n left: -17px;\n top: -6px;\n}\n.noUi-vertical {\n width: 18px;\n}\n.noUi-vertical .noUi-handle {\n width: 28px;\n height: 34px;\n left: -6px;\n top: -17px;\n}\nhtml:not([dir=\"rtl\"]) .noUi-horizontal .noUi-handle {\n right: -17px;\n left: auto;\n}\n/* Styling;\n * Giving the connect element a border radius causes issues with using transform: scale\n */\n.noUi-target {\n background: #FAFAFA;\n border-radius: 4px;\n border: 1px solid #D3D3D3;\n box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;\n}\n.noUi-connects {\n border-radius: 3px;\n}\n.noUi-connect {\n background: #3FB8AF;\n}\n/* Handles and cursors;\n */\n.noUi-draggable {\n cursor: ew-resize;\n}\n.noUi-vertical .noUi-draggable {\n cursor: ns-resize;\n}\n.noUi-handle {\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: #FFF;\n cursor: default;\n box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;\n}\n.noUi-active {\n box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;\n}\n/* Handle stripes;\n */\n.noUi-handle:before,\n.noUi-handle:after {\n content: \"\";\n display: block;\n position: absolute;\n height: 14px;\n width: 1px;\n background: #E8E7E6;\n left: 14px;\n top: 6px;\n}\n.noUi-handle:after {\n left: 17px;\n}\n.noUi-vertical .noUi-handle:before,\n.noUi-vertical .noUi-handle:after {\n width: 14px;\n height: 1px;\n left: 6px;\n top: 14px;\n}\n.noUi-vertical .noUi-handle:after {\n top: 17px;\n}\n/* Disabled state;\n */\n[disabled] .noUi-connect {\n background: #B8B8B8;\n}\n[disabled].noUi-target,\n[disabled].noUi-handle,\n[disabled] .noUi-handle {\n cursor: not-allowed;\n}\n/* Base;\n *\n */\n.noUi-pips,\n.noUi-pips * {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n.noUi-pips {\n position: absolute;\n color: #999;\n}\n/* Values;\n *\n */\n.noUi-value {\n position: absolute;\n white-space: nowrap;\n text-align: center;\n}\n.noUi-value-sub {\n color: #ccc;\n font-size: 10px;\n}\n/* Markings;\n *\n */\n.noUi-marker {\n position: absolute;\n background: #CCC;\n}\n.noUi-marker-sub {\n background: #AAA;\n}\n.noUi-marker-large {\n background: #AAA;\n}\n/* Horizontal layout;\n *\n */\n.noUi-pips-horizontal {\n padding: 10px 0;\n height: 80px;\n top: 100%;\n left: 0;\n width: 100%;\n}\n.noUi-value-horizontal {\n -webkit-transform: translate(-50%, 50%);\n transform: translate(-50%, 50%);\n}\n.noUi-rtl .noUi-value-horizontal {\n -webkit-transform: translate(50%, 50%);\n transform: translate(50%, 50%);\n}\n.noUi-marker-horizontal.noUi-marker {\n margin-left: -1px;\n width: 2px;\n height: 5px;\n}\n.noUi-marker-horizontal.noUi-marker-sub {\n height: 10px;\n}\n.noUi-marker-horizontal.noUi-marker-large {\n height: 15px;\n}\n/* Vertical layout;\n *\n */\n.noUi-pips-vertical {\n padding: 0 10px;\n height: 100%;\n top: 0;\n left: 100%;\n}\n.noUi-value-vertical {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n padding-left: 25px;\n}\n.noUi-rtl .noUi-value-vertical {\n -webkit-transform: translate(0, 50%);\n transform: translate(0, 50%);\n}\n.noUi-marker-vertical.noUi-marker {\n width: 5px;\n height: 2px;\n margin-top: -1px;\n}\n.noUi-marker-vertical.noUi-marker-sub {\n width: 10px;\n}\n.noUi-marker-vertical.noUi-marker-large {\n width: 15px;\n}\n.noUi-tooltip {\n display: block;\n position: absolute;\n border: 1px solid #D9D9D9;\n border-radius: 3px;\n background: #fff;\n color: #000;\n padding: 5px;\n text-align: center;\n white-space: nowrap;\n}\n.noUi-horizontal .noUi-tooltip {\n -webkit-transform: translate(-50%, 0);\n transform: translate(-50%, 0);\n left: 50%;\n bottom: 120%;\n}\n.noUi-vertical .noUi-tooltip {\n -webkit-transform: translate(0, -50%);\n transform: translate(0, -50%);\n top: 50%;\n right: 120%;\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/select2/select2.bundle.css b/public/assets/css/formplugins/select2/select2.bundle.css
new file mode 100644
index 0000000..487dc31
--- /dev/null
+++ b/public/assets/css/formplugins/select2/select2.bundle.css
@@ -0,0 +1,1099 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+.select2-container {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: inline-block;
+ margin: 0;
+ position: relative;
+ vertical-align: middle; }
+
+.select2-container .select2-selection--single {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ display: block;
+ height: 28px;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-user-select: none; }
+
+.select2-container .select2-selection--single .select2-selection__rendered {
+ display: block;
+ padding-left: 8px;
+ padding-right: 20px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+
+.select2-container .select2-selection--single .select2-selection__clear {
+ position: relative; }
+
+.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
+ padding-right: 8px;
+ padding-left: 20px; }
+
+.select2-container .select2-selection--multiple {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ cursor: pointer;
+ display: block;
+ min-height: 32px;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-user-select: none; }
+
+.select2-container .select2-selection--multiple .select2-selection__rendered {
+ display: inline-block;
+ overflow: hidden;
+ padding-left: 8px;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+
+.select2-container .select2-search--inline {
+ float: left; }
+
+.select2-container .select2-search--inline .select2-search__field {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: none;
+ font-size: 100%;
+ margin-top: 5px;
+ padding: 0; }
+
+.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
+ -webkit-appearance: none; }
+
+.select2-dropdown {
+ background-color: white;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: block;
+ position: absolute;
+ left: -100000px;
+ width: 100%;
+ z-index: 1051; }
+
+.select2-results {
+ display: block; }
+
+.select2-results__options {
+ list-style: none;
+ margin: 0;
+ padding: 0; }
+
+.select2-results__option {
+ padding: 6px;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-user-select: none; }
+
+.select2-results__option[aria-selected] {
+ cursor: pointer; }
+
+.select2-container--open .select2-dropdown {
+ left: 0; }
+
+.select2-container--open .select2-dropdown--above {
+ border-bottom: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.select2-container--open .select2-dropdown--below {
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.select2-search--dropdown {
+ display: block;
+ padding: 4px; }
+
+.select2-search--dropdown .select2-search__field {
+ padding: 4px;
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
+ -webkit-appearance: none; }
+
+.select2-search--dropdown.select2-search--hide {
+ display: none; }
+
+.select2-close-mask {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ display: block;
+ position: fixed;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ min-width: 100%;
+ height: auto;
+ width: auto;
+ opacity: 0;
+ z-index: 99;
+ background-color: #fff;
+ filter: alpha(opacity=0); }
+
+.select2-hidden-accessible {
+ border: 0 !important;
+ clip: rect(0 0 0 0) !important;
+ -webkit-clip-path: inset(50%) !important;
+ clip-path: inset(50%) !important;
+ height: 1px !important;
+ overflow: hidden !important;
+ padding: 0 !important;
+ position: absolute !important;
+ width: 1px !important;
+ white-space: nowrap !important; }
+
+.select2-container--default .select2-selection--single {
+ background-color: #fff;
+ border: 1px solid #aaa;
+ border-radius: 4px; }
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ color: #444;
+ line-height: 28px; }
+
+.select2-container--default .select2-selection--single .select2-selection__clear {
+ cursor: pointer;
+ float: right;
+ font-weight: bold; }
+
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+ color: #999; }
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ height: 26px;
+ position: absolute;
+ top: 1px;
+ right: 1px;
+ width: 20px; }
+
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
+ border-color: #888 transparent transparent transparent;
+ border-style: solid;
+ border-width: 5px 4px 0 4px;
+ height: 0;
+ left: 50%;
+ margin-left: -4px;
+ margin-top: -2px;
+ position: absolute;
+ top: 50%;
+ width: 0; }
+
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
+ float: left; }
+
+.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
+ left: 1px;
+ right: auto; }
+
+.select2-container--default.select2-container--disabled .select2-selection--single {
+ background-color: #eee;
+ cursor: default; }
+
+.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
+ display: none; }
+
+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
+ border-color: transparent transparent #888 transparent;
+ border-width: 0 4px 5px 4px; }
+
+.select2-container--default .select2-selection--multiple {
+ background-color: white;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ cursor: text; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ list-style: none;
+ margin: 0;
+ padding: 0 5px;
+ width: 100%; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
+ list-style: none; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
+ color: #999;
+ margin-top: 5px;
+ float: left; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+ cursor: pointer;
+ float: right;
+ font-weight: bold;
+ margin-top: 5px;
+ margin-right: 10px; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+ background-color: #e4e4e4;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ cursor: default;
+ float: left;
+ margin-right: 5px;
+ margin-top: 5px;
+ padding: 0 5px; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
+ color: #999;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: bold;
+ margin-right: 2px; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
+ color: #333; }
+
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
+ float: right; }
+
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
+ margin-left: 5px;
+ margin-right: auto; }
+
+.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
+ margin-left: 2px;
+ margin-right: auto; }
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ border: solid black 1px;
+ outline: 0; }
+
+.select2-container--default.select2-container--disabled .select2-selection--multiple {
+ background-color: #eee;
+ cursor: default; }
+
+.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
+ display: none; }
+
+.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+ border: 1px solid #aaa; }
+
+.select2-container--default .select2-search--inline .select2-search__field {
+ background: transparent;
+ border: none;
+ outline: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-appearance: textfield; }
+
+.select2-container--default .select2-results > .select2-results__options {
+ max-height: 200px;
+ overflow-y: auto; }
+
+.select2-container--default .select2-results__option[role=group] {
+ padding: 0; }
+
+.select2-container--default .select2-results__option[aria-disabled=true] {
+ color: #999; }
+
+.select2-container--default .select2-results__option[aria-selected=true] {
+ background-color: #ddd; }
+
+.select2-container--default .select2-results__option .select2-results__option {
+ padding-left: 1em; }
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
+ padding-left: 0; }
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -1em;
+ padding-left: 2em; }
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -2em;
+ padding-left: 3em; }
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -3em;
+ padding-left: 4em; }
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -4em;
+ padding-left: 5em; }
+
+.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
+ margin-left: -5em;
+ padding-left: 6em; }
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+ background-color: #5897fb;
+ color: white; }
+
+.select2-container--default .select2-results__group {
+ cursor: default;
+ display: block;
+ padding: 6px; }
+
+.select2-container--classic .select2-selection--single {
+ background-color: #f7f7f7;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ outline: 0;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
+ background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
+
+.select2-container--classic .select2-selection--single:focus {
+ border: 1px solid #5897fb; }
+
+.select2-container--classic .select2-selection--single .select2-selection__rendered {
+ color: #444;
+ line-height: 28px; }
+
+.select2-container--classic .select2-selection--single .select2-selection__clear {
+ cursor: pointer;
+ float: right;
+ font-weight: bold;
+ margin-right: 10px; }
+
+.select2-container--classic .select2-selection--single .select2-selection__placeholder {
+ color: #999; }
+
+.select2-container--classic .select2-selection--single .select2-selection__arrow {
+ background-color: #ddd;
+ border: none;
+ border-left: 1px solid #aaa;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ height: 26px;
+ position: absolute;
+ top: 1px;
+ right: 1px;
+ width: 20px;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
+ background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
+
+.select2-container--classic .select2-selection--single .select2-selection__arrow b {
+ border-color: #888 transparent transparent transparent;
+ border-style: solid;
+ border-width: 5px 4px 0 4px;
+ height: 0;
+ left: 50%;
+ margin-left: -4px;
+ margin-top: -2px;
+ position: absolute;
+ top: 50%;
+ width: 0; }
+
+.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
+ float: left; }
+
+.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
+ border: none;
+ border-right: 1px solid #aaa;
+ border-radius: 0;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ left: 1px;
+ right: auto; }
+
+.select2-container--classic.select2-container--open .select2-selection--single {
+ border: 1px solid #5897fb; }
+
+.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
+ background: transparent;
+ border: none; }
+
+.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
+ border-color: transparent transparent #888 transparent;
+ border-width: 0 4px 5px 4px; }
+
+.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
+ background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
+
+.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
+ border-bottom: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
+ background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }
+
+.select2-container--classic .select2-selection--multiple {
+ background-color: white;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ cursor: text;
+ outline: 0; }
+
+.select2-container--classic .select2-selection--multiple:focus {
+ border: 1px solid #5897fb; }
+
+.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
+ list-style: none;
+ margin: 0;
+ padding: 0 5px; }
+
+.select2-container--classic .select2-selection--multiple .select2-selection__clear {
+ display: none; }
+
+.select2-container--classic .select2-selection--multiple .select2-selection__choice {
+ background-color: #e4e4e4;
+ border: 1px solid #aaa;
+ border-radius: 4px;
+ cursor: default;
+ float: left;
+ margin-right: 5px;
+ margin-top: 5px;
+ padding: 0 5px; }
+
+.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
+ color: #888;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: bold;
+ margin-right: 2px; }
+
+.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
+ color: #555; }
+
+.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
+ float: right;
+ margin-left: 5px;
+ margin-right: auto; }
+
+.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
+ margin-left: 2px;
+ margin-right: auto; }
+
+.select2-container--classic.select2-container--open .select2-selection--multiple {
+ border: 1px solid #5897fb; }
+
+.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
+ border-bottom: none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.select2-container--classic .select2-search--dropdown .select2-search__field {
+ border: 1px solid #aaa;
+ outline: 0; }
+
+.select2-container--classic .select2-search--inline .select2-search__field {
+ outline: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+
+.select2-container--classic .select2-dropdown {
+ background-color: white;
+ border: 1px solid transparent; }
+
+.select2-container--classic .select2-dropdown--above {
+ border-bottom: none; }
+
+.select2-container--classic .select2-dropdown--below {
+ border-top: none; }
+
+.select2-container--classic .select2-results > .select2-results__options {
+ max-height: 200px;
+ overflow-y: auto; }
+
+.select2-container--classic .select2-results__option[role=group] {
+ padding: 0; }
+
+.select2-container--classic .select2-results__option[aria-disabled=true] {
+ color: grey; }
+
+.select2-container--classic .select2-results__option--highlighted[aria-selected] {
+ background-color: #3875d7;
+ color: white; }
+
+.select2-container--classic .select2-results__group {
+ cursor: default;
+ display: block;
+ padding: 6px; }
+
+.select2-container--classic.select2-container--open .select2-dropdown {
+ border-color: #5897fb; }
+
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+.select2 {
+ width: 100% !important; }
+
+.select2-container--default .select2-selection--single,
+.select2-container--default .select2-selection--multiple {
+ border: 1px solid #E5E5E5; }
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ line-height: calc(1.5em + 1rem + 2px);
+ padding: 0 0.875rem; }
+
+.select2-container .select2-selection--single {
+ height: calc(1.5em + 1rem + 2px); }
+
+.select2-container .select2-selection--multiple {
+ min-height: calc(1.47em + 1rem + 2px); }
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ height: auto;
+ top: 0;
+ bottom: 0;
+ right: 0.5rem; }
+
+.select2-dropdown {
+ border-color: #E5E5E5; }
+
+.select2-search--dropdown {
+ padding: 0.875rem; }
+ .select2-search--dropdown:before {
+ content: "\f002";
+ font-family: 'Font Awesome 5 Pro';
+ position: absolute;
+ left: calc(1rem + 0.875rem);
+ top: calc(0.6rem + 0.875rem);
+ color: #886ab5; }
+
+.select2-results {
+ padding: 0.875rem; }
+
+.select2-search.select2-search--dropdown:not(.select2-search--hide) + .select2-results {
+ padding-top: 0; }
+
+.select2-container--open .select2-dropdown--above {
+ -webkit-box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
+ box-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);
+ border-color: #886ab5; }
+
+.select2-container--open .select2-dropdown--below {
+ -webkit-box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
+ box-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);
+ border-color: #886ab5; }
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+ display: block;
+ width: 100%;
+ height: calc(1.47em + 1rem + 2px);
+ padding: 0.5rem 0.875rem;
+ padding-left: 2.5rem;
+ font-weight: 400;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #E5E5E5;
+ border-radius: 0.25rem;
+ -webkit-box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025);
+ box-shadow: inset 0 0.25rem 0.125rem 0 rgba(33, 37, 41, 0.025); }
+ .select2-container--default .select2-search--dropdown .select2-search__field:focus {
+ border-color: #cccccc; }
+
+.select2-container--default .select2-results__group {
+ padding: 0.5rem 0;
+ color: #8e8e8e; }
+
+.select2-container--default .select2-results__option[aria-selected=true] {
+ background: #efebf5;
+ color: #563d7c; }
+
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
+ background-color: #886ab5;
+ color: #fff; }
+
+.select2-selection--single,
+.select2-selection--multiple,
+.select2-search__field {
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
+
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
+.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
+.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
+ position: relative;
+ z-index: 1151;
+ border-color: #886ab5; }
+
+.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
+ border-bottom-color: transparent;
+ border-bottom: 0; }
+
+.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
+ border-top-color: transparent;
+ border-top: 0; }
+
+.select2-container--default.select2-container--focus .select2-selection--single,
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ border-color: #886ab5; }
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding: 0 0.5rem;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap; }
+
+.select2-container--default .select2-selection--multiple .select2-selection__choice {
+ margin: 5px 3px;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ padding-right: 0;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ background: #efebf5;
+ border-color: #967bbd;
+ color: #563d7c; }
+ .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
+ margin: 0;
+ padding-left: 7px;
+ padding-right: 7px;
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1;
+ font-size: 16px;
+ border-left: 1px solid rgba(0, 0, 0, 0.1);
+ margin-left: 5px;
+ color: #a38cc6; }
+ .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
+ color: #886ab5; }
+ .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:active {
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; }
+
+.select2-container .select2-search--inline .select2-search__field {
+ margin-top: 0;
+ margin-left: 0;
+ height: calc(1.47em + 1rem + 2px);
+ padding: 0.5rem 0.3rem;
+ min-width: 100px; }
+
+span.select2-selection.select2-selection--single,
+span.select2-selection.select2-selection--multiple {
+ outline: none; }
+
+.select2-container--default .select2-selection--single .select2-selection__clear {
+ padding: 0 15px;
+ margin-right: 8px;
+ font-size: 1rem;
+ color: #fd3995; }
+ .select2-container--default .select2-selection--single .select2-selection__clear:hover {
+ color: #fd2087; }
+
+/* this is not a permanent solution... hopefully IE will die by the time we release version 5.... */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .select2-container--default .select2-selection--single .select2-selection__clear {
+ line-height: normal;
+ margin-top: 8px; } }
+
+.select2-results__message {
+ color: #fd3995; }
+
+/*# sourceMappingURL=select2.bundle.css.map */
diff --git a/public/assets/css/formplugins/select2/select2.bundle.css.map b/public/assets/css/formplugins/select2/select2.bundle.css.map
new file mode 100644
index 0000000..ecd6ac0
--- /dev/null
+++ b/public/assets/css/formplugins/select2/select2.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/_modules/_fonts.scss","select2.bundle.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss","../../../../node_modules/bootstrap/scss/_variables.scss"],"names":[],"mappings":"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","file":"select2.bundle.css","sourcesContent":["@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */",".select2-container {\n box-sizing: border-box;\n display: inline-block;\n margin: 0;\n position: relative;\n vertical-align: middle; }\n .select2-container .select2-selection--single {\n box-sizing: border-box;\n cursor: pointer;\n display: block;\n height: 28px;\n user-select: none;\n -webkit-user-select: none; }\n .select2-container .select2-selection--single .select2-selection__rendered {\n display: block;\n padding-left: 8px;\n padding-right: 20px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .select2-container .select2-selection--single .select2-selection__clear {\n position: relative; }\n .select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n padding-right: 8px;\n padding-left: 20px; }\n .select2-container .select2-selection--multiple {\n box-sizing: border-box;\n cursor: pointer;\n display: block;\n min-height: 32px;\n user-select: none;\n -webkit-user-select: none; }\n .select2-container .select2-selection--multiple .select2-selection__rendered {\n display: inline-block;\n overflow: hidden;\n padding-left: 8px;\n text-overflow: ellipsis;\n white-space: nowrap; }\n .select2-container .select2-search--inline {\n float: left; }\n .select2-container .select2-search--inline .select2-search__field {\n box-sizing: border-box;\n border: none;\n font-size: 100%;\n margin-top: 5px;\n padding: 0; }\n .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {\n -webkit-appearance: none; }\n\n.select2-dropdown {\n background-color: white;\n border: 1px solid #aaa;\n border-radius: 4px;\n box-sizing: border-box;\n display: block;\n position: absolute;\n left: -100000px;\n width: 100%;\n z-index: 1051; }\n\n.select2-results {\n display: block; }\n\n.select2-results__options {\n list-style: none;\n margin: 0;\n padding: 0; }\n\n.select2-results__option {\n padding: 6px;\n user-select: none;\n -webkit-user-select: none; }\n .select2-results__option[aria-selected] {\n cursor: pointer; }\n\n.select2-container--open .select2-dropdown {\n left: 0; }\n\n.select2-container--open .select2-dropdown--above {\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0; }\n\n.select2-container--open .select2-dropdown--below {\n border-top: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.select2-search--dropdown {\n display: block;\n padding: 4px; }\n .select2-search--dropdown .select2-search__field {\n padding: 4px;\n width: 100%;\n box-sizing: border-box; }\n .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {\n -webkit-appearance: none; }\n .select2-search--dropdown.select2-search--hide {\n display: none; }\n\n.select2-close-mask {\n border: 0;\n margin: 0;\n padding: 0;\n display: block;\n position: fixed;\n left: 0;\n top: 0;\n min-height: 100%;\n min-width: 100%;\n height: auto;\n width: auto;\n opacity: 0;\n z-index: 99;\n background-color: #fff;\n filter: alpha(opacity=0); }\n\n.select2-hidden-accessible {\n border: 0 !important;\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(50%) !important;\n clip-path: inset(50%) !important;\n height: 1px !important;\n overflow: hidden !important;\n padding: 0 !important;\n position: absolute !important;\n width: 1px !important;\n white-space: nowrap !important; }\n\n.select2-container--default .select2-selection--single {\n background-color: #fff;\n border: 1px solid #aaa;\n border-radius: 4px; }\n .select2-container--default .select2-selection--single .select2-selection__rendered {\n color: #444;\n line-height: 28px; }\n .select2-container--default .select2-selection--single .select2-selection__clear {\n cursor: pointer;\n float: right;\n font-weight: bold; }\n .select2-container--default .select2-selection--single .select2-selection__placeholder {\n color: #999; }\n .select2-container--default .select2-selection--single .select2-selection__arrow {\n height: 26px;\n position: absolute;\n top: 1px;\n right: 1px;\n width: 20px; }\n .select2-container--default .select2-selection--single .select2-selection__arrow b {\n border-color: #888 transparent transparent transparent;\n border-style: solid;\n border-width: 5px 4px 0 4px;\n height: 0;\n left: 50%;\n margin-left: -4px;\n margin-top: -2px;\n position: absolute;\n top: 50%;\n width: 0; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n float: left; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n left: 1px;\n right: auto; }\n\n.select2-container--default.select2-container--disabled .select2-selection--single {\n background-color: #eee;\n cursor: default; }\n .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {\n display: none; }\n\n.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {\n border-color: transparent transparent #888 transparent;\n border-width: 0 4px 5px 4px; }\n\n.select2-container--default .select2-selection--multiple {\n background-color: white;\n border: 1px solid #aaa;\n border-radius: 4px;\n cursor: text; }\n .select2-container--default .select2-selection--multiple .select2-selection__rendered {\n box-sizing: border-box;\n list-style: none;\n margin: 0;\n padding: 0 5px;\n width: 100%; }\n .select2-container--default .select2-selection--multiple .select2-selection__rendered li {\n list-style: none; }\n .select2-container--default .select2-selection--multiple .select2-selection__placeholder {\n color: #999;\n margin-top: 5px;\n float: left; }\n .select2-container--default .select2-selection--multiple .select2-selection__clear {\n cursor: pointer;\n float: right;\n font-weight: bold;\n margin-top: 5px;\n margin-right: 10px; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice {\n background-color: #e4e4e4;\n border: 1px solid #aaa;\n border-radius: 4px;\n cursor: default;\n float: left;\n margin-right: 5px;\n margin-top: 5px;\n padding: 0 5px; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n color: #999;\n cursor: pointer;\n display: inline-block;\n font-weight: bold;\n margin-right: 2px; }\n .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n color: #333; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-search--inline {\n float: right; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n margin-left: 5px;\n margin-right: auto; }\n\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n margin-left: 2px;\n margin-right: auto; }\n\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n border: solid black 1px;\n outline: 0; }\n\n.select2-container--default.select2-container--disabled .select2-selection--multiple {\n background-color: #eee;\n cursor: default; }\n\n.select2-container--default.select2-container--disabled .select2-selection__choice__remove {\n display: none; }\n\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0; }\n\n.select2-container--default .select2-search--dropdown .select2-search__field {\n border: 1px solid #aaa; }\n\n.select2-container--default .select2-search--inline .select2-search__field {\n background: transparent;\n border: none;\n outline: 0;\n box-shadow: none;\n -webkit-appearance: textfield; }\n\n.select2-container--default .select2-results > .select2-results__options {\n max-height: 200px;\n overflow-y: auto; }\n\n.select2-container--default .select2-results__option[role=group] {\n padding: 0; }\n\n.select2-container--default .select2-results__option[aria-disabled=true] {\n color: #999; }\n\n.select2-container--default .select2-results__option[aria-selected=true] {\n background-color: #ddd; }\n\n.select2-container--default .select2-results__option .select2-results__option {\n padding-left: 1em; }\n .select2-container--default .select2-results__option .select2-results__option .select2-results__group {\n padding-left: 0; }\n .select2-container--default .select2-results__option .select2-results__option .select2-results__option {\n margin-left: -1em;\n padding-left: 2em; }\n .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n margin-left: -2em;\n padding-left: 3em; }\n .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n margin-left: -3em;\n padding-left: 4em; }\n .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n margin-left: -4em;\n padding-left: 5em; }\n .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n margin-left: -5em;\n padding-left: 6em; }\n\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background-color: #5897fb;\n color: white; }\n\n.select2-container--default .select2-results__group {\n cursor: default;\n display: block;\n padding: 6px; }\n\n.select2-container--classic .select2-selection--single {\n background-color: #f7f7f7;\n border: 1px solid #aaa;\n border-radius: 4px;\n outline: 0;\n background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);\n background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);\n background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }\n .select2-container--classic .select2-selection--single:focus {\n border: 1px solid #5897fb; }\n .select2-container--classic .select2-selection--single .select2-selection__rendered {\n color: #444;\n line-height: 28px; }\n .select2-container--classic .select2-selection--single .select2-selection__clear {\n cursor: pointer;\n float: right;\n font-weight: bold;\n margin-right: 10px; }\n .select2-container--classic .select2-selection--single .select2-selection__placeholder {\n color: #999; }\n .select2-container--classic .select2-selection--single .select2-selection__arrow {\n background-color: #ddd;\n border: none;\n border-left: 1px solid #aaa;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n height: 26px;\n position: absolute;\n top: 1px;\n right: 1px;\n width: 20px;\n background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);\n background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);\n background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }\n .select2-container--classic .select2-selection--single .select2-selection__arrow b {\n border-color: #888 transparent transparent transparent;\n border-style: solid;\n border-width: 5px 4px 0 4px;\n height: 0;\n left: 50%;\n margin-left: -4px;\n margin-top: -2px;\n position: absolute;\n top: 50%;\n width: 0; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n float: left; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n border: none;\n border-right: 1px solid #aaa;\n border-radius: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n left: 1px;\n right: auto; }\n\n.select2-container--classic.select2-container--open .select2-selection--single {\n border: 1px solid #5897fb; }\n .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {\n background: transparent;\n border: none; }\n .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {\n border-color: transparent transparent #888 transparent;\n border-width: 0 4px 5px 4px; }\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {\n border-top: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);\n background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);\n background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);\n background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);\n background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);\n background-repeat: repeat-x;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }\n\n.select2-container--classic .select2-selection--multiple {\n background-color: white;\n border: 1px solid #aaa;\n border-radius: 4px;\n cursor: text;\n outline: 0; }\n .select2-container--classic .select2-selection--multiple:focus {\n border: 1px solid #5897fb; }\n .select2-container--classic .select2-selection--multiple .select2-selection__rendered {\n list-style: none;\n margin: 0;\n padding: 0 5px; }\n .select2-container--classic .select2-selection--multiple .select2-selection__clear {\n display: none; }\n .select2-container--classic .select2-selection--multiple .select2-selection__choice {\n background-color: #e4e4e4;\n border: 1px solid #aaa;\n border-radius: 4px;\n cursor: default;\n float: left;\n margin-right: 5px;\n margin-top: 5px;\n padding: 0 5px; }\n .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {\n color: #888;\n cursor: pointer;\n display: inline-block;\n font-weight: bold;\n margin-right: 2px; }\n .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {\n color: #555; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n float: right;\n margin-left: 5px;\n margin-right: auto; }\n\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n margin-left: 2px;\n margin-right: auto; }\n\n.select2-container--classic.select2-container--open .select2-selection--multiple {\n border: 1px solid #5897fb; }\n\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {\n border-top: none;\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {\n border-bottom: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0; }\n\n.select2-container--classic .select2-search--dropdown .select2-search__field {\n border: 1px solid #aaa;\n outline: 0; }\n\n.select2-container--classic .select2-search--inline .select2-search__field {\n outline: 0;\n box-shadow: none; }\n\n.select2-container--classic .select2-dropdown {\n background-color: white;\n border: 1px solid transparent; }\n\n.select2-container--classic .select2-dropdown--above {\n border-bottom: none; }\n\n.select2-container--classic .select2-dropdown--below {\n border-top: none; }\n\n.select2-container--classic .select2-results > .select2-results__options {\n max-height: 200px;\n overflow-y: auto; }\n\n.select2-container--classic .select2-results__option[role=group] {\n padding: 0; }\n\n.select2-container--classic .select2-results__option[aria-disabled=true] {\n color: grey; }\n\n.select2-container--classic .select2-results__option--highlighted[aria-selected] {\n background-color: #3875d7;\n color: white; }\n\n.select2-container--classic .select2-results__group {\n cursor: default;\n display: block;\n padding: 6px; }\n\n.select2-container--classic.select2-container--open .select2-dropdown {\n border-color: #5897fb; }\n\n@import './src/scss/_imports/_global-import';\r\n\r\n.select2 {\r\n\twidth:100% !important;\r\n}\r\n\r\n.select2-container--default .select2-selection--single,\r\n.select2-container--default .select2-selection--multiple {\r\n\tborder: $input-border-width solid $input-border-color;\r\n}\r\n\r\n.select2-container--default .select2-selection--single .select2-selection__rendered {\r\n\tline-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\r\n\tpadding: 0 $input-padding-x;\r\n\r\n}\r\n\r\n.select2-container .select2-selection--single {\r\n\theight: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\r\n}\r\n\r\n.select2-container .select2-selection--multiple {\r\n\tmin-height: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\r\n}\r\n\r\n.select2-container--default .select2-selection--single .select2-selection__arrow {\r\n\theight: auto;\r\n\ttop: 0;\r\n\tbottom: 0;\r\n\tright: 0.5rem;\r\n}\r\n\r\n.select2-dropdown {\r\n\tborder-color: $input-border-color;\r\n}\r\n\r\n.select2-search--dropdown {\r\n\tpadding: $input-padding-x;\r\n\r\n\t&:before {\r\n\t\tcontent: \"\\f002\";\r\n\t\tfont-family: 'Font Awesome 5 Pro';\r\n\t\tposition: absolute;\r\n\t\tleft: calc(1rem + #{$input-padding-x});\r\n\t\ttop: calc(0.6rem + #{$input-padding-x});\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n.select2-results {\r\n\tpadding: $input-padding-x;\r\n\t\r\n}\r\n\r\n.select2-search.select2-search--dropdown:not(.select2-search--hide) + .select2-results {\r\n\tpadding-top: 0;\r\n}\r\n\r\n\r\n.select2-container--open .select2-dropdown--above {\r\n\tbox-shadow: 0px -3px 8px 0px rgba(90, 80, 105, 0.1);\r\n\tborder-color: $input-focus-border-color;\r\n}\r\n\r\n.select2-container--open .select2-dropdown--below {\r\n\tbox-shadow: 0px 3px 8px 0px rgba(90, 80, 105, 0.1);\r\n\tborder-color: $input-focus-border-color;\r\n}\r\n\r\n\r\n.select2-container--default .select2-search--dropdown .select2-search__field {\r\n display: block;\r\n width: 100%;\r\n height: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\r\n padding: $input-padding-y $input-padding-x;\r\n padding-left: 2.5rem;\r\n font-weight: $input-font-weight;\r\n //line-height: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\r\n color: $input-color;\r\n background-color: $input-bg;\r\n background-clip: padding-box;\r\n border: $input-border-width solid $input-border-color;\r\n border-radius: $input-border-radius;\r\n box-shadow: inset 0 .25rem .125rem 0 rgba(33, 37, 41, .025);\r\n\r\n &:focus {\r\n \tborder-color: darken($input-border-color, 10%);\r\n }\r\n}\r\n\r\n.select2-container--default .select2-results__group {\r\n padding: 0.5rem 0;\r\n color: #8e8e8e;\r\n}\r\n\r\n.select2-container--default .select2-results__option[aria-selected=true] {\r\n\tbackground: $dropdown-link-active-bg;\r\n\tcolor: $dropdown-link-active-color;\r\n}\r\n\r\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\r\n\tbackground-color: $primary-500;\r\n\tcolor: $white;\r\n}\r\n\r\n.select2-selection--single,\r\n.select2-selection--multiple,\r\n.select2-search__field {\r\n\ttransition: $input-transition;\t\r\n\r\n}\r\n\r\n\r\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, \r\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,\r\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, \r\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\r\n\tposition: relative;\r\n\tz-index: 1051 + 100;\r\n\tborder-color: $input-focus-border-color;\r\n}\r\n\r\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, \r\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {\r\n\tborder-bottom-color: transparent;\r\n\tborder-bottom: 0; //gets rid of the ugly gap\r\n}\r\n\r\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, \r\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\r\n\tborder-top-color: transparent;\r\n\tborder-top: 0; //gets rid of the ugly gap\r\n}\r\n\r\n.select2-container--default.select2-container--focus .select2-selection--single,\r\n.select2-container--default.select2-container--focus .select2-selection--multiple {\r\n\tborder-color: $input-focus-border-color;\r\n}\r\n\r\n.select2-container--default.select2-container--focus .select2-selection--multiple {\r\n\tdisplay: flex;\r\n align-items: center;\r\n}\r\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\r\n\tdisplay: flex;\r\n\tpadding: 0 0.5rem;\r\n\t//clear: both;\r\n\tflex-wrap: wrap;\r\n}\r\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\r\n\t//margin-right: 7px;\r\n\t//margin-top: 6px;\r\n\tmargin: 5px 3px;\r\n\tdisplay: inline-flex;\r\n\tpadding-right: 0;\r\n\talign-items: center;\r\n\r\n\tbackground: $dropdown-link-active-bg;\r\n\tborder-color: $primary-400;\r\n\r\n\tcolor: $dropdown-link-active-color;\r\n\r\n\t.select2-selection__choice__remove {\r\n\t\tmargin: 0;\r\n\t\tpadding-left: 7px;\r\n\t\tpadding-right: 7px;\r\n\t\torder: 1;\r\n\t\tfont-size: 16px;\r\n\t\tborder-left: 1px solid rgba(0,0,0,0.1);\r\n\t\tmargin-left: 5px;\r\n\r\n\t\tcolor: lighten($primary-500, 10%);\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: $primary-500;\r\n\t\t}\r\n\r\n\t\t&:active {\r\n\t\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n\r\n.select2-container .select2-search--inline .select2-search__field {\r\n\tmargin-top: 0;\r\n\tmargin-left: 0;\r\n\theight: calc(#{$line-height-base * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\r\n\tpadding: $input-padding-y 0.3rem;\r\n\tmin-width:100px;\r\n\t\r\n}\r\n\r\nspan.select2-selection.select2-selection--single,\r\nspan.select2-selection.select2-selection--multiple {\r\n\toutline: none;\r\n}\r\n\r\n.select2-container--default .select2-selection--single .select2-selection__clear {\r\n\tpadding: 0 15px;\r\n\tmargin-right: 8px;\r\n\tfont-size: 1rem;\r\n\tcolor: $danger-500;\r\n\r\n\t&:hover {\r\n\t\tcolor: $danger-600;\r\n\t}\r\n}\r\n\r\n/* this is not a permanent solution... hopefully IE will die by the time we release version 5.... */\r\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\r\n\t.select2-container--default .select2-selection--single .select2-selection__clear {\r\n\t\tline-height: normal;\r\n\t\tmargin-top: 8px;\r\n\t}\r\n}\r\n\r\n.select2-results__message {\r\n\tcolor: $danger-500;\r\n}","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/smartwizard/smartwizard.css b/public/assets/css/formplugins/smartwizard/smartwizard.css
new file mode 100644
index 0000000..23b000a
--- /dev/null
+++ b/public/assets/css/formplugins/smartwizard/smartwizard.css
@@ -0,0 +1,611 @@
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Basic CSS */
+.sw-main {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ border-radius: 0.25rem !important; }
+
+.sw-main .sw-container {
+ display: block;
+ margin: 0;
+ padding: 0;
+ position: relative; }
+
+.sw-main .step-content {
+ display: none;
+ position: relative;
+ margin: 0; }
+
+.sw-main .sw-toolbar {
+ margin-left: 0; }
+
+/* SmartWizard Theme: White */
+.sw-theme-default {
+ -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
+
+.sw-theme-default .sw-container {
+ min-height: 250px; }
+
+.sw-theme-default .step-content {
+ padding: 10px;
+ border: 0px solid #D4D4D4;
+ background-color: #FFF;
+ text-align: left; }
+
+.sw-theme-default .sw-toolbar {
+ background: #f9f9f9;
+ border-radius: 0 !important;
+ padding-left: 10px;
+ padding-right: 10px;
+ padding: 10px;
+ margin-bottom: 0 !important; }
+
+.sw-theme-default .sw-toolbar-top {
+ border-bottom-color: #ddd !important; }
+
+.sw-theme-default .sw-toolbar-bottom {
+ border-top-color: #ddd !important; }
+
+.sw-theme-default > ul.step-anchor > li {
+ position: relative;
+ margin-right: 2px; }
+
+.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover {
+ border: none !important;
+ color: #bbb;
+ text-decoration: none;
+ outline-style: none;
+ background: transparent !important;
+ border: none !important;
+ cursor: not-allowed; }
+
+.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
+ color: #4285F4 !important;
+ background: transparent !important;
+ cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li > a::after {
+ content: "";
+ background: #4285F4;
+ height: 2px;
+ position: absolute;
+ width: 100%;
+ left: 0px;
+ bottom: 0px;
+ -webkit-transition: all 250ms ease 0s;
+ transition: all 250ms ease 0s;
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+
+.sw-theme-default > ul.step-anchor > li.active > a {
+ border: none !important;
+ color: #4285F4 !important;
+ background: transparent !important;
+ cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li.active > a::after {
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+
+.sw-theme-default > ul.step-anchor > li.done > a {
+ border: none !important;
+ color: #000 !important;
+ background: transparent !important;
+ cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li.done > a::after {
+ background: #5cb85c;
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+
+.sw-theme-default > ul.step-anchor > li.danger > a {
+ border: none !important;
+ color: #d9534f !important;
+ /* background: #d9534f !important; */
+ cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li.danger > a::after {
+ background: #d9534f;
+ border-left-color: #f8d7da;
+ -webkit-transform: scale(1);
+ transform: scale(1); }
+
+.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {
+ color: #eee !important;
+ cursor: not-allowed; }
+
+/* Responsive CSS */
+@media screen and (max-width: 768px) {
+ .sw-theme-default > .nav-tabs > li {
+ float: none !important; } }
+
+/* Common Loader */
+.sw-loading::after {
+ position: absolute;
+ display: block;
+ opacity: 1;
+ content: "";
+ top: 0;
+ left: 0;
+ height: 100%;
+ width: 100%;
+ background: rgba(255, 255, 255, 0.7);
+ -webkit-transition: all .2s ease;
+ transition: all .2s ease;
+ z-index: 2; }
+
+.sw-loading::before {
+ content: '';
+ display: inline-block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: 10;
+ border: 10px solid #f3f3f3;
+ border-radius: 50%;
+ border-top: 10px solid #3498db;
+ width: 80px;
+ height: 80px;
+ margin-top: -40px;
+ margin-left: -40px;
+ -webkit-animation: spin 1s linear infinite;
+ /* Safari */
+ animation: spin 1s linear infinite; }
+
+/* Safari */
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg); } }
+
+@keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Arrows */
+.sw-theme-arrows {
+ border-radius: 5px;
+ border: 1px solid #ddd; }
+
+.sw-theme-arrows > .sw-container {
+ min-height: 200px; }
+
+.sw-theme-arrows .step-content {
+ padding: 0 10px;
+ border: 0px solid #D4D4D4;
+ background-color: #FFF;
+ text-align: left; }
+
+.sw-theme-arrows .sw-toolbar {
+ padding: 10px;
+ margin-bottom: 0 !important; }
+
+.sw-theme-arrows > ul.step-anchor {
+ border: 0;
+ border-bottom: 1px solid #ddd;
+ padding: 0px;
+ background: #f5f5f5;
+ border-radius: 0;
+ border-top-right-radius: 5px;
+ list-style: none;
+ overflow: hidden; }
+
+.sw-theme-arrows > ul.step-anchor li + li:before {
+ padding: 0; }
+
+.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
+ color: #bbb;
+ text-decoration: none;
+ padding: 10px 0 10px 45px;
+ position: relative;
+ display: block;
+ border: 0 !important;
+ border-radius: 0;
+ outline-style: none;
+ background: #f5f5f5; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:after {
+ content: " ";
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 50px solid transparent;
+ border-bottom: 50px solid transparent;
+ border-left: 30px solid #f5f5f5;
+ position: absolute;
+ top: 50%;
+ margin-top: -50px;
+ left: 100%;
+ z-index: 2; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:before {
+ content: " ";
+ display: block;
+ width: 0;
+ height: 0;
+ border-top: 50px solid transparent;
+ /* Go big on the size, and let overflow hide */
+ border-bottom: 50px solid transparent;
+ border-left: 30px solid #ddd;
+ position: absolute;
+ top: 50%;
+ margin-top: -50px;
+ margin-left: 1px;
+ left: 100%;
+ z-index: 1; }
+
+.sw-theme-arrows > ul.step-anchor > li:first-child > a {
+ padding-left: 15px; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:hover {
+ color: #bbb;
+ text-decoration: none;
+ outline-style: none;
+ background: #f5f5f5;
+ border-color: #f5f5f5; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:hover:after {
+ border-left-color: #f5f5f5; }
+
+.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {
+ color: #4285F4 !important;
+ background: #46b8da !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.active > a {
+ border-color: #5cb85c !important;
+ color: #fff !important;
+ background: #5cb85c !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.active > a:after {
+ border-left: 30px solid #5cb85c !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.done > a {
+ border-color: #b1dfbb !important;
+ /* #5cb85c */
+ color: #fff !important;
+ background: #b1dfbb !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.done > a:after {
+ border-left: 30px solid #b1dfbb;
+ /* c3e6cb */ }
+
+.sw-theme-arrows > ul.step-anchor > li.danger > a {
+ border-color: #d9534f !important;
+ color: #fff !important;
+ background: #d9534f !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.danger > a:after {
+ border-left: 30px solid #d9534f !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
+ color: #eee !important; }
+
+/* Responsive CSS */
+@media screen and (max-width: 768px) {
+ .sw-theme-arrows > ul.step-anchor {
+ border: 0;
+ background: #ddd !important; }
+ .sw-theme-arrows > .nav-tabs > li {
+ float: none !important;
+ margin-bottom: 0; }
+ .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
+ padding-left: 15px;
+ margin-right: 0;
+ margin-bottom: 1px; }
+ .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
+ display: none; } }
+
+/* Loader Custom Style */
+.sw-theme-arrows::before {
+ border: 10px solid #f3f3f3;
+ border-top: 10px solid #5cb85c; }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Circles */
+.sw-theme-circles .sw-container {
+ min-height: 300px; }
+
+.sw-theme-circles .step-content {
+ padding: 10px 0;
+ background-color: #FFF;
+ text-align: left; }
+
+.sw-theme-circles .sw-toolbar {
+ background: #fff;
+ padding-left: 10px;
+ padding-right: 10px;
+ margin-bottom: 0 !important; }
+
+.sw-theme-circles .sw-toolbar-bottom {
+ border-top-color: #ddd !important;
+ border-bottom-color: #ddd !important; }
+
+.sw-theme-circles > ul.step-anchor {
+ position: relative;
+ background: #fff;
+ border: none;
+ list-style: none;
+ margin-bottom: 40px; }
+
+.sw-theme-circles > ul.step-anchor:before {
+ content: " ";
+ position: absolute;
+ top: 50%;
+ bottom: 0;
+ width: 100%;
+ height: 5px;
+ background-color: #f5f5f5;
+ border-radius: 3px;
+ z-index: 0; }
+
+.sw-theme-circles > ul.step-anchor > li {
+ border: none;
+ margin-left: 40px;
+ z-index: 98; }
+
+.sw-theme-circles > ul.step-anchor > li > a {
+ border: 2px solid #f5f5f5;
+ background: #f5f5f5;
+ width: 75px;
+ height: 75px;
+ text-align: center;
+ padding: 25px 0;
+ border-radius: 50%;
+ -webkit-box-shadow: inset 0px 0px 0px 3px #fff !important;
+ box-shadow: inset 0px 0px 0px 3px #fff !important;
+ text-decoration: none;
+ outline-style: none;
+ z-index: 99;
+ color: #bbb;
+ background: #f5f5f5;
+ line-height: 1; }
+
+.sw-theme-circles > ul.step-anchor > li > a:hover {
+ color: #bbb;
+ background: #f5f5f5;
+ border-width: 2px; }
+
+.sw-theme-circles > ul.step-anchor > li > a > small {
+ position: relative;
+ bottom: -40px;
+ color: #ccc; }
+
+.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {
+ color: #4285F4 !important; }
+
+.sw-theme-circles > ul.step-anchor > li.active > a {
+ border-color: #5bc0de;
+ color: #fff;
+ background: #5bc0de; }
+
+.sw-theme-circles > ul.step-anchor > li.active > a > small {
+ color: #5bc0de; }
+
+.sw-theme-circles > ul.step-anchor > li.done > a {
+ border-color: #5cb85c;
+ color: #fff;
+ background: #5cb85c; }
+
+.sw-theme-circles > ul.step-anchor > li.done > a > small {
+ color: #5cb85c; }
+
+.sw-theme-circles > ul.step-anchor > li.danger > a {
+ border-color: #d9534f;
+ color: #d9534f;
+ background: #fff; }
+
+.sw-theme-circles > ul.step-anchor > li.danger > a > small {
+ color: #d9534f; }
+
+.sw-theme-circles > ul.step-anchor > li.disabled > a, .sw-theme-circles > ul.step-anchor > li.disabled > a:hover {
+ color: #eee !important; }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Dots */
+.sw-theme-dots .sw-container {
+ min-height: 300px; }
+
+.sw-theme-dots .step-content {
+ padding: 10px 0;
+ border: none;
+ background-color: #FFF;
+ text-align: left; }
+
+.sw-theme-dots .sw-toolbar {
+ background: #fff;
+ border-radius: 0 !important;
+ padding-left: 10px;
+ padding-right: 10px;
+ margin-bottom: 0 !important; }
+
+.sw-theme-dots .sw-toolbar-top {
+ border-bottom-color: #ddd !important; }
+
+.sw-theme-dots .sw-toolbar-bottom {
+ border-top-color: #ddd !important;
+ border-bottom-color: #ddd !important; }
+
+.sw-theme-dots > ul.step-anchor {
+ position: relative;
+ background: #fff;
+ border: 0px solid #ccc !important;
+ list-style: none; }
+
+.sw-theme-dots > ul.step-anchor:before {
+ content: " ";
+ position: absolute;
+ top: 70px;
+ bottom: 0;
+ width: 100%;
+ height: 5px;
+ background-color: #f5f5f5;
+ border-radius: 3px;
+ z-order: 0;
+ z-index: 95; }
+
+.sw-theme-dots > ul.step-anchor > li {
+ border: none; }
+
+/* Anchors styles */
+.sw-theme-dots > ul.step-anchor > li > a {
+ position: relative;
+ text-align: center;
+ font-weight: bold;
+ background: transparent;
+ border: none;
+ color: #ccc;
+ text-decoration: none;
+ outline-style: none;
+ z-index: 96;
+ display: block; }
+
+.sw-theme-dots > ul.step-anchor > li > a:before {
+ content: ' ';
+ position: absolute;
+ bottom: 2px;
+ left: 40%;
+ margin-top: 10px;
+ display: block;
+ border-radius: 50%;
+ color: #428bca;
+ background: #f5f5f5;
+ border: none;
+ width: 30px;
+ height: 30px;
+ text-decoration: none;
+ z-index: 98; }
+
+.sw-theme-dots > ul.step-anchor > li > a:after {
+ content: ' ';
+ position: relative;
+ left: 43%;
+ bottom: 2px;
+ margin-top: 10px;
+ display: block;
+ width: 15px;
+ height: 15px;
+ background: #f5f5f5;
+ border-radius: 50%;
+ z-index: 99; }
+
+.sw-theme-dots > ul.step-anchor > li > a:hover {
+ color: #ccc;
+ background: transparent; }
+
+.sw-theme-dots > ul.step-anchor > li > a:focus {
+ color: #ccc;
+ border: none; }
+
+.sw-theme-dots > ul.step-anchor > li.clickable > a:hover {
+ color: #999; }
+
+/* Active anchors */
+.sw-theme-dots > ul.step-anchor > li.active > a {
+ color: #5bc0de; }
+
+.sw-theme-dots > ul.step-anchor > li.active > a:hover {
+ border: none; }
+
+.sw-theme-dots > ul.step-anchor > li.active > a:after {
+ background: #5bc0de; }
+
+/* Done anchors */
+.sw-theme-dots > ul.step-anchor > li.done > a {
+ color: #5cb85c; }
+
+.sw-theme-dots > ul.step-anchor > li.done > a:after {
+ background: #5cb85c; }
+
+/* Danger anchors */
+.sw-theme-dots > ul.step-anchor > li.danger > a {
+ color: #d9534f; }
+
+.sw-theme-dots > ul.step-anchor > li.danger > a:after {
+ background: #d9534f; }
+
+.sw-theme-dots > ul.step-anchor > li.disabled > a, .sw-theme-dots > ul.step-anchor > li.disabled > a:hover {
+ color: #eee !important; }
+
+.sw-theme-dots > ul.step-anchor > li.disabled > a:after {
+ background: #eee; }
+
+/* Responsive CSS */
+@media screen and (max-width: 768px) {
+ .sw-theme-dots > ul.step-anchor:before {
+ top: 0;
+ bottom: 0;
+ left: 10px;
+ width: 5px;
+ height: 100%;
+ background-color: #f5f5f5;
+ display: block;
+ margin-right: 10px; }
+ .sw-theme-dots > ul.step-anchor > li {
+ margin-left: 20px;
+ display: block;
+ clear: both; }
+ .sw-theme-dots > ul.step-anchor > li > a {
+ text-align: left;
+ margin-left: 0;
+ display: block; }
+ .sw-theme-dots > ul.step-anchor > li > a:before {
+ top: 5px;
+ left: -23px;
+ margin-right: 10px;
+ display: block; }
+ .sw-theme-dots > ul.step-anchor > li > a:after {
+ top: -38px;
+ left: -31px;
+ margin-right: 10px;
+ display: block; } }
+
+/*# sourceMappingURL=smartwizard.css.map */
diff --git a/public/assets/css/formplugins/smartwizard/smartwizard.css.map b/public/assets/css/formplugins/smartwizard/smartwizard.css.map
new file mode 100644
index 0000000..c2f119b
--- /dev/null
+++ b/public/assets/css/formplugins/smartwizard/smartwizard.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["smartwizard.css"],"names":[],"mappings":"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","file":"smartwizard.css","sourcesContent":["/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Basic CSS */\n.sw-main {\n position: relative;\n display: block;\n margin: 0;\n padding: 0;\n border-radius: .25rem!important;\n}\n\n.sw-main .sw-container {\n display: block;\n margin: 0;\n padding: 0;\n position: relative;\n}\n\n.sw-main .step-content {\n display: none;\n position: relative;\n margin: 0;\n}\n\n.sw-main .sw-toolbar {\n margin-left: 0;\n}\n\n/* SmartWizard Theme: White */\n.sw-theme-default {\n -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);\n box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);\n}\n\n.sw-theme-default .sw-container {\n min-height: 250px;\n}\n\n.sw-theme-default .step-content {\n padding: 10px;\n border: 0px solid #D4D4D4;\n background-color: #FFF;\n text-align: left;\n}\n\n.sw-theme-default .sw-toolbar {\n background: #f9f9f9;\n border-radius: 0 !important;\n padding-left: 10px;\n padding-right: 10px;\n padding: 10px;\n margin-bottom: 0 !important;\n}\n\n.sw-theme-default .sw-toolbar-top {\n border-bottom-color: #ddd !important;\n}\n\n.sw-theme-default .sw-toolbar-bottom {\n border-top-color: #ddd !important;\n}\n\n.sw-theme-default > ul.step-anchor > li {\n position: relative;\n margin-right: 2px;\n}\n\n.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover {\n border: none !important;\n color: #bbb;\n text-decoration: none;\n outline-style: none;\n background: transparent !important;\n border: none !important;\n cursor: not-allowed;\n}\n\n.sw-theme-default > ul.step-anchor > li.clickable > a:hover {\n color: #4285F4 !important;\n background: transparent !important;\n cursor: pointer;\n}\n\n.sw-theme-default > ul.step-anchor > li > a::after {\n content: \"\";\n background: #4285F4;\n height: 2px;\n position: absolute;\n width: 100%;\n left: 0px;\n bottom: 0px;\n -webkit-transition: all 250ms ease 0s;\n transition: all 250ms ease 0s;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n}\n\n.sw-theme-default > ul.step-anchor > li.active > a {\n border: none !important;\n color: #4285F4 !important;\n background: transparent !important;\n cursor: pointer;\n}\n\n.sw-theme-default > ul.step-anchor > li.active > a::after {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n\n.sw-theme-default > ul.step-anchor > li.done > a {\n border: none !important;\n color: #000 !important;\n background: transparent !important;\n cursor: pointer;\n}\n\n.sw-theme-default > ul.step-anchor > li.done > a::after {\n background: #5cb85c;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n\n.sw-theme-default > ul.step-anchor > li.danger > a {\n border: none !important;\n color: #d9534f !important;\n /* background: #d9534f !important; */\n cursor: pointer;\n}\n\n.sw-theme-default > ul.step-anchor > li.danger > a::after {\n background: #d9534f;\n border-left-color: #f8d7da;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n\n.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {\n color: #eee !important;\n cursor: not-allowed;\n}\n\n/* Responsive CSS */\n@media screen and (max-width: 768px) {\n .sw-theme-default > .nav-tabs > li {\n float: none !important;\n }\n}\n\n/* Common Loader */\n.sw-loading::after {\n position: absolute;\n display: block;\n opacity: 1;\n content: \"\";\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background: rgba(255,255,255,.7);\n -webkit-transition: all .2s ease;\n transition: all .2s ease;\n z-index: 2;\n}\n\n.sw-loading::before {\n content: '';\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 10;\n border: 10px solid #f3f3f3;\n border-radius: 50%;\n border-top: 10px solid #3498db;\n width: 80px;\n height: 80px;\n margin-top: -40px;\n margin-left: -40px;\n -webkit-animation: spin 1s linear infinite;\n /* Safari */\n animation: spin 1s linear infinite;\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Theme: Arrows */\n.sw-theme-arrows {\n border-radius: 5px;\n border: 1px solid #ddd;\n}\n\n.sw-theme-arrows > .sw-container {\n min-height: 200px;\n}\n\n.sw-theme-arrows .step-content {\n padding: 0 10px;\n border: 0px solid #D4D4D4;\n background-color: #FFF;\n text-align: left;\n}\n\n.sw-theme-arrows .sw-toolbar {\n padding: 10px;\n margin-bottom: 0 !important;\n}\n\n.sw-theme-arrows > .sw-toolbar-top {\n}\n\n.sw-theme-arrows > .sw-toolbar-bottom {\n}\n\n.sw-theme-arrows > ul.step-anchor {\n border: 0;\n border-bottom: 1px solid #ddd;\n padding: 0px;\n background: #f5f5f5;\n border-radius: 0;\n border-top-right-radius: 5px;\n list-style: none;\n overflow: hidden;\n}\n\n.sw-theme-arrows > ul.step-anchor li+li:before {\n padding: 0;\n}\n\n.sw-theme-arrows > ul.step-anchor > li {\n}\n\n.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {\n color: #bbb;\n text-decoration: none;\n padding: 10px 0 10px 45px;\n position: relative;\n display: block;\n border: 0 !important;\n border-radius: 0;\n outline-style: none;\n background: #f5f5f5;\n}\n\n.sw-theme-arrows > ul.step-anchor > li > a:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-top: 50px solid transparent;\n border-bottom: 50px solid transparent;\n border-left: 30px solid #f5f5f5;\n position: absolute;\n top: 50%;\n margin-top: -50px;\n left: 100%;\n z-index: 2;\n}\n\n.sw-theme-arrows > ul.step-anchor > li > a:before {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-top: 50px solid transparent;\n /* Go big on the size, and let overflow hide */\n border-bottom: 50px solid transparent;\n border-left: 30px solid #ddd;\n position: absolute;\n top: 50%;\n margin-top: -50px;\n margin-left: 1px;\n left: 100%;\n z-index: 1;\n}\n\n.sw-theme-arrows > ul.step-anchor > li:first-child > a {\n padding-left: 15px;\n}\n\n.sw-theme-arrows > ul.step-anchor > li > a:hover {\n color: #bbb;\n text-decoration: none;\n outline-style: none;\n background: #f5f5f5;\n border-color: #f5f5f5;\n}\n\n.sw-theme-arrows > ul.step-anchor > li > a:hover:after {\n border-left-color: #f5f5f5;\n}\n\n.sw-theme-arrows > ul.step-anchor > li > a small {\n}\n\n.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {\n color: #4285F4 !important;\n background: #46b8da !important;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.active > a {\n border-color: #5cb85c !important;\n color: #fff !important;\n background: #5cb85c !important;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.active > a:after {\n border-left: 30px solid #5cb85c !important;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.done > a {\n border-color: #b1dfbb !important;\n /* #5cb85c */\n color: #fff !important;\n background: #b1dfbb !important;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.done > a:after {\n border-left: 30px solid #b1dfbb;\n /* c3e6cb */;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.danger > a {\n border-color: #d9534f !important;\n color: #fff !important;\n background: #d9534f !important;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.danger > a:after {\n border-left: 30px solid #d9534f !important;\n}\n\n.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {\n color: #eee !important;\n}\n\n/* Responsive CSS */\n@media screen and (max-width: 768px) {\n .sw-theme-arrows > ul.step-anchor {\n border: 0;\n background: #ddd !important;\n }\n\n .sw-theme-arrows > .nav-tabs > li {\n float: none !important;\n margin-bottom: 0;\n }\n\n .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {\n padding-left: 15px;\n margin-right: 0;\n margin-bottom: 1px;\n }\n\n .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {\n display: none;\n }\n}\n\n/* Loader Custom Style */\n.sw-theme-arrows::before {\n border: 10px solid #f3f3f3;\n border-top: 10px solid #5cb85c;\n}\n\n/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Theme: Circles */\n.sw-theme-circles {\n}\n\n.sw-theme-circles .sw-container {\n min-height: 300px;\n}\n\n.sw-theme-circles .step-content {\n padding: 10px 0;\n background-color: #FFF;\n text-align: left;\n}\n\n.sw-theme-circles .sw-toolbar {\n background: #fff;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 0 !important;\n}\n\n.sw-theme-circles .sw-toolbar-top {\n}\n\n.sw-theme-circles .sw-toolbar-bottom {\n border-top-color: #ddd !important;\n border-bottom-color: #ddd !important;\n}\n\n.sw-theme-circles > ul.step-anchor {\n position: relative;\n background: #fff;\n border: none;\n list-style: none;\n margin-bottom: 40px;\n}\n\n.sw-theme-circles > ul.step-anchor:before {\n content: \" \";\n position: absolute;\n top: 50%;\n bottom: 0;\n width: 100%;\n height: 5px;\n background-color: #f5f5f5;\n border-radius: 3px;\n z-index: 0;\n}\n\n.sw-theme-circles > ul.step-anchor > li {\n border: none;\n margin-left: 40px;\n z-index: 98;\n}\n\n.sw-theme-circles > ul.step-anchor > li > a {\n border: 2px solid #f5f5f5;\n background: #f5f5f5;\n width: 75px;\n height: 75px;\n text-align: center;\n padding: 25px 0;\n border-radius: 50%;\n -webkit-box-shadow: inset 0px 0px 0px 3px #fff !important;\n box-shadow: inset 0px 0px 0px 3px #fff !important;\n text-decoration: none;\n outline-style: none;\n z-index: 99;\n color: #bbb;\n background: #f5f5f5;\n line-height: 1;\n}\n\n.sw-theme-circles > ul.step-anchor > li > a:hover {\n color: #bbb;\n background: #f5f5f5;\n border-width: 2px;\n}\n\n.sw-theme-circles > ul.step-anchor > li > a > small {\n position: relative;\n bottom: -40px;\n color: #ccc;\n}\n\n.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {\n color: #4285F4 !important;\n}\n\n.sw-theme-circles > ul.step-anchor > li.active > a {\n border-color: #5bc0de;\n color: #fff;\n background: #5bc0de;\n}\n\n.sw-theme-circles > ul.step-anchor > li.active > a > small {\n color: #5bc0de;\n}\n\n.sw-theme-circles > ul.step-anchor > li.done > a {\n border-color: #5cb85c;\n color: #fff;\n background: #5cb85c;\n}\n\n.sw-theme-circles > ul.step-anchor > li.done > a > small {\n color: #5cb85c;\n}\n\n.sw-theme-circles > ul.step-anchor > li.danger > a {\n border-color: #d9534f;\n color: #d9534f;\n background: #fff;\n}\n\n.sw-theme-circles > ul.step-anchor > li.danger > a > small {\n color: #d9534f;\n}\n\n.sw-theme-circles > ul.step-anchor > li.disabled > a, .sw-theme-circles > ul.step-anchor > li.disabled > a:hover {\n color: #eee !important;\n}\n\n/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Theme: Dots */\n.sw-theme-dots {\n}\n\n.sw-theme-dots .sw-container {\n min-height: 300px;\n}\n\n.sw-theme-dots .step-content {\n padding: 10px 0;\n border: none;\n background-color: #FFF;\n text-align: left;\n}\n\n.sw-theme-dots .sw-toolbar {\n background: #fff;\n border-radius: 0 !important;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 0 !important;\n}\n\n.sw-theme-dots .sw-toolbar-top {\n border-bottom-color: #ddd !important;\n}\n\n.sw-theme-dots .sw-toolbar-bottom {\n border-top-color: #ddd !important;\n border-bottom-color: #ddd !important;\n}\n\n.sw-theme-dots > ul.step-anchor {\n position: relative;\n background: #fff;\n border: 0px solid #ccc !important;\n list-style: none;\n}\n\n.sw-theme-dots > ul.step-anchor:before {\n content: \" \";\n position: absolute;\n top: 70px;\n bottom: 0;\n width: 100%;\n height: 5px;\n background-color: #f5f5f5;\n border-radius: 3px;\n z-order: 0;\n z-index: 95;\n}\n\n.sw-theme-dots > ul.step-anchor > li {\n border: none;\n}\n/* Anchors styles */\n.sw-theme-dots > ul.step-anchor > li > a {\n position: relative;\n text-align: center;\n font-weight: bold;\n background: transparent;\n border: none;\n color: #ccc;\n text-decoration: none;\n outline-style: none;\n z-index: 96;\n display: block;\n}\n\n.sw-theme-dots > ul.step-anchor > li > a:before {\n content: ' ';\n position: absolute;\n bottom: 2px;\n left: 40%;\n margin-top: 10px;\n display: block;\n border-radius: 50%;\n color: #428bca;\n background: #f5f5f5;\n border: none;\n width: 30px;\n height: 30px;\n text-decoration: none;\n z-index: 98;\n}\n\n.sw-theme-dots > ul.step-anchor > li > a:after {\n content: ' ';\n position: relative;\n left: 43%;\n bottom: 2px;\n margin-top: 10px;\n display: block;\n width: 15px;\n height: 15px;\n background: #f5f5f5;\n border-radius: 50%;\n z-index: 99;\n}\n\n.sw-theme-dots > ul.step-anchor > li > a:hover {\n color: #ccc;\n background: transparent;\n}\n\n.sw-theme-dots > ul.step-anchor > li > a:focus {\n color: #ccc;\n border: none;\n}\n\n.sw-theme-dots > ul.step-anchor > li.clickable > a:hover {\n color: #999;\n}\n/* Active anchors */\n.sw-theme-dots > ul.step-anchor > li.active > a {\n color: #5bc0de;\n}\n\n.sw-theme-dots > ul.step-anchor > li.active > a:hover {\n border: none;\n}\n\n.sw-theme-dots > ul.step-anchor > li.active > a:after {\n background: #5bc0de;\n}\n/* Done anchors */\n.sw-theme-dots > ul.step-anchor > li.done > a {\n color: #5cb85c;\n}\n\n.sw-theme-dots > ul.step-anchor > li.done > a:after {\n background: #5cb85c;\n}\n/* Danger anchors */\n.sw-theme-dots > ul.step-anchor > li.danger > a {\n color: #d9534f;\n}\n\n.sw-theme-dots > ul.step-anchor > li.danger > a:after {\n background: #d9534f;\n}\n\n.sw-theme-dots > ul.step-anchor > li.disabled > a, .sw-theme-dots > ul.step-anchor > li.disabled > a:hover {\n color: #eee !important;\n}\n\n.sw-theme-dots > ul.step-anchor > li.disabled > a:after {\n background: #eee;\n}\n\n/* Responsive CSS */\n@media screen and (max-width: 768px) {\n .sw-theme-dots > ul.step-anchor:before {\n top: 0;\n bottom: 0;\n left: 10px;\n width: 5px;\n height: 100%;\n background-color: #f5f5f5;\n display: block;\n margin-right: 10px;\n }\n\n .sw-theme-dots > ul.step-anchor > li {\n margin-left: 20px;\n display: block;\n clear: both;\n }\n\n .sw-theme-dots > ul.step-anchor > li > a {\n text-align: left;\n margin-left: 0;\n display: block;\n }\n\n .sw-theme-dots > ul.step-anchor > li > a:before {\n top: 5px;\n left: -23px;\n margin-right: 10px;\n display: block;\n }\n\n .sw-theme-dots > ul.step-anchor > li > a:after {\n top: -38px;\n left: -31px;\n margin-right: 10px;\n display: block;\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/formplugins/summernote/summernote.css b/public/assets/css/formplugins/summernote/summernote.css
new file mode 100644
index 0000000..6f797e4
--- /dev/null
+++ b/public/assets/css/formplugins/summernote/summernote.css
@@ -0,0 +1,1088 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+@font-face {
+ font-family: "summernote";
+ font-style: normal;
+ font-weight: normal;
+ src: url("webfonts/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c");
+ src: url("webfonts/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c#iefix") format("embedded-opentype"), url("webfonts/summernote.woff?1d9aeaaff0a8939558a45be6cd52cd4c") format("woff"), url("webfonts/summernote.ttf?1d9aeaaff0a8939558a45be6cd52cd4c") format("truetype"); }
+
+[class^="note-icon-"]:before, [class*=" note-icon-"]:before {
+ display: inline-block;
+ font: normal normal normal 14px summernote;
+ font-size: inherit;
+ -webkit-font-smoothing: antialiased;
+ text-decoration: inherit;
+ text-rendering: auto;
+ text-transform: none;
+ vertical-align: middle;
+ speak: none;
+ -moz-osx-font-smoothing: grayscale; }
+
+.note-icon-align-center:before, .note-icon-align-indent:before, .note-icon-align-justify:before, .note-icon-align-left:before, .note-icon-align-outdent:before, .note-icon-align-right:before, .note-icon-align:before, .note-icon-arrow-circle-down:before, .note-icon-arrow-circle-left:before, .note-icon-arrow-circle-right:before, .note-icon-arrow-circle-up:before, .note-icon-arrows-alt:before, .note-icon-arrows-h:before, .note-icon-arrows-v:before, .note-icon-bold:before, .note-icon-caret:before, .note-icon-chain-broken:before, .note-icon-circle:before, .note-icon-close:before, .note-icon-code:before, .note-icon-col-after:before, .note-icon-col-before:before, .note-icon-col-remove:before, .note-icon-eraser:before, .note-icon-float-left:before, .note-icon-float-none:before, .note-icon-float-right:before, .note-icon-font:before, .note-icon-frame:before, .note-icon-italic:before, .note-icon-link:before, .note-icon-magic:before, .note-icon-menu-check:before, .note-icon-minus:before, .note-icon-orderedlist:before, .note-icon-pencil:before, .note-icon-picture:before, .note-icon-question:before, .note-icon-redo:before, .note-icon-rollback:before, .note-icon-row-above:before, .note-icon-row-below:before, .note-icon-row-remove:before, .note-icon-special-character:before, .note-icon-square:before, .note-icon-strikethrough:before, .note-icon-subscript:before, .note-icon-summernote:before, .note-icon-superscript:before, .note-icon-table:before, .note-icon-text-height:before, .note-icon-trash:before, .note-icon-underline:before, .note-icon-undo:before, .note-icon-unorderedlist:before, .note-icon-video:before {
+ display: inline-block;
+ font-family: "summernote";
+ font-style: normal;
+ font-weight: normal;
+ text-decoration: inherit; }
+
+.note-icon-align-center:before {
+ content: "\f101"; }
+
+.note-icon-align-indent:before {
+ content: "\f102"; }
+
+.note-icon-align-justify:before {
+ content: "\f103"; }
+
+.note-icon-align-left:before {
+ content: "\f104"; }
+
+.note-icon-align-outdent:before {
+ content: "\f105"; }
+
+.note-icon-align-right:before {
+ content: "\f106"; }
+
+.note-icon-align:before {
+ content: "\f107"; }
+
+.note-icon-arrow-circle-down:before {
+ content: "\f108"; }
+
+.note-icon-arrow-circle-left:before {
+ content: "\f109"; }
+
+.note-icon-arrow-circle-right:before {
+ content: "\f10a"; }
+
+.note-icon-arrow-circle-up:before {
+ content: "\f10b"; }
+
+.note-icon-arrows-alt:before {
+ content: "\f10c"; }
+
+.note-icon-arrows-h:before {
+ content: "\f10d"; }
+
+.note-icon-arrows-v:before {
+ content: "\f10e"; }
+
+.note-icon-bold:before {
+ content: "\f10f"; }
+
+.note-icon-caret:before {
+ content: "\f110"; }
+
+.note-icon-chain-broken:before {
+ content: "\f111"; }
+
+.note-icon-circle:before {
+ content: "\f112"; }
+
+.note-icon-close:before {
+ content: "\f113"; }
+
+.note-icon-code:before {
+ content: "\f114"; }
+
+.note-icon-col-after:before {
+ content: "\f115"; }
+
+.note-icon-col-before:before {
+ content: "\f116"; }
+
+.note-icon-col-remove:before {
+ content: "\f117"; }
+
+.note-icon-eraser:before {
+ content: "\f118"; }
+
+.note-icon-float-left:before {
+ content: "\f119"; }
+
+.note-icon-float-none:before {
+ content: "\f11a"; }
+
+.note-icon-float-right:before {
+ content: "\f11b"; }
+
+.note-icon-font:before {
+ content: "\f11c"; }
+
+.note-icon-frame:before {
+ content: "\f11d"; }
+
+.note-icon-italic:before {
+ content: "\f11e"; }
+
+.note-icon-link:before {
+ content: "\f11f"; }
+
+.note-icon-magic:before {
+ content: "\f120"; }
+
+.note-icon-menu-check:before {
+ content: "\f121"; }
+
+.note-icon-minus:before {
+ content: "\f122"; }
+
+.note-icon-orderedlist:before {
+ content: "\f123"; }
+
+.note-icon-pencil:before {
+ content: "\f124"; }
+
+.note-icon-picture:before {
+ content: "\f125"; }
+
+.note-icon-question:before {
+ content: "\f126"; }
+
+.note-icon-redo:before {
+ content: "\f127"; }
+
+.note-icon-rollback:before {
+ content: "\f128"; }
+
+.note-icon-row-above:before {
+ content: "\f129"; }
+
+.note-icon-row-below:before {
+ content: "\f12a"; }
+
+.note-icon-row-remove:before {
+ content: "\f12b"; }
+
+.note-icon-special-character:before {
+ content: "\f12c"; }
+
+.note-icon-square:before {
+ content: "\f12d"; }
+
+.note-icon-strikethrough:before {
+ content: "\f12e"; }
+
+.note-icon-subscript:before {
+ content: "\f12f"; }
+
+.note-icon-summernote:before {
+ content: "\f130"; }
+
+.note-icon-superscript:before {
+ content: "\f131"; }
+
+.note-icon-table:before {
+ content: "\f132"; }
+
+.note-icon-text-height:before {
+ content: "\f133"; }
+
+.note-icon-trash:before {
+ content: "\f134"; }
+
+.note-icon-underline:before {
+ content: "\f135"; }
+
+.note-icon-undo:before {
+ content: "\f136"; }
+
+.note-icon-unorderedlist:before {
+ content: "\f137"; }
+
+.note-icon-video:before {
+ content: "\f138"; }
+
+.note-editor {
+ position: relative; }
+
+.note-editor .note-dropzone {
+ position: absolute;
+ z-index: 100;
+ display: none;
+ color: #87cefa;
+ background-color: #fff;
+ opacity: .95; }
+
+.note-editor .note-dropzone .note-dropzone-message {
+ display: table-cell;
+ font-size: 28px;
+ font-weight: 700;
+ text-align: center;
+ vertical-align: middle; }
+
+.note-editor .note-dropzone.hover {
+ color: #098ddf; }
+
+.note-editor.dragover .note-dropzone {
+ display: table; }
+
+.note-editor .note-editing-area {
+ position: relative; }
+
+.note-editor .note-editing-area .note-editable {
+ outline: 0; }
+
+.note-editor .note-editing-area .note-editable sup {
+ vertical-align: super; }
+
+.note-editor .note-editing-area .note-editable sub {
+ vertical-align: sub; }
+
+.note-editor .note-editing-area img.note-float-left {
+ margin-right: 10px; }
+
+.note-editor .note-editing-area img.note-float-right {
+ margin-left: 10px; }
+
+.note-editor.note-frame {
+ border: 1px solid #a9a9a9; }
+
+.note-editor.note-frame.codeview .note-editing-area .note-editable {
+ display: none; }
+
+.note-editor.note-frame.codeview .note-editing-area .note-codable {
+ display: block; }
+
+.note-editor.note-frame .note-editing-area {
+ overflow: hidden; }
+
+.note-editor.note-frame .note-editing-area .note-editable {
+ padding: 10px;
+ overflow: auto;
+ color: #000;
+ word-wrap: break-word;
+ background-color: #fff; }
+
+.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
+ background-color: #e5e5e5; }
+
+.note-editor.note-frame .note-editing-area .note-codable {
+ display: none;
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 0;
+ font-family: Menlo,Monaco,monospace,sans-serif;
+ font-size: 14px;
+ color: #ccc;
+ background-color: #222;
+ border: 0;
+ border-radius: 0;
+ outline: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ resize: none; }
+
+.note-editor.note-frame.fullscreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100% !important; }
+
+.note-editor.note-frame.fullscreen .note-editable {
+ background-color: #fff; }
+
+.note-editor.note-frame.fullscreen .note-resizebar {
+ display: none; }
+
+.note-editor.note-frame .note-status-output {
+ display: block;
+ width: 100%;
+ height: 20px;
+ margin-bottom: 0;
+ font-size: 14px;
+ line-height: 1.42857143;
+ color: #000;
+ border: 0;
+ border-top: 1px solid #e2e2e2; }
+
+.note-editor.note-frame .note-status-output:empty {
+ height: 0;
+ border-top: 0 solid transparent; }
+
+.note-editor.note-frame .note-status-output .pull-right {
+ float: right !important; }
+
+.note-editor.note-frame .note-status-output .text-muted {
+ color: #777; }
+
+.note-editor.note-frame .note-status-output .text-primary {
+ color: #286090; }
+
+.note-editor.note-frame .note-status-output .text-success {
+ color: #3c763d; }
+
+.note-editor.note-frame .note-status-output .text-info {
+ color: #31708f; }
+
+.note-editor.note-frame .note-status-output .text-warning {
+ color: #8a6d3b; }
+
+.note-editor.note-frame .note-status-output .text-danger {
+ color: #a94442; }
+
+.note-editor.note-frame .note-status-output .alert {
+ padding: 7px 10px 2px 10px;
+ margin: -7px 0 0 0;
+ color: #000;
+ background-color: #f5f5f5;
+ border-radius: 0; }
+
+.note-editor.note-frame .note-status-output .alert .note-icon {
+ margin-right: 5px; }
+
+.note-editor.note-frame .note-status-output .alert-success {
+ color: #3c763d !important;
+ background-color: #dff0d8 !important; }
+
+.note-editor.note-frame .note-status-output .alert-info {
+ color: #31708f !important;
+ background-color: #d9edf7 !important; }
+
+.note-editor.note-frame .note-status-output .alert-warning {
+ color: #8a6d3b !important;
+ background-color: #fcf8e3 !important; }
+
+.note-editor.note-frame .note-status-output .alert-danger {
+ color: #a94442 !important;
+ background-color: #f2dede !important; }
+
+.note-editor.note-frame .note-statusbar {
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.note-editor.note-frame .note-statusbar .note-resizebar {
+ width: 100%;
+ height: 9px;
+ padding-top: 1px;
+ cursor: ns-resize; }
+
+.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
+ width: 20px;
+ margin: 1px auto;
+ border-top: 1px solid #a9a9a9; }
+
+.note-editor.note-frame .note-statusbar.locked .note-resizebar {
+ cursor: default; }
+
+.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
+ display: none; }
+
+.note-editor.note-frame .note-placeholder {
+ padding: 10px; }
+
+.note-popover.popover {
+ display: none;
+ max-width: none; }
+
+.note-popover.popover .popover-content a {
+ display: inline-block;
+ max-width: 200px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ vertical-align: middle; }
+
+.note-popover.popover .arrow {
+ left: 20px !important; }
+
+.note-toolbar {
+ position: relative;
+ z-index: 500; }
+
+.note-popover .popover-content, .card-header.note-toolbar {
+ padding: 0 0 5px 5px;
+ margin: 0;
+ background: #f5f5f5; }
+
+.note-popover .popover-content > .btn-group, .card-header.note-toolbar > .btn-group {
+ margin-top: 5px;
+ margin-right: 5px;
+ margin-left: 0; }
+
+.note-popover .popover-content .btn-group .note-table, .card-header.note-toolbar .btn-group .note-table {
+ min-width: 0;
+ padding: 5px; }
+
+.note-popover .popover-content .btn-group .note-table .note-dimension-picker, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker {
+ font-size: 18px; }
+
+.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
+ position: absolute !important;
+ z-index: 3;
+ width: 10em;
+ height: 10em;
+ cursor: pointer; }
+
+.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
+ position: relative !important;
+ z-index: 1;
+ width: 5em;
+ height: 5em;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }
+
+.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
+ position: absolute !important;
+ z-index: 2;
+ width: 1em;
+ height: 1em;
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }
+
+.note-popover .popover-content .note-style .dropdown-style blockquote, .card-header.note-toolbar .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .card-header.note-toolbar .note-style .dropdown-style pre {
+ padding: 5px 10px;
+ margin: 0; }
+
+.note-popover .popover-content .note-style .dropdown-style h1, .card-header.note-toolbar .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .card-header.note-toolbar .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .card-header.note-toolbar .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .card-header.note-toolbar .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .card-header.note-toolbar .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .card-header.note-toolbar .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .card-header.note-toolbar .note-style .dropdown-style p {
+ padding: 0;
+ margin: 0; }
+
+.note-popover .popover-content .note-color-all .dropdown-menu, .card-header.note-toolbar .note-color-all .dropdown-menu {
+ min-width: 337px; }
+
+.note-popover .popover-content .note-color .dropdown-toggle, .card-header.note-toolbar .note-color .dropdown-toggle {
+ width: 20px;
+ padding-left: 5px; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette, .card-header.note-toolbar .note-color .dropdown-menu .note-palette {
+ display: inline-block;
+ width: 160px;
+ margin: 0; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child, .card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child {
+ margin: 0 5px; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {
+ margin: 2px 7px;
+ font-size: 12px;
+ text-align: center;
+ border-bottom: 1px solid #eee; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select {
+ width: 100%;
+ padding: 0 3px;
+ margin: 3px;
+ font-size: 11px;
+ cursor: pointer;
+ border-radius: 5px; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {
+ height: 20px; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {
+ background: #eee; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select-btn, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select-btn {
+ display: none; }
+
+.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn, .card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn {
+ border: 1px solid #eee; }
+
+.note-popover .popover-content .note-para .dropdown-menu, .card-header.note-toolbar .note-para .dropdown-menu {
+ min-width: 216px;
+ padding: 5px; }
+
+.note-popover .popover-content .note-para .dropdown-menu > div:first-child, .card-header.note-toolbar .note-para .dropdown-menu > div:first-child {
+ margin-right: 5px; }
+
+.note-popover .popover-content .dropdown-menu, .card-header.note-toolbar .dropdown-menu {
+ min-width: 90px; }
+
+.note-popover .popover-content .dropdown-menu.right, .card-header.note-toolbar .dropdown-menu.right {
+ right: 0;
+ left: auto; }
+
+.note-popover .popover-content .dropdown-menu.right::before, .card-header.note-toolbar .dropdown-menu.right::before {
+ right: 9px;
+ left: auto !important; }
+
+.note-popover .popover-content .dropdown-menu.right::after, .card-header.note-toolbar .dropdown-menu.right::after {
+ right: 10px;
+ left: auto !important; }
+
+.note-popover .popover-content .dropdown-menu.note-check a i, .card-header.note-toolbar .dropdown-menu.note-check a i {
+ color: deepskyblue;
+ visibility: hidden; }
+
+.note-popover .popover-content .dropdown-menu.note-check a.checked i, .card-header.note-toolbar .dropdown-menu.note-check a.checked i {
+ visibility: visible; }
+
+.note-popover .popover-content .note-fontsize-10, .card-header.note-toolbar .note-fontsize-10 {
+ font-size: 10px; }
+
+.note-popover .popover-content .note-color-palette, .card-header.note-toolbar .note-color-palette {
+ line-height: 1; }
+
+.note-popover .popover-content .note-color-palette div .note-color-btn, .card-header.note-toolbar .note-color-palette div .note-color-btn {
+ width: 20px;
+ height: 20px;
+ padding: 0;
+ margin: 0;
+ border: 1px solid #fff; }
+
+.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .card-header.note-toolbar .note-color-palette div .note-color-btn:hover {
+ border: 1px solid #000; }
+
+.note-dialog > div {
+ display: none; }
+
+.note-dialog .form-group {
+ margin-right: 0;
+ margin-left: 0; }
+
+.note-dialog .note-modal-form {
+ margin: 0; }
+
+.note-dialog .note-image-dialog .note-dropzone {
+ min-height: 100px;
+ margin-bottom: 10px;
+ font-size: 30px;
+ line-height: 4;
+ color: lightgray;
+ text-align: center;
+ border: 4px dashed lightgray; }
+
+@-moz-document url-prefix() {
+ .note-image-input {
+ height: auto; } }
+
+.note-placeholder {
+ position: absolute;
+ display: none;
+ color: gray; }
+
+.note-handle .note-control-selection {
+ position: absolute;
+ display: none;
+ border: 1px solid black; }
+
+.note-handle .note-control-selection > div {
+ position: absolute; }
+
+.note-handle .note-control-selection .note-control-selection-bg {
+ width: 100%;
+ height: 100%;
+ background-color: black;
+ -webkit-opacity: .3;
+ -khtml-opacity: .3;
+ -moz-opacity: .3;
+ opacity: .3;
+ -ms-filter: alpha(opacity=30);
+ filter: alpha(opacity=30); }
+
+.note-handle .note-control-selection .note-control-handle {
+ width: 7px;
+ height: 7px;
+ border: 1px solid black; }
+
+.note-handle .note-control-selection .note-control-holder {
+ width: 7px;
+ height: 7px;
+ border: 1px solid black; }
+
+.note-handle .note-control-selection .note-control-sizing {
+ width: 7px;
+ height: 7px;
+ background-color: white;
+ border: 1px solid black; }
+
+.note-handle .note-control-selection .note-control-nw {
+ top: -5px;
+ left: -5px;
+ border-right: 0;
+ border-bottom: 0; }
+
+.note-handle .note-control-selection .note-control-ne {
+ top: -5px;
+ right: -5px;
+ border-bottom: 0;
+ border-left: none; }
+
+.note-handle .note-control-selection .note-control-sw {
+ bottom: -5px;
+ left: -5px;
+ border-top: 0;
+ border-right: 0; }
+
+.note-handle .note-control-selection .note-control-se {
+ right: -5px;
+ bottom: -5px;
+ cursor: se-resize; }
+
+.note-handle .note-control-selection .note-control-se.note-control-holder {
+ cursor: default;
+ border-top: 0;
+ border-left: none; }
+
+.note-handle .note-control-selection .note-control-selection-info {
+ right: 0;
+ bottom: 0;
+ padding: 5px;
+ margin: 5px;
+ font-size: 12px;
+ color: #fff;
+ background-color: #000;
+ border-radius: 5px;
+ -webkit-opacity: .7;
+ -khtml-opacity: .7;
+ -moz-opacity: .7;
+ opacity: .7;
+ -ms-filter: alpha(opacity=70);
+ filter: alpha(opacity=70); }
+
+.note-hint-popover {
+ min-width: 100px;
+ padding: 2px; }
+
+.note-hint-popover .popover-content {
+ max-height: 150px;
+ padding: 3px;
+ overflow: auto; }
+
+.note-hint-popover .popover-content .note-hint-group .note-hint-item {
+ display: block !important;
+ padding: 3px; }
+
+.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
+ display: block;
+ clear: both;
+ font-weight: 400;
+ line-height: 1.4;
+ color: #fff;
+ text-decoration: none;
+ white-space: nowrap;
+ cursor: pointer;
+ background-color: #428bca;
+ outline: 0; }
+
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+@font-face {
+ font-family: "summernote";
+ font-style: normal;
+ font-weight: normal;
+ src: url("../../../webfonts/summernote.eot");
+ src: url("../../../webfonts/summernote.eot") format("embedded-opentype"), url("../../../webfonts/summernote.woff") format("woff"), url("../../../webfonts/summernote.ttf") format("truetype"); }
+
+.note-editor.note-frame {
+ border-color: rgba(0, 0, 0, 0.08); }
+
+.note-para .note-btn-group .dropdown-menu.show {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex; }
+
+.card-header.note-toolbar > .btn-group {
+ margin-top: 0.5rem;
+ margin-right: 0.5rem; }
+
+.card-header.note-toolbar {
+ padding: 0 0 0.5rem 0.5rem; }
+
+.note-btn.btn-light {
+ color: #7b7b7b; }
+
+.note-popover .popover-content {
+ padding: 0.3rem;
+ border-radius: 5px; }
+
+.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
+ background-color: #2196F3; }
+
+.note-hint-popover .popover-content .note-hint-group .note-hint-item {
+ display: block !important;
+ padding: 5px;
+ border-radius: 4px;
+ padding-left: 0.7rem;
+ padding-right: 0.7rem;
+ margin: 3px 0; }
+
+.note-btn-group .dropdown-item {
+ padding: 0.5rem 0.5rem; }
+
+.note-popover .popover-content > .btn-group {
+ margin-top: 0; }
+
+.note-popover .note-btn-group:last-child {
+ margin-right: 0; }
+
+.note-editor.note-frame .note-editing-area {
+ border-radius: 4px; }
+
+/*# sourceMappingURL=summernote.css.map */
diff --git a/public/assets/css/formplugins/summernote/summernote.css.map b/public/assets/css/formplugins/summernote/summernote.css.map
new file mode 100644
index 0000000..d1d6cd8
--- /dev/null
+++ b/public/assets/css/formplugins/summernote/summernote.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/_modules/_fonts.scss","summernote.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"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","file":"summernote.css","sourcesContent":["@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","@font-face{font-family:\"summernote\";font-style:normal;font-weight:normal;src:url(\"webfonts/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c\");src:url(\"webfonts/summernote.eot?1d9aeaaff0a8939558a45be6cd52cd4c#iefix\") format(\"embedded-opentype\"),url(\"webfonts/summernote.woff?1d9aeaaff0a8939558a45be6cd52cd4c\") format(\"woff\"),url(\"webfonts/summernote.ttf?1d9aeaaff0a8939558a45be6cd52cd4c\") format(\"truetype\")}[class^=\"note-icon-\"]:before,[class*=\" note-icon-\"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-float-left:before,.note-icon-float-none:before,.note-icon-float-right:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-rollback:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before{display:inline-block;font-family:\"summernote\";font-style:normal;font-weight:normal;text-decoration:inherit}.note-icon-align-center:before{content:\"\\f101\"}.note-icon-align-indent:before{content:\"\\f102\"}.note-icon-align-justify:before{content:\"\\f103\"}.note-icon-align-left:before{content:\"\\f104\"}.note-icon-align-outdent:before{content:\"\\f105\"}.note-icon-align-right:before{content:\"\\f106\"}.note-icon-align:before{content:\"\\f107\"}.note-icon-arrow-circle-down:before{content:\"\\f108\"}.note-icon-arrow-circle-left:before{content:\"\\f109\"}.note-icon-arrow-circle-right:before{content:\"\\f10a\"}.note-icon-arrow-circle-up:before{content:\"\\f10b\"}.note-icon-arrows-alt:before{content:\"\\f10c\"}.note-icon-arrows-h:before{content:\"\\f10d\"}.note-icon-arrows-v:before{content:\"\\f10e\"}.note-icon-bold:before{content:\"\\f10f\"}.note-icon-caret:before{content:\"\\f110\"}.note-icon-chain-broken:before{content:\"\\f111\"}.note-icon-circle:before{content:\"\\f112\"}.note-icon-close:before{content:\"\\f113\"}.note-icon-code:before{content:\"\\f114\"}.note-icon-col-after:before{content:\"\\f115\"}.note-icon-col-before:before{content:\"\\f116\"}.note-icon-col-remove:before{content:\"\\f117\"}.note-icon-eraser:before{content:\"\\f118\"}.note-icon-float-left:before{content:\"\\f119\"}.note-icon-float-none:before{content:\"\\f11a\"}.note-icon-float-right:before{content:\"\\f11b\"}.note-icon-font:before{content:\"\\f11c\"}.note-icon-frame:before{content:\"\\f11d\"}.note-icon-italic:before{content:\"\\f11e\"}.note-icon-link:before{content:\"\\f11f\"}.note-icon-magic:before{content:\"\\f120\"}.note-icon-menu-check:before{content:\"\\f121\"}.note-icon-minus:before{content:\"\\f122\"}.note-icon-orderedlist:before{content:\"\\f123\"}.note-icon-pencil:before{content:\"\\f124\"}.note-icon-picture:before{content:\"\\f125\"}.note-icon-question:before{content:\"\\f126\"}.note-icon-redo:before{content:\"\\f127\"}.note-icon-rollback:before{content:\"\\f128\"}.note-icon-row-above:before{content:\"\\f129\"}.note-icon-row-below:before{content:\"\\f12a\"}.note-icon-row-remove:before{content:\"\\f12b\"}.note-icon-special-character:before{content:\"\\f12c\"}.note-icon-square:before{content:\"\\f12d\"}.note-icon-strikethrough:before{content:\"\\f12e\"}.note-icon-subscript:before{content:\"\\f12f\"}.note-icon-summernote:before{content:\"\\f130\"}.note-icon-superscript:before{content:\"\\f131\"}.note-icon-table:before{content:\"\\f132\"}.note-icon-text-height:before{content:\"\\f133\"}.note-icon-trash:before{content:\"\\f134\"}.note-icon-underline:before{content:\"\\f135\"}.note-icon-undo:before{content:\"\\f136\"}.note-icon-unorderedlist:before{content:\"\\f137\"}.note-icon-video:before{content:\"\\f138\"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:#fff;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area img.note-float-left{margin-right:10px}.note-editor .note-editing-area img.note-float-right{margin-left:10px}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;word-wrap:break-word;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable=\"false\"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;outline:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:#fff}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-status-output{display:block;width:100%;height:20px;margin-bottom:0;font-size:14px;line-height:1.42857143;color:#000;border:0;border-top:1px solid #e2e2e2}.note-editor.note-frame .note-status-output:empty{height:0;border-top:0 solid transparent}.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-frame .note-status-output .alert{padding:7px 10px 2px 10px;margin:-7px 0 0 0;color:#000;background-color:#f5f5f5;border-radius:0}.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-frame .note-status-output .alert-success{color:#3c763d!important;background-color:#dff0d8!important}.note-editor.note-frame .note-status-output .alert-info{color:#31708f!important;background-color:#d9edf7!important}.note-editor.note-frame .note-status-output .alert-warning{color:#8a6d3b!important;background-color:#fcf8e3!important}.note-editor.note-frame .note-status-output .alert-danger{color:#a94442!important;background-color:#f2dede!important}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:9px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative;z-index:500}.note-popover .popover-content,.card-header.note-toolbar{padding:0 0 5px 5px;margin:0;background:#f5f5f5}.note-popover .popover-content>.btn-group,.card-header.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.card-header.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .note-style .dropdown-style blockquote,.card-header.note-toolbar .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.card-header.note-toolbar .note-style .dropdown-style pre{padding:5px 10px;margin:0}.note-popover .popover-content .note-style .dropdown-style h1,.card-header.note-toolbar .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.card-header.note-toolbar .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.card-header.note-toolbar .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.card-header.note-toolbar .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.card-header.note-toolbar .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.card-header.note-toolbar .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.card-header.note-toolbar .note-style .dropdown-style p{padding:0;margin:0}.note-popover .popover-content .note-color-all .dropdown-menu,.card-header.note-toolbar .note-color-all .dropdown-menu{min-width:337px}.note-popover .popover-content .note-color .dropdown-toggle,.card-header.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette,.card-header.note-toolbar .note-color .dropdown-menu .note-palette{display:inline-block;width:160px;margin:0}.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,.card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select-btn,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select-btn{display:none}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-popover .popover-content .note-para .dropdown-menu,.card-header.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.card-header.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.card-header.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.card-header.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.card-header.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.card-header.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check a i,.card-header.note-toolbar .dropdown-menu.note-check a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check a.checked i,.card-header.note-toolbar .dropdown-menu.note-check a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.card-header.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.card-header.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.card-header.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.card-header.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:#fff;background-color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:#fff;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0}\n@import './src/scss/_imports/_global-import';\r\n\r\n@font-face {\r\n font-family: \"summernote\";\r\n font-style: normal;\r\n font-weight: normal;\r\n src: \turl(\"../../../webfonts/summernote.eot\");\r\n src: \turl(\"../../../webfonts/summernote.eot\") format(\"embedded-opentype\"), \r\n\t\turl(\"../../../webfonts/summernote.woff\") format(\"woff\"),\r\n\t\turl(\"../../../webfonts/summernote.ttf\") format(\"truetype\"); \r\n}\r\n\r\n.note-editor.note-frame {\r\n\tborder-color: $card-border-color;\r\n}\r\n\r\n\r\n.note-para .note-btn-group .dropdown-menu.show {\r\n\tdisplay: flex;\r\n}\r\n\r\n.card-header.note-toolbar > .btn-group {\r\n\tmargin-top: 0.5rem;\r\n margin-right: 0.5rem;\r\n}\r\n\r\n.card-header.note-toolbar {\r\n\tpadding: 0 0 0.5rem 0.5rem;\r\n}\r\n\r\n.note-btn.btn-light {\r\n\tcolor: #7b7b7b;\r\n}\r\n\r\n.note-popover .popover-content {\r\n\tpadding: 0.3rem;\r\n\tborder-radius: 5px;\r\n}\r\n\r\n.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, \r\n.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {\r\n\tbackground-color: $info-500;\r\n}\r\n\r\n.note-hint-popover .popover-content .note-hint-group .note-hint-item {\r\n\tdisplay: block !important;\r\n\tpadding: 5px;\r\n\tborder-radius: 4px;\r\n\tpadding-left: 0.7rem;\r\n\tpadding-right: 0.7rem;\r\n\tmargin: 3px 0;\r\n}\r\n\r\n.note-btn-group .dropdown-item {\r\n\tpadding: 0.5rem 0.5rem;\r\n}\r\n\r\n.note-popover .popover-content > .btn-group {\r\n\tmargin-top: 0;\r\n}\r\n\r\n.note-popover {\r\n\t.note-btn-group:last-child {\r\n\t\tmargin-right:0;\r\n\t}\r\n}\r\n\r\n.note-editor.note-frame .note-editing-area {\r\n\tborder-radius: 4px;\r\n}","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/public/assets/css/miscellaneous/fullcalendar/fullcalendar.bundle.css b/public/assets/css/miscellaneous/fullcalendar/fullcalendar.bundle.css
new file mode 100644
index 0000000..740b6c5
--- /dev/null
+++ b/public/assets/css/miscellaneous/fullcalendar/fullcalendar.bundle.css
@@ -0,0 +1,1854 @@
+/*!
+FullCalendar Core Package v4.2.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+.fc {
+ direction: ltr;
+ text-align: left; }
+
+.fc-rtl {
+ text-align: right; }
+
+body .fc {
+ /* extra precedence to overcome jqui */
+ font-size: 1em; }
+
+/* Colors
+--------------------------------------------------------------------------------------------------*/
+.fc-highlight {
+ /* when user is selecting cells */
+ background: #bce8f1;
+ opacity: .3; }
+
+.fc-bgevent {
+ /* default look for background events */
+ background: #8fdf82;
+ opacity: .3; }
+
+.fc-nonbusiness {
+ /* default look for non-business-hours areas */
+ /* will inherit .fc-bgevent's styles */
+ background: #d7d7d7; }
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+.fc-popover {
+ position: absolute;
+ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
+
+.fc-popover .fc-header {
+ /* TODO: be more consistent with fc-head/fc-body */
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 2px 4px; }
+
+.fc-rtl .fc-popover .fc-header {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+
+.fc-popover .fc-header .fc-title {
+ margin: 0 2px; }
+
+.fc-popover .fc-header .fc-close {
+ cursor: pointer;
+ opacity: 0.65;
+ font-size: 1.1em; }
+
+/* Misc Reusable Components
+--------------------------------------------------------------------------------------------------*/
+.fc-divider {
+ border-style: solid;
+ border-width: 1px; }
+
+hr.fc-divider {
+ height: 0;
+ margin: 0;
+ padding: 0 0 2px;
+ /* height is unreliable across browsers, so use padding */
+ border-width: 1px 0; }
+
+.fc-bg,
+.fc-bgevent-skeleton,
+.fc-highlight-skeleton,
+.fc-mirror-skeleton {
+ /* these element should always cling to top-left/right corners */
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0; }
+
+.fc-bg {
+ bottom: 0;
+ /* strech bg to bottom edge */ }
+
+.fc-bg table {
+ height: 100%;
+ /* strech bg to bottom edge */ }
+
+/* Tables
+--------------------------------------------------------------------------------------------------*/
+.fc table {
+ width: 100%;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ /* fix scrollbar issue in firefox */
+ table-layout: fixed;
+ border-collapse: collapse;
+ border-spacing: 0;
+ font-size: 1em;
+ /* normalize cross-browser */ }
+
+.fc th {
+ text-align: center; }
+
+.fc th,
+.fc td {
+ border-style: solid;
+ border-width: 1px;
+ padding: 0;
+ vertical-align: top; }
+
+.fc td.fc-today {
+ border-style: double;
+ /* overcome neighboring borders */ }
+
+/* Internal Nav Links
+--------------------------------------------------------------------------------------------------*/
+a[data-goto] {
+ cursor: pointer; }
+
+a[data-goto]:hover {
+ text-decoration: underline; }
+
+/* Fake Table Rows
+--------------------------------------------------------------------------------------------------*/
+.fc .fc-row {
+ /* extra precedence to overcome themes forcing a 1px border */
+ /* no visible border by default. but make available if need be (scrollbar width compensation) */
+ border-style: solid;
+ border-width: 0; }
+
+.fc-row table {
+ /* don't put left/right border on anything within a fake row.
+ the outer tbody will worry about this */
+ border-left: 0 hidden transparent;
+ border-right: 0 hidden transparent;
+ /* no bottom borders on rows */
+ border-bottom: 0 hidden transparent; }
+
+.fc-row:first-child table {
+ border-top: 0 hidden transparent;
+ /* no top border on first row */ }
+
+/* Day Row (used within the header and the DayGrid)
+--------------------------------------------------------------------------------------------------*/
+.fc-row {
+ position: relative; }
+
+.fc-row .fc-bg {
+ z-index: 1; }
+
+/* highlighting cells & background event skeleton */
+.fc-row .fc-bgevent-skeleton,
+.fc-row .fc-highlight-skeleton {
+ bottom: 0;
+ /* stretch skeleton to bottom of row */ }
+
+.fc-row .fc-bgevent-skeleton table,
+.fc-row .fc-highlight-skeleton table {
+ height: 100%;
+ /* stretch skeleton to bottom of row */ }
+
+.fc-row .fc-highlight-skeleton td,
+.fc-row .fc-bgevent-skeleton td {
+ border-color: transparent; }
+
+.fc-row .fc-bgevent-skeleton {
+ z-index: 2; }
+
+.fc-row .fc-highlight-skeleton {
+ z-index: 3; }
+
+/*
+row content (which contains day/week numbers and events) as well as "mirror" (which contains
+temporary rendered events).
+*/
+.fc-row .fc-content-skeleton {
+ position: relative;
+ z-index: 4;
+ padding-bottom: 2px;
+ /* matches the space above the events */ }
+
+.fc-row .fc-mirror-skeleton {
+ z-index: 5; }
+
+.fc .fc-row .fc-content-skeleton table,
+.fc .fc-row .fc-content-skeleton td,
+.fc .fc-row .fc-mirror-skeleton td {
+ /* see-through to the background below */
+ /* extra precedence to prevent theme-provided backgrounds */
+ background: none;
+ /* in case s are globally styled */
+ border-color: transparent; }
+
+.fc-row .fc-content-skeleton td,
+.fc-row .fc-mirror-skeleton td {
+ /* don't put a border between events and/or the day number */
+ border-bottom: 0; }
+
+.fc-row .fc-content-skeleton tbody td,
+.fc-row .fc-mirror-skeleton tbody td {
+ /* don't put a border between event cells */
+ border-top: 0; }
+
+/* Scrolling Container
+--------------------------------------------------------------------------------------------------*/
+.fc-scroller {
+ -webkit-overflow-scrolling: touch; }
+
+/* TODO: move to timegrid/daygrid */
+.fc-scroller > .fc-day-grid,
+.fc-scroller > .fc-time-grid {
+ position: relative;
+ /* re-scope all positions */
+ width: 100%;
+ /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }
+
+/* Global Event Styles
+--------------------------------------------------------------------------------------------------*/
+.fc-event {
+ position: relative;
+ /* for resize handle and other inner positioning */
+ display: block;
+ /* make the tag block */
+ font-size: .85em;
+ line-height: 1.4;
+ border-radius: 3px;
+ border: 1px solid #3788d8; }
+
+.fc-event,
+.fc-event-dot {
+ background-color: #3788d8;
+ /* default BACKGROUND color */ }
+
+.fc-event,
+.fc-event:hover {
+ color: #fff;
+ /* default TEXT color */
+ text-decoration: none;
+ /* if has an href */ }
+
+.fc-event[href],
+.fc-event.fc-draggable {
+ cursor: pointer;
+ /* give events with links and draggable events a hand mouse pointer */ }
+
+.fc-not-allowed,
+.fc-not-allowed .fc-event {
+ /* to override an event's custom cursor */
+ cursor: not-allowed; }
+
+.fc-event .fc-content {
+ position: relative;
+ z-index: 2; }
+
+/* resizer (cursor AND touch devices) */
+.fc-event .fc-resizer {
+ position: absolute;
+ z-index: 4; }
+
+/* resizer (touch devices) */
+.fc-event .fc-resizer {
+ display: none; }
+
+.fc-event.fc-allow-mouse-resize .fc-resizer,
+.fc-event.fc-selected .fc-resizer {
+ /* only show when hovering or selected (with touch) */
+ display: block; }
+
+/* hit area */
+.fc-event.fc-selected .fc-resizer:before {
+ /* 40x40 touch area */
+ content: "";
+ position: absolute;
+ z-index: 9999;
+ /* user of this util can scope within a lower z-index */
+ top: 50%;
+ left: 50%;
+ width: 40px;
+ height: 40px;
+ margin-left: -20px;
+ margin-top: -20px; }
+
+/* Event Selection (only for touch devices)
+--------------------------------------------------------------------------------------------------*/
+.fc-event.fc-selected {
+ z-index: 9999 !important;
+ /* overcomes inline z-index */
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
+
+.fc-event.fc-selected:after {
+ content: "";
+ position: absolute;
+ z-index: 1;
+ /* same z-index as fc-bg, behind text */
+ /* overcome the borders */
+ top: -1px;
+ right: -1px;
+ bottom: -1px;
+ left: -1px;
+ /* darkening effect */
+ background: #000;
+ opacity: .25; }
+
+/* Event Dragging
+--------------------------------------------------------------------------------------------------*/
+.fc-event.fc-dragging.fc-selected {
+ -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }
+
+.fc-event.fc-dragging:not(.fc-selected) {
+ opacity: .75; }
+
+/* Horizontal Events
+--------------------------------------------------------------------------------------------------*/
+/* bigger touch area when selected */
+.fc-h-event.fc-selected:before {
+ content: "";
+ position: absolute;
+ z-index: 3;
+ /* below resizers */
+ top: -10px;
+ bottom: -10px;
+ left: 0;
+ right: 0; }
+
+/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
+.fc-ltr .fc-h-event.fc-not-start,
+.fc-rtl .fc-h-event.fc-not-end {
+ margin-left: 0;
+ border-left-width: 0;
+ padding-left: 1px;
+ /* replace the border with padding */
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.fc-ltr .fc-h-event.fc-not-end,
+.fc-rtl .fc-h-event.fc-not-start {
+ margin-right: 0;
+ border-right-width: 0;
+ padding-right: 1px;
+ /* replace the border with padding */
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+/* resizer (cursor AND touch devices) */
+/* left resizer */
+.fc-ltr .fc-h-event .fc-start-resizer,
+.fc-rtl .fc-h-event .fc-end-resizer {
+ cursor: w-resize;
+ left: -1px;
+ /* overcome border */ }
+
+/* right resizer */
+.fc-ltr .fc-h-event .fc-end-resizer,
+.fc-rtl .fc-h-event .fc-start-resizer {
+ cursor: e-resize;
+ right: -1px;
+ /* overcome border */ }
+
+/* resizer (mouse devices) */
+.fc-h-event.fc-allow-mouse-resize .fc-resizer {
+ width: 7px;
+ top: -1px;
+ /* overcome top border */
+ bottom: -1px;
+ /* overcome bottom border */ }
+
+/* resizer (touch devices) */
+.fc-h-event.fc-selected .fc-resizer {
+ /* 8x8 little dot */
+ border-radius: 4px;
+ border-width: 1px;
+ width: 6px;
+ height: 6px;
+ border-style: solid;
+ border-color: inherit;
+ background: #fff;
+ /* vertically center */
+ top: 50%;
+ margin-top: -4px; }
+
+/* left resizer */
+.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
+.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
+ margin-left: -4px;
+ /* centers the 8x8 dot on the left edge */ }
+
+/* right resizer */
+.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
+.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
+ margin-right: -4px;
+ /* centers the 8x8 dot on the right edge */ }
+
+/* DayGrid events
+----------------------------------------------------------------------------------------------------
+We use the full "fc-day-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+.fc-day-grid-event {
+ margin: 1px 2px 0;
+ /* spacing between events and edges */
+ padding: 0 1px; }
+
+tr:first-child > td > .fc-day-grid-event {
+ margin-top: 2px;
+ /* a little bit more space before the first event */ }
+
+.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
+ margin-top: 0;
+ /* except for mirror skeleton */ }
+
+.fc-day-grid-event .fc-content {
+ /* force events to be one-line tall */
+ white-space: nowrap;
+ overflow: hidden; }
+
+.fc-day-grid-event .fc-time {
+ font-weight: bold; }
+
+/* resizer (cursor devices) */
+/* left resizer */
+.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
+.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
+ margin-left: -2px;
+ /* to the day cell's edge */ }
+
+/* right resizer */
+.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
+.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
+ margin-right: -2px;
+ /* to the day cell's edge */ }
+
+/* Event Limiting
+--------------------------------------------------------------------------------------------------*/
+/* "more" link that represents hidden events */
+a.fc-more {
+ margin: 1px 3px;
+ font-size: .85em;
+ cursor: pointer;
+ text-decoration: none; }
+
+a.fc-more:hover {
+ text-decoration: underline; }
+
+.fc-limited {
+ /* rows and cells that are hidden because of a "more" link */
+ display: none; }
+
+/* popover that appears when "more" link is clicked */
+.fc-day-grid .fc-row {
+ z-index: 1;
+ /* make the "more" popover one higher than this */ }
+
+.fc-more-popover {
+ z-index: 2;
+ width: 220px; }
+
+.fc-more-popover .fc-event-container {
+ padding: 10px; }
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+.fc-now-indicator {
+ position: absolute;
+ border: 0 solid red; }
+
+/* Utilities
+--------------------------------------------------------------------------------------------------*/
+.fc-unselectable {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-touch-callout: none;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+/*
+TODO: more distinction between this file and common.css
+*/
+/* Colors
+--------------------------------------------------------------------------------------------------*/
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-content,
+.fc-unthemed .fc-popover,
+.fc-unthemed .fc-list-view,
+.fc-unthemed .fc-list-heading td {
+ border-color: #ddd; }
+
+.fc-unthemed .fc-popover {
+ background-color: #fff; }
+
+.fc-unthemed .fc-divider,
+.fc-unthemed .fc-popover .fc-header,
+.fc-unthemed .fc-list-heading td {
+ background: #eee; }
+
+.fc-unthemed td.fc-today {
+ background: #fcf8e3; }
+
+.fc-unthemed .fc-disabled-day {
+ background: #d7d7d7;
+ opacity: .3; }
+
+/* Icons
+--------------------------------------------------------------------------------------------------
+from https://feathericons.com/ and built with IcoMoon
+*/
+@font-face {
+ font-family: 'fcicons';
+ src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
+ font-weight: normal;
+ font-style: normal; }
+
+.fc-icon {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'fcicons' !important;
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.fc-icon-chevron-left:before {
+ content: "\e900"; }
+
+.fc-icon-chevron-right:before {
+ content: "\e901"; }
+
+.fc-icon-chevrons-left:before {
+ content: "\e902"; }
+
+.fc-icon-chevrons-right:before {
+ content: "\e903"; }
+
+.fc-icon-minus-square:before {
+ content: "\e904"; }
+
+.fc-icon-plus-square:before {
+ content: "\e905"; }
+
+.fc-icon-x:before {
+ content: "\e906"; }
+
+.fc-icon {
+ display: inline-block;
+ width: 1em;
+ height: 1em;
+ text-align: center; }
+
+/* Buttons
+--------------------------------------------------------------------------------------------------
+Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
+*/
+/* reset */
+.fc-button {
+ border-radius: 0;
+ overflow: visible;
+ text-transform: none;
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+.fc-button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color; }
+
+.fc-button {
+ -webkit-appearance: button; }
+
+.fc-button:not(:disabled) {
+ cursor: pointer; }
+
+.fc-button::-moz-focus-inner {
+ padding: 0;
+ border-style: none; }
+
+/* theme */
+.fc-button {
+ display: inline-block;
+ font-weight: 400;
+ color: #212529;
+ text-align: center;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.4em 0.65em;
+ font-size: 1em;
+ line-height: 1.5;
+ border-radius: 0.25em; }
+
+.fc-button:hover {
+ color: #212529;
+ text-decoration: none; }
+
+.fc-button:focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }
+
+.fc-button:disabled {
+ opacity: 0.65; }
+
+/* "primary" coloring */
+.fc-button-primary {
+ color: #fff;
+ background-color: #2C3E50;
+ border-color: #2C3E50; }
+
+.fc-button-primary:hover {
+ color: #fff;
+ background-color: #1e2b37;
+ border-color: #1a252f; }
+
+.fc-button-primary:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }
+
+.fc-button-primary:disabled {
+ color: #fff;
+ background-color: #2C3E50;
+ border-color: #2C3E50; }
+
+.fc-button-primary:not(:disabled):active,
+.fc-button-primary:not(:disabled).fc-button-active {
+ color: #fff;
+ background-color: #1a252f;
+ border-color: #151e27; }
+
+.fc-button-primary:not(:disabled):active:focus,
+.fc-button-primary:not(:disabled).fc-button-active:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }
+
+/* icons within buttons */
+.fc-button .fc-icon {
+ vertical-align: middle;
+ font-size: 1.5em; }
+
+/* Buttons Groups
+--------------------------------------------------------------------------------------------------*/
+.fc-button-group {
+ position: relative;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ vertical-align: middle; }
+
+.fc-button-group > .fc-button {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+
+.fc-button-group > .fc-button:hover {
+ z-index: 1; }
+
+.fc-button-group > .fc-button:focus,
+.fc-button-group > .fc-button:active,
+.fc-button-group > .fc-button.fc-button-active {
+ z-index: 1; }
+
+.fc-button-group > .fc-button:not(:first-child) {
+ margin-left: -1px; }
+
+.fc-button-group > .fc-button:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.fc-button-group > .fc-button:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+.fc-unthemed .fc-popover {
+ border-width: 1px;
+ border-style: solid; }
+
+/* List View
+--------------------------------------------------------------------------------------------------*/
+.fc-unthemed .fc-list-item:hover td {
+ background-color: #f5f5f5; }
+
+/* Toolbar
+--------------------------------------------------------------------------------------------------*/
+.fc-toolbar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.fc-toolbar.fc-header-toolbar {
+ margin-bottom: 1.5em; }
+
+.fc-toolbar.fc-footer-toolbar {
+ margin-top: 1.5em; }
+
+/* inner content */
+.fc-toolbar > * > :not(:first-child) {
+ margin-left: .75em; }
+
+.fc-toolbar h2 {
+ font-size: 1.75em;
+ margin: 0; }
+
+/* View Structure
+--------------------------------------------------------------------------------------------------*/
+.fc-view-container {
+ position: relative; }
+
+/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
+/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
+.fc-view-container *,
+.fc-view-container *:before,
+.fc-view-container *:after {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box; }
+
+.fc-view,
+.fc-view > table {
+ /* so dragged elements can be above the view's main element */
+ position: relative;
+ z-index: 1; }
+
+@media print {
+ .fc {
+ max-width: 100% !important; }
+ /* Global Event Restyling
+ --------------------------------------------------------------------------------------------------*/
+ .fc-event {
+ background: #fff !important;
+ color: #000 !important;
+ page-break-inside: avoid; }
+ .fc-event .fc-resizer {
+ display: none; }
+ /* Table & Day-Row Restyling
+ --------------------------------------------------------------------------------------------------*/
+ .fc th,
+ .fc td,
+ .fc hr,
+ .fc thead,
+ .fc tbody,
+ .fc-row {
+ border-color: #ccc !important;
+ background: #fff !important; }
+ /* kill the overlaid, absolutely-positioned components */
+ /* common... */
+ .fc-bg,
+ .fc-bgevent-skeleton,
+ .fc-highlight-skeleton,
+ .fc-mirror-skeleton,
+ .fc-bgevent-container,
+ .fc-business-container,
+ .fc-highlight-container,
+ .fc-mirror-container {
+ display: none; }
+ /* don't force a min-height on rows (for DayGrid) */
+ .fc tbody .fc-row {
+ height: auto !important;
+ /* undo height that JS set in distributeHeight */
+ min-height: 0 !important;
+ /* undo the min-height from each view's specific stylesheet */ }
+ .fc tbody .fc-row .fc-content-skeleton {
+ position: static;
+ /* undo .fc-rigid */
+ padding-bottom: 0 !important;
+ /* use a more border-friendly method for this... */ }
+ .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
+ /* only works in newer browsers */
+ padding-bottom: 1em;
+ /* ...gives space within the skeleton. also ensures min height in a way */ }
+ .fc tbody .fc-row .fc-content-skeleton table {
+ /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
+ making it look more like 3em. for other browers, it will already be this tall */
+ height: 1em; }
+ /* Undo month-view event limiting. Display all events and hide the "more" links
+ --------------------------------------------------------------------------------------------------*/
+ .fc-more-cell,
+ .fc-more {
+ display: none !important; }
+ .fc tr.fc-limited {
+ display: table-row !important; }
+ .fc td.fc-limited {
+ display: table-cell !important; }
+ .fc-popover {
+ display: none;
+ /* never display the "more.." popover in print mode */ }
+ /* TimeGrid Restyling
+ --------------------------------------------------------------------------------------------------*/
+ /* undo the min-height 100% trick used to fill the container's height */
+ .fc-time-grid {
+ min-height: 0 !important; }
+ /* don't display the side axis at all ("all-day" and time cells) */
+ .fc-timeGrid-view .fc-axis {
+ display: none; }
+ /* don't display the horizontal lines */
+ .fc-slats,
+ .fc-time-grid hr {
+ /* this hr is used when height is underused and needs to be filled */
+ display: none !important;
+ /* important overrides inline declaration */ }
+ /* let the container that holds the events be naturally positioned and create real height */
+ .fc-time-grid .fc-content-skeleton {
+ position: static; }
+ /* in case there are no events, we still want some height */
+ .fc-time-grid .fc-content-skeleton table {
+ height: 4em; }
+ /* kill the horizontal spacing made by the event container. event margins will be done below */
+ .fc-time-grid .fc-event-container {
+ margin: 0 !important; }
+ /* TimeGrid *Event* Restyling
+ --------------------------------------------------------------------------------------------------*/
+ /* naturally position events, vertically stacking them */
+ .fc-time-grid .fc-event {
+ position: static !important;
+ margin: 3px 2px !important; }
+ /* for events that continue to a future day, give the bottom border back */
+ .fc-time-grid .fc-event.fc-not-end {
+ border-bottom-width: 1px !important; }
+ /* indicate the event continues via "..." text */
+ .fc-time-grid .fc-event.fc-not-end:after {
+ content: "..."; }
+ /* for events that are continuations from previous days, give the top border back */
+ .fc-time-grid .fc-event.fc-not-start {
+ border-top-width: 1px !important; }
+ /* indicate the event is a continuation via "..." text */
+ .fc-time-grid .fc-event.fc-not-start:before {
+ content: "..."; }
+ /* time */
+ /* undo a previous declaration and let the time text span to a second line */
+ .fc-time-grid .fc-event .fc-time {
+ white-space: normal !important; }
+ /* hide the the time that is normally displayed... */
+ .fc-time-grid .fc-event .fc-time span {
+ display: none; }
+ /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
+ .fc-time-grid .fc-event .fc-time:after {
+ content: attr(data-full); }
+ /* Vertical Scroller & Containers
+ --------------------------------------------------------------------------------------------------*/
+ /* kill the scrollbars and allow natural height */
+ .fc-scroller,
+ .fc-day-grid-container,
+ .fc-time-grid-container {
+ /* */
+ overflow: visible !important;
+ height: auto !important; }
+ /* kill the horizontal border/padding used to compensate for scrollbars */
+ .fc-row {
+ border: 0 !important;
+ margin: 0 !important; }
+ /* Button Controls
+ --------------------------------------------------------------------------------------------------*/
+ .fc-button-group,
+ .fc button {
+ display: none;
+ /* don't display any button-related controls */ } }
+
+/*!
+FullCalendar Day Grid Plugin v4.2.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+/* DayGridView
+--------------------------------------------------------------------------------------------------*/
+/* day row structure */
+.fc-dayGridWeek-view .fc-content-skeleton,
+.fc-dayGridDay-view .fc-content-skeleton {
+ /* there may be week numbers in these views, so no padding-top */
+ padding-bottom: 1em;
+ /* ensure a space at bottom of cell for user selecting/clicking */ }
+
+.fc-dayGrid-view .fc-body .fc-row {
+ min-height: 4em;
+ /* ensure that all rows are at least this tall */ }
+
+/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
+.fc-row.fc-rigid {
+ overflow: hidden; }
+
+.fc-row.fc-rigid .fc-content-skeleton {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0; }
+
+/* week and day number styling */
+.fc-day-top.fc-other-month {
+ opacity: 0.3; }
+
+.fc-dayGrid-view .fc-week-number,
+.fc-dayGrid-view .fc-day-number {
+ padding: 2px; }
+
+.fc-dayGrid-view th.fc-week-number,
+.fc-dayGrid-view th.fc-day-number {
+ padding: 0 2px;
+ /* column headers can't have as much v space */ }
+
+.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
+ float: right; }
+
+.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
+ float: left; }
+
+.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
+ float: left;
+ border-radius: 0 0 3px 0; }
+
+.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
+ float: right;
+ border-radius: 0 0 0 3px; }
+
+.fc-dayGrid-view .fc-day-top .fc-week-number {
+ min-width: 1.5em;
+ text-align: center;
+ background-color: #f2f2f2;
+ color: #808080; }
+
+/* when week/day number have own column */
+.fc-dayGrid-view td.fc-week-number {
+ text-align: center; }
+
+.fc-dayGrid-view td.fc-week-number > * {
+ /* work around the way we do column resizing and ensure a minimum width */
+ display: inline-block;
+ min-width: 1.25em; }
+
+/*!
+FullCalendar List View Plugin v4.2.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+/* List View
+--------------------------------------------------------------------------------------------------*/
+/* possibly reusable */
+.fc-event-dot {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ border-radius: 5px; }
+
+/* view wrapper */
+.fc-rtl .fc-list-view {
+ direction: rtl;
+ /* unlike core views, leverage browser RTL */ }
+
+.fc-list-view {
+ border-width: 1px;
+ border-style: solid; }
+
+/* table resets */
+.fc .fc-list-table {
+ table-layout: auto;
+ /* for shrinkwrapping cell content */ }
+
+.fc-list-table td {
+ border-width: 1px 0 0;
+ padding: 8px 14px; }
+
+.fc-list-table tr:first-child td {
+ border-top-width: 0; }
+
+/* day headings with the list */
+.fc-list-heading {
+ border-bottom-width: 1px; }
+
+.fc-list-heading td {
+ font-weight: bold; }
+
+.fc-ltr .fc-list-heading-main {
+ float: left; }
+
+.fc-ltr .fc-list-heading-alt {
+ float: right; }
+
+.fc-rtl .fc-list-heading-main {
+ float: right; }
+
+.fc-rtl .fc-list-heading-alt {
+ float: left; }
+
+/* event list items */
+.fc-list-item.fc-has-url {
+ cursor: pointer;
+ /* whole row will be clickable */ }
+
+.fc-list-item-marker,
+.fc-list-item-time {
+ white-space: nowrap;
+ width: 1px; }
+
+/* make the dot closer to the event title */
+.fc-ltr .fc-list-item-marker {
+ padding-right: 0; }
+
+.fc-rtl .fc-list-item-marker {
+ padding-left: 0; }
+
+.fc-list-item-title a {
+ /* every event title cell has an tag */
+ text-decoration: none;
+ color: inherit; }
+
+.fc-list-item-title a[href]:hover {
+ /* hover effect only on titles with hrefs */
+ text-decoration: underline; }
+
+/* message when no events */
+.fc-list-empty-wrap2 {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0; }
+
+.fc-list-empty-wrap1 {
+ width: 100%;
+ height: 100%;
+ display: table; }
+
+.fc-list-empty {
+ display: table-cell;
+ vertical-align: middle;
+ text-align: center; }
+
+.fc-unthemed .fc-list-empty {
+ /* theme will provide own background */
+ background-color: #eee; }
+
+/*!
+FullCalendar Time Grid Plugin v4.2.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+/* TimeGridView all-day area
+--------------------------------------------------------------------------------------------------*/
+.fc-timeGrid-view .fc-day-grid {
+ position: relative;
+ z-index: 2;
+ /* so the "more.." popover will be over the time grid */ }
+
+.fc-timeGrid-view .fc-day-grid .fc-row {
+ min-height: 3em;
+ /* all-day section will never get shorter than this */ }
+
+.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
+ padding-bottom: 1em;
+ /* give space underneath events for clicking/selecting days */ }
+
+/* TimeGrid axis running down the side (for both the all-day area and the slot area)
+--------------------------------------------------------------------------------------------------*/
+.fc .fc-axis {
+ /* .fc to overcome default cell styles */
+ vertical-align: middle;
+ padding: 0 4px;
+ white-space: nowrap; }
+
+.fc-ltr .fc-axis {
+ text-align: right; }
+
+.fc-rtl .fc-axis {
+ text-align: left; }
+
+/* TimeGrid Structure
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid-container,
+.fc-time-grid {
+ /* so slats/bg/content/etc positions get scoped within here */
+ position: relative;
+ z-index: 1; }
+
+.fc-time-grid {
+ min-height: 100%;
+ /* so if height setting is 'auto', .fc-bg stretches to fill height */ }
+
+.fc-time-grid table {
+ /* don't put outer borders on slats/bg/content/etc */
+ border: 0 hidden transparent; }
+
+.fc-time-grid > .fc-bg {
+ z-index: 1; }
+
+.fc-time-grid .fc-slats,
+.fc-time-grid > hr {
+ /* the TimeGridView injects when grid is shorter than scroller */
+ position: relative;
+ z-index: 2; }
+
+.fc-time-grid .fc-content-col {
+ position: relative;
+ /* because now-indicator lives directly inside */ }
+
+.fc-time-grid .fc-content-skeleton {
+ position: absolute;
+ z-index: 3;
+ top: 0;
+ left: 0;
+ right: 0; }
+
+/* divs within a cell within the fc-content-skeleton */
+.fc-time-grid .fc-business-container {
+ position: relative;
+ z-index: 1; }
+
+.fc-time-grid .fc-bgevent-container {
+ position: relative;
+ z-index: 2; }
+
+.fc-time-grid .fc-highlight-container {
+ position: relative;
+ z-index: 3; }
+
+.fc-time-grid .fc-event-container {
+ position: relative;
+ z-index: 4; }
+
+.fc-time-grid .fc-now-indicator-line {
+ z-index: 5; }
+
+.fc-time-grid .fc-mirror-container {
+ /* also is fc-event-container */
+ position: relative;
+ z-index: 6; }
+
+/* TimeGrid Slats (lines that run horizontally)
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-slats td {
+ height: 1.5em;
+ border-bottom: 0;
+ /* each cell is responsible for its top border */ }
+
+.fc-time-grid .fc-slats .fc-minor td {
+ border-top-style: dotted; }
+
+/* TimeGrid Highlighting Slots
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-highlight-container {
+ /* a div within a cell within the fc-highlight-skeleton */
+ position: relative;
+ /* scopes the left/right of the fc-highlight to be in the column */ }
+
+.fc-time-grid .fc-highlight {
+ position: absolute;
+ left: 0;
+ right: 0;
+ /* top and bottom will be in by JS */ }
+
+/* TimeGrid Event Containment
+--------------------------------------------------------------------------------------------------*/
+.fc-ltr .fc-time-grid .fc-event-container {
+ /* space on the sides of events for LTR (default) */
+ margin: 0 2.5% 0 2px; }
+
+.fc-rtl .fc-time-grid .fc-event-container {
+ /* space on the sides of events for RTL */
+ margin: 0 2px 0 2.5%; }
+
+.fc-time-grid .fc-event,
+.fc-time-grid .fc-bgevent {
+ position: absolute;
+ z-index: 1;
+ /* scope inner z-index's */ }
+
+.fc-time-grid .fc-bgevent {
+ /* background events always span full width */
+ left: 0;
+ right: 0; }
+
+/* TimeGrid Event Styling
+----------------------------------------------------------------------------------------------------
+We use the full "fc-time-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+.fc-time-grid-event {
+ margin-bottom: 1px; }
+
+.fc-time-grid-event-inset {
+ -webkit-box-shadow: 0px 0px 0px 1px #fff;
+ box-shadow: 0px 0px 0px 1px #fff; }
+
+.fc-time-grid-event.fc-not-start {
+ /* events that are continuing from another day */
+ /* replace space made by the top border with padding */
+ border-top-width: 0;
+ padding-top: 1px;
+ /* remove top rounded corners */
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.fc-time-grid-event.fc-not-end {
+ /* replace space made by the top border with padding */
+ border-bottom-width: 0;
+ padding-bottom: 1px;
+ /* remove bottom rounded corners */
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.fc-time-grid-event .fc-content {
+ overflow: hidden;
+ max-height: 100%; }
+
+.fc-time-grid-event .fc-time,
+.fc-time-grid-event .fc-title {
+ padding: 0 1px; }
+
+.fc-time-grid-event .fc-time {
+ font-size: .85em;
+ white-space: nowrap; }
+
+/* short mode, where time and title are on the same line */
+.fc-time-grid-event.fc-short .fc-content {
+ /* don't wrap to second line (now that contents will be inline) */
+ white-space: nowrap; }
+
+.fc-time-grid-event.fc-short .fc-time,
+.fc-time-grid-event.fc-short .fc-title {
+ /* put the time and title on the same line */
+ display: inline-block;
+ vertical-align: top; }
+
+.fc-time-grid-event.fc-short .fc-time span {
+ display: none;
+ /* don't display the full time text... */ }
+
+.fc-time-grid-event.fc-short .fc-time:before {
+ content: attr(data-start);
+ /* ...instead, display only the start time */ }
+
+.fc-time-grid-event.fc-short .fc-time:after {
+ content: "\000A0-\000A0";
+ /* seperate with a dash, wrapped in nbsp's */ }
+
+.fc-time-grid-event.fc-short .fc-title {
+ font-size: .85em;
+ /* make the title text the same size as the time */
+ padding: 0;
+ /* undo padding from above */ }
+
+/* resizer (cursor device) */
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
+ left: 0;
+ right: 0;
+ bottom: 0;
+ height: 8px;
+ overflow: hidden;
+ line-height: 8px;
+ font-size: 11px;
+ font-family: monospace;
+ text-align: center;
+ cursor: s-resize; }
+
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
+ content: "="; }
+
+/* resizer (touch device) */
+.fc-time-grid-event.fc-selected .fc-resizer {
+ /* 10x10 dot */
+ border-radius: 5px;
+ border-width: 1px;
+ width: 8px;
+ height: 8px;
+ border-style: solid;
+ border-color: inherit;
+ background: #fff;
+ /* horizontally center */
+ left: 50%;
+ margin-left: -5px;
+ /* center on the bottom edge */
+ bottom: -5px; }
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-now-indicator-line {
+ border-top-width: 1px;
+ left: 0;
+ right: 0; }
+
+/* arrow on axis */
+.fc-time-grid .fc-now-indicator-arrow {
+ margin-top: -5px;
+ /* vertically center on top coordinate */ }
+
+.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
+ left: 0;
+ /* triangle pointing right... */
+ border-width: 5px 0 5px 6px;
+ border-top-color: transparent;
+ border-bottom-color: transparent; }
+
+.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
+ right: 0;
+ /* triangle pointing left... */
+ border-width: 5px 6px 5px 0;
+ border-top-color: transparent;
+ border-bottom-color: transparent; }
+
+/*!
+FullCalendar Bootstrap Plugin v4.2.0
+Docs & License: https://fullcalendar.io/
+(c) 2019 Adam Shaw
+*/
+.fc.fc-bootstrap a {
+ text-decoration: none; }
+
+.fc.fc-bootstrap a[data-goto]:hover {
+ text-decoration: underline; }
+
+.fc-bootstrap hr.fc-divider {
+ border-color: inherit; }
+
+.fc-bootstrap .fc-today.alert {
+ border-radius: 0; }
+
+.fc-bootstrap a.fc-event:not([href]):not([tabindex]) {
+ color: #fff; }
+
+.fc-bootstrap .fc-popover.card {
+ position: absolute; }
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+.fc-bootstrap .fc-popover .card-body {
+ padding: 0; }
+
+/* TimeGrid Slats (lines that run horizontally)
+--------------------------------------------------------------------------------------------------*/
+.fc-bootstrap .fc-time-grid .fc-slats table {
+ /* some themes have background color. see through to slats */
+ background: none; }
+
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+/*.panel {
+ .panel-content.p-0 {
+ .fc-bootstrap {
+ table {
+ border-left: none;
+ border-right: none;
+
+ td:first-child,
+ th:first-child {
+ border-left: none;
+ }
+
+ td:last-child,
+ th:last-child {
+ border-right: none;
+ }
+ }
+ }
+
+ .fc-toolbar.fc-header-toolbar,
+ .fc-toolbar.fc-footer-toolbar {
+ padding: 1rem;
+ margin: 0;
+ }
+
+ .fc-row.fc-rigid:last-child {
+ td,
+ th {
+ border-bottom: none;
+ }
+ }
+
+ }
+}
+*/
+.fc-day-grid-event .fc-time {
+ display: block; }
+
+.fc-day-grid-event .fc-content {
+ padding: 0.25rem 0.5rem; }
+
+.fc-popover .fc-header {
+ padding: 0.5rem 0.75rem; }
+
+.fc-more-popover .fc-event-container {
+ padding: 0.5rem; }
+
+.fc-popover .fc-header .fc-title {
+ font-weight: bold; }
+
+.fc-toolbar h2 {
+ font-size: 1rem;
+ font-weight: 500;
+ text-transform: uppercase; }
+
+.fc-event,
+.fc-event-dot {
+ background: #967bbd; }
+
+.fc-event {
+ border: 1px solid #7a59ad; }
+
+.fc-day-top.fc-other-month {
+ opacity: 1; }
+
+.fc-other-month {
+ background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.02) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0.02) 75%, transparent 75%, transparent);
+ background-color: #FAFCFD;
+ background-size: 1rem 1rem; }
+
+/*.fc-day.fc-other-month.fc-future {
+ background-color: lighten($success-50, 25%);
+}
+*/
+.fc-head-container thead tr {
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), to(#fafafa));
+ background-image: linear-gradient(to top, #f2f2f2 0, #fafafa 100%); }
+
+@media only screen and (max-width: 768px) {
+ /*.panel {
+ .panel-content.p-0 {
+ .fc-toolbar.fc-header-toolbar,
+ .fc-toolbar.fc-footer-toolbar {
+ padding: $panel-spacer-y/2 10px;
+ }
+
+ }
+ }*/
+ .fc-day-grid-event .fc-time {
+ display: inline; }
+ .fc-bootstrap:not(.fc-reset-order) .fc-toolbar {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .fc-bootstrap:not(.fc-reset-order) .fc-toolbar h2 {
+ font-size: 1.125rem;
+ font-weight: 500; }
+ .fc-bootstrap:not(.fc-reset-order) .fc-toolbar .fc-left {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .fc-bootstrap:not(.fc-reset-order) .fc-toolbar .fc-right {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .fc-bootstrap:not(.fc-reset-order) .fc-toolbar .fc-center {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3; }
+ .fc-bootstrap:not(.fc-reset-order) .fc-toolbar > div:not(:empty):not(:first-child) {
+ margin-top: 0.5rem; } }
+
+/*# sourceMappingURL=fullcalendar.bundle.css.map */
diff --git a/public/assets/css/miscellaneous/fullcalendar/fullcalendar.bundle.css.map b/public/assets/css/miscellaneous/fullcalendar/fullcalendar.bundle.css.map
new file mode 100644
index 0000000..076f162
--- /dev/null
+++ b/public/assets/css/miscellaneous/fullcalendar/fullcalendar.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["fullcalendar.bundle.css","../../../scss/_modules/_fonts.scss","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"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","file":"fullcalendar.bundle.css","sourcesContent":["/*!\nFullCalendar Core Package v4.2.0\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n.fc {\n direction: ltr;\n text-align: left; }\n\n.fc-rtl {\n text-align: right; }\n\nbody .fc {\n /* extra precedence to overcome jqui */\n font-size: 1em; }\n\n/* Colors\n--------------------------------------------------------------------------------------------------*/\n.fc-highlight {\n /* when user is selecting cells */\n background: #bce8f1;\n opacity: .3; }\n\n.fc-bgevent {\n /* default look for background events */\n background: #8fdf82;\n opacity: .3; }\n\n.fc-nonbusiness {\n /* default look for non-business-hours areas */\n /* will inherit .fc-bgevent's styles */\n background: #d7d7d7; }\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n.fc-popover {\n position: absolute;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }\n\n.fc-popover .fc-header {\n /* TODO: be more consistent with fc-head/fc-body */\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 2px 4px; }\n\n.fc-rtl .fc-popover .fc-header {\n flex-direction: row-reverse; }\n\n.fc-popover .fc-header .fc-title {\n margin: 0 2px; }\n\n.fc-popover .fc-header .fc-close {\n cursor: pointer;\n opacity: 0.65;\n font-size: 1.1em; }\n\n/* Misc Reusable Components\n--------------------------------------------------------------------------------------------------*/\n.fc-divider {\n border-style: solid;\n border-width: 1px; }\n\nhr.fc-divider {\n height: 0;\n margin: 0;\n padding: 0 0 2px;\n /* height is unreliable across browsers, so use padding */\n border-width: 1px 0; }\n\n.fc-bg,\n.fc-bgevent-skeleton,\n.fc-highlight-skeleton,\n.fc-mirror-skeleton {\n /* these element should always cling to top-left/right corners */\n position: absolute;\n top: 0;\n left: 0;\n right: 0; }\n\n.fc-bg {\n bottom: 0;\n /* strech bg to bottom edge */ }\n\n.fc-bg table {\n height: 100%;\n /* strech bg to bottom edge */ }\n\n/* Tables\n--------------------------------------------------------------------------------------------------*/\n.fc table {\n width: 100%;\n box-sizing: border-box;\n /* fix scrollbar issue in firefox */\n table-layout: fixed;\n border-collapse: collapse;\n border-spacing: 0;\n font-size: 1em;\n /* normalize cross-browser */ }\n\n.fc th {\n text-align: center; }\n\n.fc th,\n.fc td {\n border-style: solid;\n border-width: 1px;\n padding: 0;\n vertical-align: top; }\n\n.fc td.fc-today {\n border-style: double;\n /* overcome neighboring borders */ }\n\n/* Internal Nav Links\n--------------------------------------------------------------------------------------------------*/\na[data-goto] {\n cursor: pointer; }\n\na[data-goto]:hover {\n text-decoration: underline; }\n\n/* Fake Table Rows\n--------------------------------------------------------------------------------------------------*/\n.fc .fc-row {\n /* extra precedence to overcome themes forcing a 1px border */\n /* no visible border by default. but make available if need be (scrollbar width compensation) */\n border-style: solid;\n border-width: 0; }\n\n.fc-row table {\n /* don't put left/right border on anything within a fake row.\n the outer tbody will worry about this */\n border-left: 0 hidden transparent;\n border-right: 0 hidden transparent;\n /* no bottom borders on rows */\n border-bottom: 0 hidden transparent; }\n\n.fc-row:first-child table {\n border-top: 0 hidden transparent;\n /* no top border on first row */ }\n\n/* Day Row (used within the header and the DayGrid)\n--------------------------------------------------------------------------------------------------*/\n.fc-row {\n position: relative; }\n\n.fc-row .fc-bg {\n z-index: 1; }\n\n/* highlighting cells & background event skeleton */\n.fc-row .fc-bgevent-skeleton,\n.fc-row .fc-highlight-skeleton {\n bottom: 0;\n /* stretch skeleton to bottom of row */ }\n\n.fc-row .fc-bgevent-skeleton table,\n.fc-row .fc-highlight-skeleton table {\n height: 100%;\n /* stretch skeleton to bottom of row */ }\n\n.fc-row .fc-highlight-skeleton td,\n.fc-row .fc-bgevent-skeleton td {\n border-color: transparent; }\n\n.fc-row .fc-bgevent-skeleton {\n z-index: 2; }\n\n.fc-row .fc-highlight-skeleton {\n z-index: 3; }\n\n/*\nrow content (which contains day/week numbers and events) as well as \"mirror\" (which contains\ntemporary rendered events).\n*/\n.fc-row .fc-content-skeleton {\n position: relative;\n z-index: 4;\n padding-bottom: 2px;\n /* matches the space above the events */ }\n\n.fc-row .fc-mirror-skeleton {\n z-index: 5; }\n\n.fc .fc-row .fc-content-skeleton table,\n.fc .fc-row .fc-content-skeleton td,\n.fc .fc-row .fc-mirror-skeleton td {\n /* see-through to the background below */\n /* extra precedence to prevent theme-provided backgrounds */\n background: none;\n /* in case | s are globally styled */\n border-color: transparent; }\n\n.fc-row .fc-content-skeleton td,\n.fc-row .fc-mirror-skeleton td {\n /* don't put a border between events and/or the day number */\n border-bottom: 0; }\n\n.fc-row .fc-content-skeleton tbody td,\n.fc-row .fc-mirror-skeleton tbody td {\n /* don't put a border between event cells */\n border-top: 0; }\n\n/* Scrolling Container\n--------------------------------------------------------------------------------------------------*/\n.fc-scroller {\n -webkit-overflow-scrolling: touch; }\n\n/* TODO: move to timegrid/daygrid */\n.fc-scroller > .fc-day-grid,\n.fc-scroller > .fc-time-grid {\n position: relative;\n /* re-scope all positions */\n width: 100%;\n /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }\n\n/* Global Event Styles\n--------------------------------------------------------------------------------------------------*/\n.fc-event {\n position: relative;\n /* for resize handle and other inner positioning */\n display: block;\n /* make the tag block */\n font-size: .85em;\n line-height: 1.4;\n border-radius: 3px;\n border: 1px solid #3788d8; }\n\n.fc-event,\n.fc-event-dot {\n background-color: #3788d8;\n /* default BACKGROUND color */ }\n\n.fc-event,\n.fc-event:hover {\n color: #fff;\n /* default TEXT color */\n text-decoration: none;\n /* if has an href */ }\n\n.fc-event[href],\n.fc-event.fc-draggable {\n cursor: pointer;\n /* give events with links and draggable events a hand mouse pointer */ }\n\n.fc-not-allowed,\n.fc-not-allowed .fc-event {\n /* to override an event's custom cursor */\n cursor: not-allowed; }\n\n.fc-event .fc-content {\n position: relative;\n z-index: 2; }\n\n/* resizer (cursor AND touch devices) */\n.fc-event .fc-resizer {\n position: absolute;\n z-index: 4; }\n\n/* resizer (touch devices) */\n.fc-event .fc-resizer {\n display: none; }\n\n.fc-event.fc-allow-mouse-resize .fc-resizer,\n.fc-event.fc-selected .fc-resizer {\n /* only show when hovering or selected (with touch) */\n display: block; }\n\n/* hit area */\n.fc-event.fc-selected .fc-resizer:before {\n /* 40x40 touch area */\n content: \"\";\n position: absolute;\n z-index: 9999;\n /* user of this util can scope within a lower z-index */\n top: 50%;\n left: 50%;\n width: 40px;\n height: 40px;\n margin-left: -20px;\n margin-top: -20px; }\n\n/* Event Selection (only for touch devices)\n--------------------------------------------------------------------------------------------------*/\n.fc-event.fc-selected {\n z-index: 9999 !important;\n /* overcomes inline z-index */\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }\n\n.fc-event.fc-selected:after {\n content: \"\";\n position: absolute;\n z-index: 1;\n /* same z-index as fc-bg, behind text */\n /* overcome the borders */\n top: -1px;\n right: -1px;\n bottom: -1px;\n left: -1px;\n /* darkening effect */\n background: #000;\n opacity: .25; }\n\n/* Event Dragging\n--------------------------------------------------------------------------------------------------*/\n.fc-event.fc-dragging.fc-selected {\n box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }\n\n.fc-event.fc-dragging:not(.fc-selected) {\n opacity: .75; }\n\n/* Horizontal Events\n--------------------------------------------------------------------------------------------------*/\n/* bigger touch area when selected */\n.fc-h-event.fc-selected:before {\n content: \"\";\n position: absolute;\n z-index: 3;\n /* below resizers */\n top: -10px;\n bottom: -10px;\n left: 0;\n right: 0; }\n\n/* events that are continuing to/from another week. kill rounded corners and butt up against edge */\n.fc-ltr .fc-h-event.fc-not-start,\n.fc-rtl .fc-h-event.fc-not-end {\n margin-left: 0;\n border-left-width: 0;\n padding-left: 1px;\n /* replace the border with padding */\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n.fc-ltr .fc-h-event.fc-not-end,\n.fc-rtl .fc-h-event.fc-not-start {\n margin-right: 0;\n border-right-width: 0;\n padding-right: 1px;\n /* replace the border with padding */\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n/* resizer (cursor AND touch devices) */\n/* left resizer */\n.fc-ltr .fc-h-event .fc-start-resizer,\n.fc-rtl .fc-h-event .fc-end-resizer {\n cursor: w-resize;\n left: -1px;\n /* overcome border */ }\n\n/* right resizer */\n.fc-ltr .fc-h-event .fc-end-resizer,\n.fc-rtl .fc-h-event .fc-start-resizer {\n cursor: e-resize;\n right: -1px;\n /* overcome border */ }\n\n/* resizer (mouse devices) */\n.fc-h-event.fc-allow-mouse-resize .fc-resizer {\n width: 7px;\n top: -1px;\n /* overcome top border */\n bottom: -1px;\n /* overcome bottom border */ }\n\n/* resizer (touch devices) */\n.fc-h-event.fc-selected .fc-resizer {\n /* 8x8 little dot */\n border-radius: 4px;\n border-width: 1px;\n width: 6px;\n height: 6px;\n border-style: solid;\n border-color: inherit;\n background: #fff;\n /* vertically center */\n top: 50%;\n margin-top: -4px; }\n\n/* left resizer */\n.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,\n.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {\n margin-left: -4px;\n /* centers the 8x8 dot on the left edge */ }\n\n/* right resizer */\n.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,\n.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {\n margin-right: -4px;\n /* centers the 8x8 dot on the right edge */ }\n\n/* DayGrid events\n----------------------------------------------------------------------------------------------------\nWe use the full \"fc-day-grid-event\" class instead of using descendants because the event won't\nbe a descendant of the grid when it is being dragged.\n*/\n.fc-day-grid-event {\n margin: 1px 2px 0;\n /* spacing between events and edges */\n padding: 0 1px; }\n\ntr:first-child > td > .fc-day-grid-event {\n margin-top: 2px;\n /* a little bit more space before the first event */ }\n\n.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {\n margin-top: 0;\n /* except for mirror skeleton */ }\n\n.fc-day-grid-event .fc-content {\n /* force events to be one-line tall */\n white-space: nowrap;\n overflow: hidden; }\n\n.fc-day-grid-event .fc-time {\n font-weight: bold; }\n\n/* resizer (cursor devices) */\n/* left resizer */\n.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,\n.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {\n margin-left: -2px;\n /* to the day cell's edge */ }\n\n/* right resizer */\n.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,\n.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {\n margin-right: -2px;\n /* to the day cell's edge */ }\n\n/* Event Limiting\n--------------------------------------------------------------------------------------------------*/\n/* \"more\" link that represents hidden events */\na.fc-more {\n margin: 1px 3px;\n font-size: .85em;\n cursor: pointer;\n text-decoration: none; }\n\na.fc-more:hover {\n text-decoration: underline; }\n\n.fc-limited {\n /* rows and cells that are hidden because of a \"more\" link */\n display: none; }\n\n/* popover that appears when \"more\" link is clicked */\n.fc-day-grid .fc-row {\n z-index: 1;\n /* make the \"more\" popover one higher than this */ }\n\n.fc-more-popover {\n z-index: 2;\n width: 220px; }\n\n.fc-more-popover .fc-event-container {\n padding: 10px; }\n\n/* Now Indicator\n--------------------------------------------------------------------------------------------------*/\n.fc-now-indicator {\n position: absolute;\n border: 0 solid red; }\n\n/* Utilities\n--------------------------------------------------------------------------------------------------*/\n.fc-unselectable {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }\n\n/*\nTODO: more distinction between this file and common.css\n*/\n/* Colors\n--------------------------------------------------------------------------------------------------*/\n.fc-unthemed th,\n.fc-unthemed td,\n.fc-unthemed thead,\n.fc-unthemed tbody,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-row,\n.fc-unthemed .fc-content,\n.fc-unthemed .fc-popover,\n.fc-unthemed .fc-list-view,\n.fc-unthemed .fc-list-heading td {\n border-color: #ddd; }\n\n.fc-unthemed .fc-popover {\n background-color: #fff; }\n\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-popover .fc-header,\n.fc-unthemed .fc-list-heading td {\n background: #eee; }\n\n.fc-unthemed td.fc-today {\n background: #fcf8e3; }\n\n.fc-unthemed .fc-disabled-day {\n background: #d7d7d7;\n opacity: .3; }\n\n/* Icons\n--------------------------------------------------------------------------------------------------\nfrom https://feathericons.com/ and built with IcoMoon\n*/\n@font-face {\n font-family: 'fcicons';\n src: url(\"data:application/x-font-ttf;charset=utf-8;base64,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\") format(\"truetype\");\n font-weight: normal;\n font-style: normal; }\n.fc-icon {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'fcicons' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale; }\n\n.fc-icon-chevron-left:before {\n content: \"\\e900\"; }\n\n.fc-icon-chevron-right:before {\n content: \"\\e901\"; }\n\n.fc-icon-chevrons-left:before {\n content: \"\\e902\"; }\n\n.fc-icon-chevrons-right:before {\n content: \"\\e903\"; }\n\n.fc-icon-minus-square:before {\n content: \"\\e904\"; }\n\n.fc-icon-plus-square:before {\n content: \"\\e905\"; }\n\n.fc-icon-x:before {\n content: \"\\e906\"; }\n\n.fc-icon {\n display: inline-block;\n width: 1em;\n height: 1em;\n text-align: center; }\n\n/* Buttons\n--------------------------------------------------------------------------------------------------\nLots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css\n*/\n/* reset */\n.fc-button {\n border-radius: 0;\n overflow: visible;\n text-transform: none;\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit; }\n\n.fc-button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color; }\n\n.fc-button {\n -webkit-appearance: button; }\n\n.fc-button:not(:disabled) {\n cursor: pointer; }\n\n.fc-button::-moz-focus-inner {\n padding: 0;\n border-style: none; }\n\n/* theme */\n.fc-button {\n display: inline-block;\n font-weight: 400;\n color: #212529;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 0.4em 0.65em;\n font-size: 1em;\n line-height: 1.5;\n border-radius: 0.25em; }\n\n.fc-button:hover {\n color: #212529;\n text-decoration: none; }\n\n.fc-button:focus {\n outline: 0;\n -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);\n box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); }\n\n.fc-button:disabled {\n opacity: 0.65; }\n\n/* \"primary\" coloring */\n.fc-button-primary {\n color: #fff;\n background-color: #2C3E50;\n border-color: #2C3E50; }\n\n.fc-button-primary:hover {\n color: #fff;\n background-color: #1e2b37;\n border-color: #1a252f; }\n\n.fc-button-primary:focus {\n -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }\n\n.fc-button-primary:disabled {\n color: #fff;\n background-color: #2C3E50;\n border-color: #2C3E50; }\n\n.fc-button-primary:not(:disabled):active,\n.fc-button-primary:not(:disabled).fc-button-active {\n color: #fff;\n background-color: #1a252f;\n border-color: #151e27; }\n\n.fc-button-primary:not(:disabled):active:focus,\n.fc-button-primary:not(:disabled).fc-button-active:focus {\n -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);\n box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); }\n\n/* icons within buttons */\n.fc-button .fc-icon {\n vertical-align: middle;\n font-size: 1.5em; }\n\n/* Buttons Groups\n--------------------------------------------------------------------------------------------------*/\n.fc-button-group {\n position: relative;\n display: -webkit-inline-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n vertical-align: middle; }\n\n.fc-button-group > .fc-button {\n position: relative;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 auto;\n flex: 1 1 auto; }\n\n.fc-button-group > .fc-button:hover {\n z-index: 1; }\n\n.fc-button-group > .fc-button:focus,\n.fc-button-group > .fc-button:active,\n.fc-button-group > .fc-button.fc-button-active {\n z-index: 1; }\n\n.fc-button-group > .fc-button:not(:first-child) {\n margin-left: -1px; }\n\n.fc-button-group > .fc-button:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0; }\n\n.fc-button-group > .fc-button:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0; }\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n.fc-unthemed .fc-popover {\n border-width: 1px;\n border-style: solid; }\n\n/* List View\n--------------------------------------------------------------------------------------------------*/\n.fc-unthemed .fc-list-item:hover td {\n background-color: #f5f5f5; }\n\n/* Toolbar\n--------------------------------------------------------------------------------------------------*/\n.fc-toolbar {\n display: flex;\n justify-content: space-between;\n align-items: center; }\n\n.fc-toolbar.fc-header-toolbar {\n margin-bottom: 1.5em; }\n\n.fc-toolbar.fc-footer-toolbar {\n margin-top: 1.5em; }\n\n/* inner content */\n.fc-toolbar > * > :not(:first-child) {\n margin-left: .75em; }\n\n.fc-toolbar h2 {\n font-size: 1.75em;\n margin: 0; }\n\n/* View Structure\n--------------------------------------------------------------------------------------------------*/\n.fc-view-container {\n position: relative; }\n\n/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */\n/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */\n.fc-view-container *,\n.fc-view-container *:before,\n.fc-view-container *:after {\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box; }\n\n.fc-view,\n.fc-view > table {\n /* so dragged elements can be above the view's main element */\n position: relative;\n z-index: 1; }\n\n@media print {\n .fc {\n max-width: 100% !important; }\n\n /* Global Event Restyling\n --------------------------------------------------------------------------------------------------*/\n .fc-event {\n background: #fff !important;\n color: #000 !important;\n page-break-inside: avoid; }\n\n .fc-event .fc-resizer {\n display: none; }\n\n /* Table & Day-Row Restyling\n --------------------------------------------------------------------------------------------------*/\n .fc th,\n .fc td,\n .fc hr,\n .fc thead,\n .fc tbody,\n .fc-row {\n border-color: #ccc !important;\n background: #fff !important; }\n\n /* kill the overlaid, absolutely-positioned components */\n /* common... */\n .fc-bg,\n .fc-bgevent-skeleton,\n .fc-highlight-skeleton,\n .fc-mirror-skeleton,\n .fc-bgevent-container,\n .fc-business-container,\n .fc-highlight-container,\n .fc-mirror-container {\n display: none; }\n\n /* don't force a min-height on rows (for DayGrid) */\n .fc tbody .fc-row {\n height: auto !important;\n /* undo height that JS set in distributeHeight */\n min-height: 0 !important;\n /* undo the min-height from each view's specific stylesheet */ }\n\n .fc tbody .fc-row .fc-content-skeleton {\n position: static;\n /* undo .fc-rigid */\n padding-bottom: 0 !important;\n /* use a more border-friendly method for this... */ }\n\n .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {\n /* only works in newer browsers */\n padding-bottom: 1em;\n /* ...gives space within the skeleton. also ensures min height in a way */ }\n\n .fc tbody .fc-row .fc-content-skeleton table {\n /* provides a min-height for the row, but only effective for IE, which exaggerates this value,\n making it look more like 3em. for other browers, it will already be this tall */\n height: 1em; }\n\n /* Undo month-view event limiting. Display all events and hide the \"more\" links\n --------------------------------------------------------------------------------------------------*/\n .fc-more-cell,\n .fc-more {\n display: none !important; }\n\n .fc tr.fc-limited {\n display: table-row !important; }\n\n .fc td.fc-limited {\n display: table-cell !important; }\n\n .fc-popover {\n display: none;\n /* never display the \"more..\" popover in print mode */ }\n\n /* TimeGrid Restyling\n --------------------------------------------------------------------------------------------------*/\n /* undo the min-height 100% trick used to fill the container's height */\n .fc-time-grid {\n min-height: 0 !important; }\n\n /* don't display the side axis at all (\"all-day\" and time cells) */\n .fc-timeGrid-view .fc-axis {\n display: none; }\n\n /* don't display the horizontal lines */\n .fc-slats,\n .fc-time-grid hr {\n /* this hr is used when height is underused and needs to be filled */\n display: none !important;\n /* important overrides inline declaration */ }\n\n /* let the container that holds the events be naturally positioned and create real height */\n .fc-time-grid .fc-content-skeleton {\n position: static; }\n\n /* in case there are no events, we still want some height */\n .fc-time-grid .fc-content-skeleton table {\n height: 4em; }\n\n /* kill the horizontal spacing made by the event container. event margins will be done below */\n .fc-time-grid .fc-event-container {\n margin: 0 !important; }\n\n /* TimeGrid *Event* Restyling\n --------------------------------------------------------------------------------------------------*/\n /* naturally position events, vertically stacking them */\n .fc-time-grid .fc-event {\n position: static !important;\n margin: 3px 2px !important; }\n\n /* for events that continue to a future day, give the bottom border back */\n .fc-time-grid .fc-event.fc-not-end {\n border-bottom-width: 1px !important; }\n\n /* indicate the event continues via \"...\" text */\n .fc-time-grid .fc-event.fc-not-end:after {\n content: \"...\"; }\n\n /* for events that are continuations from previous days, give the top border back */\n .fc-time-grid .fc-event.fc-not-start {\n border-top-width: 1px !important; }\n\n /* indicate the event is a continuation via \"...\" text */\n .fc-time-grid .fc-event.fc-not-start:before {\n content: \"...\"; }\n\n /* time */\n /* undo a previous declaration and let the time text span to a second line */\n .fc-time-grid .fc-event .fc-time {\n white-space: normal !important; }\n\n /* hide the the time that is normally displayed... */\n .fc-time-grid .fc-event .fc-time span {\n display: none; }\n\n /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */\n .fc-time-grid .fc-event .fc-time:after {\n content: attr(data-full); }\n\n /* Vertical Scroller & Containers\n --------------------------------------------------------------------------------------------------*/\n /* kill the scrollbars and allow natural height */\n .fc-scroller,\n .fc-day-grid-container,\n .fc-time-grid-container {\n /* */\n overflow: visible !important;\n height: auto !important; }\n\n /* kill the horizontal border/padding used to compensate for scrollbars */\n .fc-row {\n border: 0 !important;\n margin: 0 !important; }\n\n /* Button Controls\n --------------------------------------------------------------------------------------------------*/\n .fc-button-group,\n .fc button {\n display: none;\n /* don't display any button-related controls */ } }\n\n/*!\nFullCalendar Day Grid Plugin v4.2.0\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n/* DayGridView\n--------------------------------------------------------------------------------------------------*/\n/* day row structure */\n.fc-dayGridWeek-view .fc-content-skeleton,\n.fc-dayGridDay-view .fc-content-skeleton {\n /* there may be week numbers in these views, so no padding-top */\n padding-bottom: 1em;\n /* ensure a space at bottom of cell for user selecting/clicking */ }\n\n.fc-dayGrid-view .fc-body .fc-row {\n min-height: 4em;\n /* ensure that all rows are at least this tall */ }\n\n/* a \"rigid\" row will take up a constant amount of height because content-skeleton is absolute */\n.fc-row.fc-rigid {\n overflow: hidden; }\n\n.fc-row.fc-rigid .fc-content-skeleton {\n position: absolute;\n top: 0;\n left: 0;\n right: 0; }\n\n/* week and day number styling */\n.fc-day-top.fc-other-month {\n opacity: 0.3; }\n\n.fc-dayGrid-view .fc-week-number,\n.fc-dayGrid-view .fc-day-number {\n padding: 2px; }\n\n.fc-dayGrid-view th.fc-week-number,\n.fc-dayGrid-view th.fc-day-number {\n padding: 0 2px;\n /* column headers can't have as much v space */ }\n\n.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {\n float: right; }\n\n.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {\n float: left; }\n\n.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {\n float: left;\n border-radius: 0 0 3px 0; }\n\n.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {\n float: right;\n border-radius: 0 0 0 3px; }\n\n.fc-dayGrid-view .fc-day-top .fc-week-number {\n min-width: 1.5em;\n text-align: center;\n background-color: #f2f2f2;\n color: #808080; }\n\n/* when week/day number have own column */\n.fc-dayGrid-view td.fc-week-number {\n text-align: center; }\n\n.fc-dayGrid-view td.fc-week-number > * {\n /* work around the way we do column resizing and ensure a minimum width */\n display: inline-block;\n min-width: 1.25em; }\n\n/*!\nFullCalendar List View Plugin v4.2.0\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n/* List View\n--------------------------------------------------------------------------------------------------*/\n/* possibly reusable */\n.fc-event-dot {\n display: inline-block;\n width: 10px;\n height: 10px;\n border-radius: 5px; }\n\n/* view wrapper */\n.fc-rtl .fc-list-view {\n direction: rtl;\n /* unlike core views, leverage browser RTL */ }\n\n.fc-list-view {\n border-width: 1px;\n border-style: solid; }\n\n/* table resets */\n.fc .fc-list-table {\n table-layout: auto;\n /* for shrinkwrapping cell content */ }\n\n.fc-list-table td {\n border-width: 1px 0 0;\n padding: 8px 14px; }\n\n.fc-list-table tr:first-child td {\n border-top-width: 0; }\n\n/* day headings with the list */\n.fc-list-heading {\n border-bottom-width: 1px; }\n\n.fc-list-heading td {\n font-weight: bold; }\n\n.fc-ltr .fc-list-heading-main {\n float: left; }\n\n.fc-ltr .fc-list-heading-alt {\n float: right; }\n\n.fc-rtl .fc-list-heading-main {\n float: right; }\n\n.fc-rtl .fc-list-heading-alt {\n float: left; }\n\n/* event list items */\n.fc-list-item.fc-has-url {\n cursor: pointer;\n /* whole row will be clickable */ }\n\n.fc-list-item-marker,\n.fc-list-item-time {\n white-space: nowrap;\n width: 1px; }\n\n/* make the dot closer to the event title */\n.fc-ltr .fc-list-item-marker {\n padding-right: 0; }\n\n.fc-rtl .fc-list-item-marker {\n padding-left: 0; }\n\n.fc-list-item-title a {\n /* every event title cell has an tag */\n text-decoration: none;\n color: inherit; }\n\n.fc-list-item-title a[href]:hover {\n /* hover effect only on titles with hrefs */\n text-decoration: underline; }\n\n/* message when no events */\n.fc-list-empty-wrap2 {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0; }\n\n.fc-list-empty-wrap1 {\n width: 100%;\n height: 100%;\n display: table; }\n\n.fc-list-empty {\n display: table-cell;\n vertical-align: middle;\n text-align: center; }\n\n.fc-unthemed .fc-list-empty {\n /* theme will provide own background */\n background-color: #eee; }\n\n/*!\nFullCalendar Time Grid Plugin v4.2.0\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n/* TimeGridView all-day area\n--------------------------------------------------------------------------------------------------*/\n.fc-timeGrid-view .fc-day-grid {\n position: relative;\n z-index: 2;\n /* so the \"more..\" popover will be over the time grid */ }\n\n.fc-timeGrid-view .fc-day-grid .fc-row {\n min-height: 3em;\n /* all-day section will never get shorter than this */ }\n\n.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {\n padding-bottom: 1em;\n /* give space underneath events for clicking/selecting days */ }\n\n/* TimeGrid axis running down the side (for both the all-day area and the slot area)\n--------------------------------------------------------------------------------------------------*/\n.fc .fc-axis {\n /* .fc to overcome default cell styles */\n vertical-align: middle;\n padding: 0 4px;\n white-space: nowrap; }\n\n.fc-ltr .fc-axis {\n text-align: right; }\n\n.fc-rtl .fc-axis {\n text-align: left; }\n\n/* TimeGrid Structure\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid-container,\n.fc-time-grid {\n /* so slats/bg/content/etc positions get scoped within here */\n position: relative;\n z-index: 1; }\n\n.fc-time-grid {\n min-height: 100%;\n /* so if height setting is 'auto', .fc-bg stretches to fill height */ }\n\n.fc-time-grid table {\n /* don't put outer borders on slats/bg/content/etc */\n border: 0 hidden transparent; }\n\n.fc-time-grid > .fc-bg {\n z-index: 1; }\n\n.fc-time-grid .fc-slats,\n.fc-time-grid > hr {\n /* the TimeGridView injects when grid is shorter than scroller */\n position: relative;\n z-index: 2; }\n\n.fc-time-grid .fc-content-col {\n position: relative;\n /* because now-indicator lives directly inside */ }\n\n.fc-time-grid .fc-content-skeleton {\n position: absolute;\n z-index: 3;\n top: 0;\n left: 0;\n right: 0; }\n\n/* divs within a cell within the fc-content-skeleton */\n.fc-time-grid .fc-business-container {\n position: relative;\n z-index: 1; }\n\n.fc-time-grid .fc-bgevent-container {\n position: relative;\n z-index: 2; }\n\n.fc-time-grid .fc-highlight-container {\n position: relative;\n z-index: 3; }\n\n.fc-time-grid .fc-event-container {\n position: relative;\n z-index: 4; }\n\n.fc-time-grid .fc-now-indicator-line {\n z-index: 5; }\n\n.fc-time-grid .fc-mirror-container {\n /* also is fc-event-container */\n position: relative;\n z-index: 6; }\n\n/* TimeGrid Slats (lines that run horizontally)\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid .fc-slats td {\n height: 1.5em;\n border-bottom: 0;\n /* each cell is responsible for its top border */ }\n\n.fc-time-grid .fc-slats .fc-minor td {\n border-top-style: dotted; }\n\n/* TimeGrid Highlighting Slots\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid .fc-highlight-container {\n /* a div within a cell within the fc-highlight-skeleton */\n position: relative;\n /* scopes the left/right of the fc-highlight to be in the column */ }\n\n.fc-time-grid .fc-highlight {\n position: absolute;\n left: 0;\n right: 0;\n /* top and bottom will be in by JS */ }\n\n/* TimeGrid Event Containment\n--------------------------------------------------------------------------------------------------*/\n.fc-ltr .fc-time-grid .fc-event-container {\n /* space on the sides of events for LTR (default) */\n margin: 0 2.5% 0 2px; }\n\n.fc-rtl .fc-time-grid .fc-event-container {\n /* space on the sides of events for RTL */\n margin: 0 2px 0 2.5%; }\n\n.fc-time-grid .fc-event,\n.fc-time-grid .fc-bgevent {\n position: absolute;\n z-index: 1;\n /* scope inner z-index's */ }\n\n.fc-time-grid .fc-bgevent {\n /* background events always span full width */\n left: 0;\n right: 0; }\n\n/* TimeGrid Event Styling\n----------------------------------------------------------------------------------------------------\nWe use the full \"fc-time-grid-event\" class instead of using descendants because the event won't\nbe a descendant of the grid when it is being dragged.\n*/\n.fc-time-grid-event {\n margin-bottom: 1px; }\n\n.fc-time-grid-event-inset {\n -webkit-box-shadow: 0px 0px 0px 1px #fff;\n box-shadow: 0px 0px 0px 1px #fff; }\n\n.fc-time-grid-event.fc-not-start {\n /* events that are continuing from another day */\n /* replace space made by the top border with padding */\n border-top-width: 0;\n padding-top: 1px;\n /* remove top rounded corners */\n border-top-left-radius: 0;\n border-top-right-radius: 0; }\n\n.fc-time-grid-event.fc-not-end {\n /* replace space made by the top border with padding */\n border-bottom-width: 0;\n padding-bottom: 1px;\n /* remove bottom rounded corners */\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0; }\n\n.fc-time-grid-event .fc-content {\n overflow: hidden;\n max-height: 100%; }\n\n.fc-time-grid-event .fc-time,\n.fc-time-grid-event .fc-title {\n padding: 0 1px; }\n\n.fc-time-grid-event .fc-time {\n font-size: .85em;\n white-space: nowrap; }\n\n/* short mode, where time and title are on the same line */\n.fc-time-grid-event.fc-short .fc-content {\n /* don't wrap to second line (now that contents will be inline) */\n white-space: nowrap; }\n\n.fc-time-grid-event.fc-short .fc-time,\n.fc-time-grid-event.fc-short .fc-title {\n /* put the time and title on the same line */\n display: inline-block;\n vertical-align: top; }\n\n.fc-time-grid-event.fc-short .fc-time span {\n display: none;\n /* don't display the full time text... */ }\n\n.fc-time-grid-event.fc-short .fc-time:before {\n content: attr(data-start);\n /* ...instead, display only the start time */ }\n\n.fc-time-grid-event.fc-short .fc-time:after {\n content: \"\\000A0-\\000A0\";\n /* seperate with a dash, wrapped in nbsp's */ }\n\n.fc-time-grid-event.fc-short .fc-title {\n font-size: .85em;\n /* make the title text the same size as the time */\n padding: 0;\n /* undo padding from above */ }\n\n/* resizer (cursor device) */\n.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {\n left: 0;\n right: 0;\n bottom: 0;\n height: 8px;\n overflow: hidden;\n line-height: 8px;\n font-size: 11px;\n font-family: monospace;\n text-align: center;\n cursor: s-resize; }\n\n.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {\n content: \"=\"; }\n\n/* resizer (touch device) */\n.fc-time-grid-event.fc-selected .fc-resizer {\n /* 10x10 dot */\n border-radius: 5px;\n border-width: 1px;\n width: 8px;\n height: 8px;\n border-style: solid;\n border-color: inherit;\n background: #fff;\n /* horizontally center */\n left: 50%;\n margin-left: -5px;\n /* center on the bottom edge */\n bottom: -5px; }\n\n/* Now Indicator\n--------------------------------------------------------------------------------------------------*/\n.fc-time-grid .fc-now-indicator-line {\n border-top-width: 1px;\n left: 0;\n right: 0; }\n\n/* arrow on axis */\n.fc-time-grid .fc-now-indicator-arrow {\n margin-top: -5px;\n /* vertically center on top coordinate */ }\n\n.fc-ltr .fc-time-grid .fc-now-indicator-arrow {\n left: 0;\n /* triangle pointing right... */\n border-width: 5px 0 5px 6px;\n border-top-color: transparent;\n border-bottom-color: transparent; }\n\n.fc-rtl .fc-time-grid .fc-now-indicator-arrow {\n right: 0;\n /* triangle pointing left... */\n border-width: 5px 6px 5px 0;\n border-top-color: transparent;\n border-bottom-color: transparent; }\n\n/*!\nFullCalendar Bootstrap Plugin v4.2.0\nDocs & License: https://fullcalendar.io/\n(c) 2019 Adam Shaw\n*/\n.fc.fc-bootstrap a {\n text-decoration: none; }\n\n.fc.fc-bootstrap a[data-goto]:hover {\n text-decoration: underline; }\n\n.fc-bootstrap hr.fc-divider {\n border-color: inherit; }\n\n.fc-bootstrap .fc-today.alert {\n border-radius: 0; }\n\n.fc-bootstrap a.fc-event:not([href]):not([tabindex]) {\n color: #fff; }\n\n.fc-bootstrap .fc-popover.card {\n position: absolute; }\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n.fc-bootstrap .fc-popover .card-body {\n padding: 0; }\n\n/* TimeGrid Slats (lines that run horizontally)\n--------------------------------------------------------------------------------------------------*/\n.fc-bootstrap .fc-time-grid .fc-slats table {\n /* some themes have background color. see through to slats */\n background: none; }\n\n@import './src/scss/_imports/_global-import';\r\n\r\n\r\n/*.panel {\r\n\t.panel-content.p-0 {\r\n\t\t.fc-bootstrap {\r\n\t\t\ttable {\r\n\t\t\t\tborder-left: none;\r\n\t\t\t\tborder-right: none;\r\n\r\n\t\t\t\ttd:first-child,\r\n\t\t\t\tth:first-child {\r\n\t\t\t\t\tborder-left: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ttd:last-child,\r\n\t\t\t\tth:last-child {\r\n\t\t\t\t\tborder-right: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.fc-toolbar.fc-header-toolbar,\r\n\t\t.fc-toolbar.fc-footer-toolbar {\r\n\t\t\tpadding: 1rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.fc-row.fc-rigid:last-child {\r\n\t\t\ttd,\r\n\t\t\tth {\r\n\t\t\t\tborder-bottom: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n}\r\n*/\r\n\r\n.fc-day-grid-event .fc-time {\r\n\tdisplay: block;\r\n}\r\n\r\n.fc-day-grid-event .fc-content {\r\n\tpadding: 0.25rem 0.5rem;\r\n}\r\n\r\n.fc-popover .fc-header {\r\n\tpadding: 0.5rem 0.75rem;\r\n}\r\n\r\n.fc-more-popover .fc-event-container {\r\n\tpadding: 0.5rem;\t\r\n}\r\n\r\n.fc-popover .fc-header .fc-title {\r\n\tfont-weight: bold;\r\n}\r\n\r\n.fc-toolbar h2 {\r\n\tfont-size: 1rem;\r\n\tfont-weight: 500;\r\n\ttext-transform: uppercase;\r\n}\r\n \r\n.fc-event, \r\n.fc-event-dot {\r\n\tbackground: $primary-400;\r\n}\r\n\r\n.fc-event {\r\n\tborder: 1px solid $primary-600;\r\n}\r\n\r\n\r\n.fc-day-top.fc-other-month {\r\n\topacity: 1;\r\n}\r\n\r\n.fc-other-month {\r\n background-image: linear-gradient(135deg,rgba(0,0,0,.02)25%,transparent 25%,transparent 50%,rgba(0,0,0,.02)50%,rgba(0,0,0,.02)75%,transparent 75%,transparent);\r\n background-color: #FAFCFD;\r\n background-size: 1rem 1rem;\r\n}\r\n\r\n/*.fc-day.fc-other-month.fc-future {\r\n\tbackground-color: lighten($success-50, 25%);\r\n}\r\n*/\r\n\r\n\r\n.fc-head-container thead tr {\r\n background-image: linear-gradient(to top,#f2f2f2 0,#fafafa 100%);\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, md) ){\r\n\t/*.panel {\r\n\t\t.panel-content.p-0 {\r\n\t\t\t.fc-toolbar.fc-header-toolbar,\r\n\t\t\t.fc-toolbar.fc-footer-toolbar {\r\n\t\t\t\tpadding: $panel-spacer-y/2 10px;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}*/\r\n\r\n\t.fc-day-grid-event .fc-time {\r\n\t\tdisplay: inline;\r\n\t}\t\r\n\r\n\t.fc-bootstrap:not(.fc-reset-order) {\r\n\t\t.fc-toolbar {\r\n\t\t\tflex-direction: column;\r\n\r\n\t\t\th2 {\r\n\t\t\t\tfont-size: 1.125rem;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t}\r\n\r\n\t\t\t\r\n\t\t\t.fc-left {\r\n\t\t\t\torder: 1;\r\n\t\t\t}\r\n\t\t\t.fc-right {\r\n\t\t\t\torder: 2;\r\n\t\t\t}\r\n\t\t\t.fc-center {\r\n\t\t\t\torder: 3;\r\n\t\t\t}\r\n\r\n\t\t\t> div:not(:empty):not(:first-child) {\r\n\t\t\t\tmargin-top: 0.5rem;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/public/assets/css/miscellaneous/jqvmap/jqvmap.bundle.css b/public/assets/css/miscellaneous/jqvmap/jqvmap.bundle.css
new file mode 100644
index 0000000..30e5bc8
--- /dev/null
+++ b/public/assets/css/miscellaneous/jqvmap/jqvmap.bundle.css
@@ -0,0 +1,455 @@
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+.jqvmap-label {
+ position: absolute;
+ display: none;
+ border-radius: 3px;
+ background: #292929;
+ color: white;
+ font-family: sans-serif, Verdana;
+ font-size: smaller;
+ padding: 3px;
+ pointer-events: none; }
+
+.jqvmap-pin {
+ pointer-events: none; }
+
+.jqvmap-zoomin, .jqvmap-zoomout {
+ position: absolute;
+ left: 10px;
+ border-radius: 3px;
+ background: #000000;
+ padding: 3px;
+ color: white;
+ width: 10px;
+ height: 10px;
+ cursor: pointer;
+ line-height: 10px;
+ text-align: center; }
+
+.jqvmap-zoomin {
+ top: 10px; }
+
+.jqvmap-zoomout {
+ top: 30px; }
+
+.jqvmap-region {
+ cursor: pointer; }
+
+.jqvmap-ajax_response {
+ width: 100%;
+ height: 500px; }
+
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+.jqvmap-zoomin, .jqvmap-zoomout {
+ width: 1.6rem;
+ height: 1.6rem;
+ text-align: center;
+ font-size: 1.2rem;
+ font-weight: bold;
+ border-radius: 3px;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ left: 0;
+ top: 0;
+ color: #333;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+
+.jqvmap-zoomout {
+ top: 1rem; }
+
+.p-0 .jqvmap-zoomin,
+.p-0 .jqvmap-zoomout {
+ left: 1rem;
+ top: 1rem; }
+
+.p-0 .jqvmap-zoomout {
+ top: 3rem; }
+
+.jqvmap-bg-ocean {
+ background-color: #eafeff; }
+
+/*# sourceMappingURL=jqvmap.bundle.css.map */
diff --git a/public/assets/css/miscellaneous/jqvmap/jqvmap.bundle.css.map b/public/assets/css/miscellaneous/jqvmap/jqvmap.bundle.css.map
new file mode 100644
index 0000000..f648cfd
--- /dev/null
+++ b/public/assets/css/miscellaneous/jqvmap/jqvmap.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/_modules/_fonts.scss","jqvmap.bundle.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"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","file":"jqvmap.bundle.css","sourcesContent":["@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */",".jqvmap-label\n{\n\tposition: absolute;\n\tdisplay: none;\n\t-webkit-border-radius: 3px;\n\t-moz-border-radius: 3px;\n\tborder-radius: 3px;\n\tbackground: #292929;\n\tcolor: white;\n\tfont-family: sans-serif, Verdana;\n\tfont-size: smaller;\n\tpadding: 3px;\n pointer-events:none;\n}\n.jqvmap-pin {\n pointer-events:none;\n}\n.jqvmap-zoomin, .jqvmap-zoomout\n{\n\tposition: absolute;\n\tleft: 10px;\n\t-webkit-border-radius: 3px;\n\t-moz-border-radius: 3px;\n\tborder-radius: 3px;\n\tbackground: #000000;\n\tpadding: 3px;\n\tcolor: white;\n\twidth: 10px;\n\theight: 10px;\n\tcursor: pointer;\n\tline-height: 10px;\n\ttext-align: center;\n}\n.jqvmap-zoomin\n{\n\ttop: 10px;\n}\n.jqvmap-zoomout\n{\n\ttop: 30px;\n}\n.jqvmap-region\n{\n cursor: pointer;\n}\n.jqvmap-ajax_response\n{\n width: 100%;\n height: 500px;\n}\n\n@import './src/scss/_imports/_global-import';\r\n\r\n.jqvmap-zoomin, .jqvmap-zoomout {\r\n width: 1.6rem;\r\n height: 1.6rem;\r\n text-align: center;\r\n font-size: 1.2rem;\r\n font-weight: bold;\r\n border-radius: 3px;\r\n\r\n background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n left: 0;\r\n top: 0;\r\n color: #333;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n} \r\n\r\n.jqvmap-zoomout {\r\n\ttop: $panel-spacer-x;\r\n}\r\n\r\n.p-0 .jqvmap-zoomin, \r\n.p-0 .jqvmap-zoomout {\r\n\tleft: $panel-spacer-x;\r\n\ttop: $panel-spacer-x;\r\n}\r\n\r\n.p-0 .jqvmap-zoomout {\r\n\ttop: $panel-spacer-x + 2rem;\r\n}\r\n\r\n.jqvmap-bg-ocean {\r\n\tbackground-color: #eafeff;\r\n}","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/public/assets/css/miscellaneous/lightgallery/lightgallery.bundle.css b/public/assets/css/miscellaneous/lightgallery/lightgallery.bundle.css
new file mode 100644
index 0000000..34ed77c
--- /dev/null
+++ b/public/assets/css/miscellaneous/lightgallery/lightgallery.bundle.css
@@ -0,0 +1,1177 @@
+/*!
+ * justifiedGallery - v3.7.0
+ * http://miromannino.github.io/Justified-Gallery/
+ * Copyright (c) 2018 Miro Mannino
+ * Licensed under the MIT license.
+ */
+.justified-gallery {
+ width: 100%;
+ position: relative;
+ overflow: hidden; }
+
+.justified-gallery > a,
+.justified-gallery > div,
+.justified-gallery > figure {
+ position: absolute;
+ display: inline-block;
+ overflow: hidden;
+ /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
+ filter: "alpha(opacity=10)";
+ opacity: 0.1;
+ margin: 0;
+ padding: 0; }
+
+.justified-gallery > a > img,
+.justified-gallery > div > img,
+.justified-gallery > figure > img,
+.justified-gallery > a > a > img,
+.justified-gallery > div > a > img,
+.justified-gallery > figure > a > img {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: 0;
+ padding: 0;
+ border: none;
+ filter: "alpha(opacity=0)";
+ opacity: 0; }
+
+.justified-gallery > a > .caption,
+.justified-gallery > div > .caption,
+.justified-gallery > figure > .caption {
+ display: none;
+ position: absolute;
+ bottom: 0;
+ padding: 5px;
+ background-color: #000000;
+ left: 0;
+ right: 0;
+ margin: 0;
+ color: white;
+ font-size: 12px;
+ font-weight: 300;
+ font-family: sans-serif; }
+
+.justified-gallery > a > .caption.caption-visible,
+.justified-gallery > div > .caption.caption-visible,
+.justified-gallery > figure > .caption.caption-visible {
+ display: initial;
+ filter: "alpha(opacity=70)";
+ opacity: 0.7;
+ -webkit-transition: opacity 500ms ease-in;
+ transition: opacity 500ms ease-in; }
+
+.justified-gallery > .entry-visible {
+ filter: "alpha(opacity=100)";
+ opacity: 1;
+ background: none; }
+
+.justified-gallery > .entry-visible > img,
+.justified-gallery > .entry-visible > a > img {
+ filter: "alpha(opacity=100)";
+ opacity: 1;
+ -webkit-transition: opacity 500ms ease-in;
+ transition: opacity 500ms ease-in; }
+
+.justified-gallery > .jg-filtered {
+ display: none; }
+
+.justified-gallery > .spinner {
+ position: absolute;
+ bottom: 0;
+ margin-left: -24px;
+ padding: 10px 0 10px 0;
+ left: 50%;
+ filter: "alpha(opacity=100)";
+ opacity: 1;
+ overflow: initial; }
+
+.justified-gallery > .spinner > span {
+ display: inline-block;
+ filter: "alpha(opacity=0)";
+ opacity: 0;
+ width: 8px;
+ height: 8px;
+ margin: 0 4px 0 4px;
+ background-color: #000;
+ border-radius: 6px; }
+
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+@font-face {
+ font-family: 'lg';
+ src: url("./fonts/lg.eot?n1z373");
+ src: url("./fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("./fonts/lg.woff?n1z373") format("woff"), url("./fonts/lg.ttf?n1z373") format("truetype"), url("./fonts/lg.svg?n1z373#lg") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+.lg-icon {
+ font-family: 'lg';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.lg-actions .lg-next, .lg-actions .lg-prev {
+ background-color: rgba(0, 0, 0, 0.45);
+ border-radius: 2px;
+ color: #999;
+ cursor: pointer;
+ display: block;
+ font-size: 22px;
+ margin-top: -10px;
+ padding: 8px 10px 9px;
+ position: absolute;
+ top: 50%;
+ z-index: 2180;
+ border: none;
+ outline: none; }
+ .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
+ pointer-events: none;
+ opacity: 0.5; }
+ .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
+ color: #FFF; }
+
+.lg-actions .lg-next {
+ right: 20px; }
+ .lg-actions .lg-next:before {
+ content: "\e095"; }
+
+.lg-actions .lg-prev {
+ left: 20px; }
+ .lg-actions .lg-prev:after {
+ content: "\e094"; }
+
+@-webkit-keyframes lg-right-end {
+ 0% {
+ left: 0; }
+ 50% {
+ left: -30px; }
+ 100% {
+ left: 0; } }
+
+@keyframes lg-right-end {
+ 0% {
+ left: 0; }
+ 50% {
+ left: -30px; }
+ 100% {
+ left: 0; } }
+
+@-webkit-keyframes lg-left-end {
+ 0% {
+ left: 0; }
+ 50% {
+ left: 30px; }
+ 100% {
+ left: 0; } }
+
+@keyframes lg-left-end {
+ 0% {
+ left: 0; }
+ 50% {
+ left: 30px; }
+ 100% {
+ left: 0; } }
+
+.lg-outer.lg-right-end .lg-object {
+ -webkit-animation: lg-right-end 0.3s;
+ animation: lg-right-end 0.3s;
+ position: relative; }
+
+.lg-outer.lg-left-end .lg-object {
+ -webkit-animation: lg-left-end 0.3s;
+ animation: lg-left-end 0.3s;
+ position: relative; }
+
+.lg-toolbar {
+ z-index: 2182;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0.45); }
+ .lg-toolbar .lg-icon {
+ color: #999;
+ cursor: pointer;
+ float: right;
+ font-size: 24px;
+ height: 47px;
+ line-height: 27px;
+ padding: 10px 0;
+ text-align: center;
+ width: 50px;
+ text-decoration: none !important;
+ outline: medium none;
+ -webkit-transition: color 0.2s linear;
+ transition: color 0.2s linear; }
+ .lg-toolbar .lg-icon:hover {
+ color: #FFF; }
+ .lg-toolbar .lg-close:after {
+ content: "\e070"; }
+ .lg-toolbar .lg-download:after {
+ content: "\e0f2"; }
+
+.lg-sub-html {
+ background-color: transparent;
+ bottom: 0;
+ color: #EEE;
+ font-size: 16px;
+ left: 0;
+ padding: 10px 40px;
+ position: fixed;
+ right: 0;
+ text-align: center;
+ z-index: 2180; }
+ .lg-sub-html h4 {
+ margin: 0;
+ font-size: 13px;
+ font-weight: bold; }
+ .lg-sub-html p {
+ font-size: 12px;
+ margin: 5px 0 0; }
+
+#lg-counter {
+ color: #999;
+ display: inline-block;
+ font-size: 1rem;
+ padding-left: 20px;
+ padding-top: 12px;
+ vertical-align: middle; }
+
+.lg-toolbar, .lg-prev, .lg-next {
+ opacity: 1;
+ -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
+ -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
+ transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; }
+
+.lg-hide-items .lg-prev {
+ opacity: 0;
+ -webkit-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0); }
+
+.lg-hide-items .lg-next {
+ opacity: 0;
+ -webkit-transform: translate3d(10px, 0, 0);
+ transform: translate3d(10px, 0, 0); }
+
+.lg-hide-items .lg-toolbar {
+ opacity: 0;
+ -webkit-transform: translate3d(0, -10px, 0);
+ transform: translate3d(0, -10px, 0); }
+
+body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
+ -webkit-transform: scale3d(0.5, 0.5, 0.5);
+ transform: scale3d(0.5, 0.5, 0.5);
+ opacity: 0;
+ -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
+ -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
+ transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
+ transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
+ transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%; }
+
+body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ opacity: 1; }
+
+.lg-outer .lg-thumb-outer {
+ background-color: #232323;
+ bottom: 0;
+ position: absolute;
+ width: 100%;
+ z-index: 2180;
+ max-height: 350px;
+ -webkit-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+ -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
+ .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
+ cursor: -webkit-grab;
+ cursor: -o-grab;
+ cursor: -ms-grab;
+ cursor: grab; }
+ .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
+ cursor: move;
+ cursor: -webkit-grabbing;
+ cursor: -o-grabbing;
+ cursor: -ms-grabbing;
+ cursor: grabbing; }
+ .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
+ -webkit-transition-duration: 0s !important;
+ transition-duration: 0s !important; }
+
+.lg-outer.lg-thumb-open .lg-thumb-outer {
+ -webkit-transform: translate3d(0, 0%, 0);
+ transform: translate3d(0, 0%, 0); }
+
+.lg-outer .lg-thumb {
+ padding: 10px 0;
+ height: 100%;
+ margin-bottom: -5px; }
+
+.lg-outer .lg-thumb-item {
+ border-radius: 5px;
+ cursor: pointer;
+ float: left;
+ overflow: hidden;
+ height: 100%;
+ border: 2px solid #FFF;
+ border-radius: 4px;
+ margin-bottom: 5px; }
+ @media (min-width: 1025px) {
+ .lg-outer .lg-thumb-item {
+ -webkit-transition: border-color 0.25s ease;
+ transition: border-color 0.25s ease; } }
+ .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
+ border-color: #a90707; }
+ .lg-outer .lg-thumb-item img {
+ width: 100%;
+ height: 100%;
+ -o-object-fit: cover;
+ object-fit: cover; }
+
+.lg-outer.lg-has-thumb .lg-item {
+ padding-bottom: 120px; }
+
+.lg-outer.lg-can-toggle .lg-item {
+ padding-bottom: 0; }
+
+.lg-outer.lg-pull-caption-up .lg-sub-html {
+ -webkit-transition: bottom 0.25s ease;
+ transition: bottom 0.25s ease; }
+
+.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
+ bottom: 100px; }
+
+.lg-outer .lg-toogle-thumb {
+ background-color: #232323;
+ border-radius: 2px 2px 0 0;
+ color: #999;
+ cursor: pointer;
+ font-size: 24px;
+ height: 39px;
+ line-height: 27px;
+ padding: 5px 0;
+ position: absolute;
+ right: 20px;
+ text-align: center;
+ top: -39px;
+ width: 50px; }
+ .lg-outer .lg-toogle-thumb:after {
+ content: "\e1ff"; }
+ .lg-outer .lg-toogle-thumb:hover {
+ color: #FFF; }
+
+.lg-outer .lg-video-cont {
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 1140px;
+ max-height: 100%;
+ width: 100%;
+ padding: 0 5px; }
+
+.lg-outer .lg-video {
+ width: 100%;
+ height: 0;
+ padding-bottom: 56.25%;
+ overflow: hidden;
+ position: relative; }
+ .lg-outer .lg-video .lg-object {
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100% !important;
+ height: 100% !important; }
+ .lg-outer .lg-video .lg-video-play {
+ width: 84px;
+ height: 59px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin-left: -42px;
+ margin-top: -30px;
+ z-index: 2180;
+ cursor: pointer; }
+
+.lg-outer .lg-has-iframe .lg-video {
+ -webkit-overflow-scrolling: touch;
+ overflow: auto; }
+
+.lg-outer .lg-has-vimeo .lg-video-play {
+ background: url("../../../img/vimeo-play.png") no-repeat scroll 0 0 transparent; }
+
+.lg-outer .lg-has-vimeo:hover .lg-video-play {
+ background: url("../../../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; }
+
+.lg-outer .lg-has-html5 .lg-video-play {
+ background: transparent url("../../../img/video-play.png") no-repeat scroll 0 0;
+ height: 64px;
+ margin-left: -32px;
+ margin-top: -32px;
+ width: 64px;
+ opacity: 0.8; }
+
+.lg-outer .lg-has-html5:hover .lg-video-play {
+ opacity: 1; }
+
+.lg-outer .lg-has-youtube .lg-video-play {
+ background: url("../../../img/youtube-play.png") no-repeat scroll 0 0 transparent; }
+
+.lg-outer .lg-has-youtube:hover .lg-video-play {
+ background: url("../../../img/youtube-play.png") no-repeat scroll 0 -60px transparent; }
+
+.lg-outer .lg-video-object {
+ width: 100% !important;
+ height: 100% !important;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.lg-outer .lg-has-video .lg-video-object {
+ visibility: hidden; }
+
+.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play {
+ display: none; }
+
+.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
+ visibility: visible; }
+
+.lg-progress-bar {
+ background-color: #333;
+ height: 5px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 2183;
+ opacity: 0;
+ -webkit-transition: opacity 0.08s ease 0s;
+ transition: opacity 0.08s ease 0s; }
+ .lg-progress-bar .lg-progress {
+ background-color: #a90707;
+ height: 5px;
+ width: 0; }
+ .lg-progress-bar.lg-start .lg-progress {
+ width: 100%; }
+ .lg-show-autoplay .lg-progress-bar {
+ opacity: 1; }
+
+.lg-autoplay-button:after {
+ content: "\e01d"; }
+ .lg-show-autoplay .lg-autoplay-button:after {
+ content: "\e01a"; }
+
+.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
+ -webkit-transition-duration: 0s;
+ transition-duration: 0s; }
+
+.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
+
+.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
+ -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; }
+
+.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
+ -webkit-transform: scale3d(1, 1, 1);
+ transform: scale3d(1, 1, 1);
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
+ -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
+ transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
+ transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important;
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+#lg-zoom-in:after {
+ content: "\e311"; }
+
+#lg-actual-size {
+ font-size: 20px; }
+ #lg-actual-size:after {
+ content: "\e033"; }
+
+#lg-zoom-out {
+ opacity: 0.5;
+ pointer-events: none; }
+ #lg-zoom-out:after {
+ content: "\e312"; }
+ .lg-zoomed #lg-zoom-out {
+ opacity: 1;
+ pointer-events: auto; }
+
+.lg-outer .lg-pager-outer {
+ bottom: 60px;
+ left: 0;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ z-index: 2180;
+ height: 10px; }
+ .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
+ overflow: visible; }
+
+.lg-outer .lg-pager-cont {
+ cursor: pointer;
+ display: inline-block;
+ overflow: hidden;
+ position: relative;
+ vertical-align: top;
+ margin: 0 5px; }
+ .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
+ opacity: 1;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0); }
+ .lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
+ -webkit-box-shadow: 0 0 0 2px white inset;
+ box-shadow: 0 0 0 2px white inset; }
+
+.lg-outer .lg-pager-thumb-cont {
+ background-color: #fff;
+ color: #FFF;
+ bottom: 100%;
+ height: 83px;
+ left: 0;
+ margin-bottom: 20px;
+ margin-left: -60px;
+ opacity: 0;
+ padding: 5px;
+ position: absolute;
+ width: 120px;
+ border-radius: 3px;
+ -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
+ transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
+ transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
+ transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0); }
+ .lg-outer .lg-pager-thumb-cont img {
+ width: 100%;
+ height: 100%; }
+
+.lg-outer .lg-pager {
+ background-color: rgba(255, 255, 255, 0.5);
+ border-radius: 50%;
+ -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
+ box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
+ display: block;
+ height: 12px;
+ -webkit-transition: box-shadow 0.3s ease 0s;
+ -webkit-transition: -webkit-box-shadow 0.3s ease 0s;
+ transition: -webkit-box-shadow 0.3s ease 0s;
+ transition: box-shadow 0.3s ease 0s;
+ transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
+ width: 12px; }
+ .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
+ -webkit-box-shadow: 0 0 0 8px white inset;
+ box-shadow: 0 0 0 8px white inset; }
+
+.lg-outer .lg-caret {
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-top: 10px dashed;
+ bottom: -10px;
+ display: inline-block;
+ height: 0;
+ left: 50%;
+ margin-left: -5px;
+ position: absolute;
+ vertical-align: middle;
+ width: 0; }
+
+.lg-fullscreen:after {
+ content: "\e20c"; }
+ .lg-fullscreen-on .lg-fullscreen:after {
+ content: "\e20d"; }
+
+.lg-outer #lg-dropdown-overlay {
+ background-color: rgba(0, 0, 0, 0.25);
+ bottom: 0;
+ cursor: default;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 2181;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
+ transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; }
+
+.lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay {
+ -webkit-transition-delay: 0s;
+ transition-delay: 0s;
+ -webkit-transform: translate3d(0, 0px, 0);
+ transform: translate3d(0, 0px, 0);
+ opacity: 1;
+ visibility: visible; }
+
+.lg-outer.lg-dropdown-active #lg-share {
+ color: #FFF; }
+
+.lg-outer .lg-dropdown {
+ background-color: #fff;
+ border-radius: 2px;
+ font-size: 14px;
+ list-style-type: none;
+ margin: 0;
+ padding: 10px 0;
+ position: absolute;
+ right: 0;
+ text-align: left;
+ top: 50px;
+ opacity: 0;
+ visibility: hidden;
+ -webkit-transform: translate3d(0, 5px, 0);
+ transform: translate3d(0, 5px, 0);
+ -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
+ -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
+ transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s;
+ transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
+ transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; }
+ .lg-outer .lg-dropdown:after {
+ content: "";
+ display: block;
+ height: 0;
+ width: 0;
+ position: absolute;
+ border: 8px solid transparent;
+ border-bottom-color: #FFF;
+ right: 16px;
+ top: -16px; }
+ .lg-outer .lg-dropdown > li:last-child {
+ margin-bottom: 0px; }
+ .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon {
+ color: #333; }
+ .lg-outer .lg-dropdown a {
+ color: #333;
+ display: block;
+ white-space: pre;
+ padding: 4px 12px;
+ font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
+ font-size: 12px; }
+ .lg-outer .lg-dropdown a:hover {
+ background-color: rgba(0, 0, 0, 0.07); }
+ .lg-outer .lg-dropdown .lg-dropdown-text {
+ display: inline-block;
+ line-height: 1;
+ margin-top: -3px;
+ vertical-align: middle; }
+ .lg-outer .lg-dropdown .lg-icon {
+ color: #333;
+ display: inline-block;
+ float: none;
+ font-size: 20px;
+ height: auto;
+ line-height: 1;
+ margin-right: 8px;
+ padding: 0;
+ vertical-align: middle;
+ width: auto; }
+
+.lg-outer #lg-share {
+ position: relative; }
+ .lg-outer #lg-share:after {
+ content: "\e80d"; }
+
+.lg-outer #lg-share-facebook .lg-icon {
+ color: #3b5998; }
+ .lg-outer #lg-share-facebook .lg-icon:after {
+ content: "\e901"; }
+
+.lg-outer #lg-share-twitter .lg-icon {
+ color: #00aced; }
+ .lg-outer #lg-share-twitter .lg-icon:after {
+ content: "\e904"; }
+
+.lg-outer #lg-share-googleplus .lg-icon {
+ color: #dd4b39; }
+ .lg-outer #lg-share-googleplus .lg-icon:after {
+ content: "\e902"; }
+
+.lg-outer #lg-share-pinterest .lg-icon {
+ color: #cb2027; }
+ .lg-outer #lg-share-pinterest .lg-icon:after {
+ content: "\e903"; }
+
+.lg-group:after {
+ content: "";
+ display: table;
+ clear: both; }
+
+.lg-outer {
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2150;
+ text-align: left;
+ opacity: 0;
+ -webkit-transition: opacity 0.15s ease 0s;
+ transition: opacity 0.15s ease 0s; }
+ .lg-outer * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+ .lg-outer.lg-visible {
+ opacity: 1; }
+ .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
+ -webkit-transition-duration: inherit !important;
+ transition-duration: inherit !important;
+ -webkit-transition-timing-function: inherit !important;
+ transition-timing-function: inherit !important; }
+ .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
+ -webkit-transition-duration: 0s !important;
+ transition-duration: 0s !important;
+ opacity: 1; }
+ .lg-outer.lg-grab img.lg-object {
+ cursor: -webkit-grab;
+ cursor: -o-grab;
+ cursor: -ms-grab;
+ cursor: grab; }
+ .lg-outer.lg-grabbing img.lg-object {
+ cursor: move;
+ cursor: -webkit-grabbing;
+ cursor: -o-grabbing;
+ cursor: -ms-grabbing;
+ cursor: grabbing; }
+ .lg-outer .lg {
+ height: 100%;
+ width: 100%;
+ position: relative;
+ overflow: hidden;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 100%;
+ max-height: 100%; }
+ .lg-outer .lg-inner {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ top: 0;
+ white-space: nowrap; }
+ .lg-outer .lg-item {
+ background: url("../../../img/loading.gif") no-repeat scroll center center transparent;
+ display: none !important; }
+ .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
+ display: inline-block !important; }
+ .lg-outer.lg-css .lg-current {
+ display: inline-block !important; }
+ .lg-outer .lg-item, .lg-outer .lg-img-wrap {
+ display: inline-block;
+ text-align: center;
+ position: absolute;
+ width: 100%;
+ height: 100%; }
+ .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
+ content: "";
+ display: inline-block;
+ height: 50%;
+ width: 1px;
+ margin-right: -1px; }
+ .lg-outer .lg-img-wrap {
+ position: absolute;
+ padding: 0 5px;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0; }
+ .lg-outer .lg-item.lg-complete {
+ background-image: none; }
+ .lg-outer .lg-item.lg-current {
+ z-index: 2160; }
+ .lg-outer .lg-image {
+ display: inline-block;
+ vertical-align: middle;
+ max-width: 100%;
+ max-height: 100%;
+ width: auto !important;
+ height: auto !important; }
+ .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
+ opacity: 0;
+ -webkit-transition: opacity 0.15s ease 0s;
+ transition: opacity 0.15s ease 0s; }
+ .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
+ opacity: 1; }
+ .lg-outer .lg-empty-html {
+ display: none; }
+ .lg-outer.lg-hide-download #lg-download {
+ display: none; }
+
+.lg-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 2140;
+ background-color: #000;
+ opacity: 0;
+ -webkit-transition: opacity 0.15s ease 0s;
+ transition: opacity 0.15s ease 0s; }
+ .lg-backdrop.in {
+ opacity: 0.9; }
+
+.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
+ -webkit-transition: none 0s ease 0s !important;
+ transition: none 0s ease 0s !important; }
+
+.lg-css3.lg-use-css3 .lg-item {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.lg-css3.lg-use-left .lg-item {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden; }
+
+.lg-css3.lg-fade .lg-item {
+ opacity: 0; }
+ .lg-css3.lg-fade .lg-item.lg-current {
+ opacity: 1; }
+ .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
+ -webkit-transition: opacity 0.1s ease 0s;
+ transition: opacity 0.1s ease 0s; }
+
+.lg-css3.lg-slide.lg-use-css3 .lg-item {
+ opacity: 0; }
+ .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0); }
+ .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0); }
+ .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+ opacity: 1; }
+ .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
+ -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
+ -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
+ transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
+ transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; }
+
+.lg-css3.lg-slide.lg-use-left .lg-item {
+ opacity: 0;
+ position: absolute;
+ left: 0; }
+ .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
+ left: -100%; }
+ .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
+ left: 100%; }
+ .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
+ left: 0;
+ opacity: 1; }
+ .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
+ -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
+ transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
+
+.lg-icon {
+ font-family: 'Font Awesome 5 Pro'; }
+
+.lg-actions .lg-next:before {
+ content: "\f178"; }
+
+.lg-actions .lg-prev:after {
+ content: "\f177"; }
+
+.lg-outer .lg-toogle-thumb:after {
+ content: "\f07d"; }
+
+.lg-toolbar .lg-close:after {
+ content: "\f00d"; }
+
+.lg-toolbar .lg-download:after {
+ content: "\f33d"; }
+
+.lg-toolbar .lg-fullscreen:after {
+ content: "\f320"; }
+
+.lg-autoplay-button:after {
+ content: "\f144"; }
+
+.lg-show-autoplay .lg-autoplay-button:after {
+ content: "\f28b"; }
+
+#lg-zoom-in:after {
+ content: "\f00e"; }
+
+#lg-zoom-out:after {
+ content: "\f010"; }
+
+#lg-actual-size:after {
+ content: "\f002"; }
+
+.lg-outer #lg-share:after {
+ content: "\f1e0"; }
+
+#lg-download {
+ border-bottom: 0 !important; }
+
+.lg-toolbar {
+ background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(0, 0, 0, 0)));
+ background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
+ padding-right: 1rem; }
+ .lg-toolbar .lg-icon {
+ height: 5rem;
+ line-height: 5rem;
+ padding: 0; }
+
+#lg-counter {
+ padding-top: 26px; }
+
+.lg-outer .lg-toogle-thumb {
+ font-size: 21px;
+ height: 50px;
+ top: -50px;
+ line-height: 50px;
+ padding: 0;
+ border-radius: 50% 50% 0 0; }
+ .lg-outer .lg-toogle-thumb .lg-thumb {
+ padding: 1rem 0; }
+
+.lg-actions .lg-next,
+.lg-actions .lg-prev {
+ height: 50px;
+ width: 50px;
+ line-height: 50px;
+ padding: 0;
+ border-radius: 50%;
+ -webkit-transition: all 0.2s ease;
+ transition: all 0.2s ease; }
+ .lg-actions .lg-next:hover,
+ .lg-actions .lg-prev:hover {
+ background-color: #2196F3; }
+ .lg-actions .lg-next:active,
+ .lg-actions .lg-prev:active {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95); }
+
+.lg-outer .lg-thumb-item.active,
+.lg-outer .lg-thumb-item:hover {
+ border-color: #fd3995; }
+
+.lg-toolbar .lg-icon {
+ font-size: 1.3rem; }
+
+/*# sourceMappingURL=lightgallery.bundle.css.map */
diff --git a/public/assets/css/miscellaneous/lightgallery/lightgallery.bundle.css.map b/public/assets/css/miscellaneous/lightgallery/lightgallery.bundle.css.map
new file mode 100644
index 0000000..53abd3c
--- /dev/null
+++ b/public/assets/css/miscellaneous/lightgallery/lightgallery.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["lightgallery.bundle.css","../../../scss/_modules/variables.scss","../../../../node_modules/lightgallery/src/sass/lg-fonts.scss","../../../../node_modules/lightgallery/src/sass/lg-theme-default.scss","_variables.scss","../../../../node_modules/lightgallery/src/sass/lg-mixins.scss","../../../../node_modules/lightgallery/src/sass/lg-thumbnail.scss","../../../../node_modules/lightgallery/src/sass/lg-video.scss","../../../../node_modules/lightgallery/src/sass/lg-autoplay.scss","../../../../node_modules/lightgallery/src/sass/lg-zoom.scss","../../../../node_modules/lightgallery/src/sass/lg-pager.scss","../../../../node_modules/lightgallery/src/sass/lg-fullscreen.scss","../../../../node_modules/lightgallery/src/sass/lg-share.scss","../../../../node_modules/lightgallery/src/sass/lg-core.scss","custom-styles.scss"],"names":[],"mappings":"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","file":"lightgallery.bundle.css","sourcesContent":["/*!\n * justifiedGallery - v3.7.0\n * http://miromannino.github.io/Justified-Gallery/\n * Copyright (c) 2018 Miro Mannino\n * Licensed under the MIT license.\n */\n.justified-gallery {\n width: 100%;\n position: relative;\n overflow: hidden;\n}\n.justified-gallery > a,\n.justified-gallery > div,\n.justified-gallery > figure {\n position: absolute;\n display: inline-block;\n overflow: hidden;\n /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */\n filter: \"alpha(opacity=10)\";\n opacity: 0.1;\n margin: 0;\n padding: 0;\n}\n.justified-gallery > a > img,\n.justified-gallery > div > img,\n.justified-gallery > figure > img,\n.justified-gallery > a > a > img,\n.justified-gallery > div > a > img,\n.justified-gallery > figure > a > img {\n position: absolute;\n top: 50%;\n left: 50%;\n margin: 0;\n padding: 0;\n border: none;\n filter: \"alpha(opacity=0)\";\n opacity: 0;\n}\n.justified-gallery > a > .caption,\n.justified-gallery > div > .caption,\n.justified-gallery > figure > .caption {\n display: none;\n position: absolute;\n bottom: 0;\n padding: 5px;\n background-color: #000000;\n left: 0;\n right: 0;\n margin: 0;\n color: white;\n font-size: 12px;\n font-weight: 300;\n font-family: sans-serif;\n}\n.justified-gallery > a > .caption.caption-visible,\n.justified-gallery > div > .caption.caption-visible,\n.justified-gallery > figure > .caption.caption-visible {\n display: initial;\n filter: \"alpha(opacity=70)\";\n opacity: 0.7;\n -webkit-transition: opacity 500ms ease-in;\n -moz-transition: opacity 500ms ease-in;\n -o-transition: opacity 500ms ease-in;\n transition: opacity 500ms ease-in;\n}\n.justified-gallery > .entry-visible {\n filter: \"alpha(opacity=100)\";\n opacity: 1;\n background: none;\n}\n.justified-gallery > .entry-visible > img,\n.justified-gallery > .entry-visible > a > img {\n filter: \"alpha(opacity=100)\";\n opacity: 1;\n -webkit-transition: opacity 500ms ease-in;\n -moz-transition: opacity 500ms ease-in;\n -o-transition: opacity 500ms ease-in;\n transition: opacity 500ms ease-in;\n}\n.justified-gallery > .jg-filtered {\n display: none;\n}\n.justified-gallery > .spinner {\n position: absolute;\n bottom: 0;\n margin-left: -24px;\n padding: 10px 0 10px 0;\n left: 50%;\n filter: \"alpha(opacity=100)\";\n opacity: 1;\n overflow: initial;\n}\n.justified-gallery > .spinner > span {\n display: inline-block;\n filter: \"alpha(opacity=0)\";\n opacity: 0;\n width: 8px;\n height: 8px;\n margin: 0 4px 0 4px;\n background-color: #000;\n border-radius: 6px;\n}\n\n@import \"./src/scss/_modules/variables\";\r\n@import \"./src/custom/plugins/lightgallery/_variables\";\r\n@import \"./node_modules/lightgallery/src/sass/lightgallery\";\r\n@import \"./src/custom/plugins/lightgallery/custom-styles\";\r\n","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","// font icons support\n@font-face {\n font-family: 'lg';\n src: url(\"#{$lg-path-fonts}/lg.eot?n1z373\");\n src: url(\"#{$lg-path-fonts}/lg.eot?#iefixn1z373\") format(\"embedded-opentype\"), url(\"#{$lg-path-fonts}/lg.woff?n1z373\") format(\"woff\"), url(\"#{$lg-path-fonts}/lg.ttf?n1z373\") format(\"truetype\"), url(\"#{$lg-path-fonts}/lg.svg?n1z373#lg\") format(\"svg\");\n font-weight: normal;\n font-style: normal;\n}\n\n\n.lg-icon {\n font-family: 'lg';\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}","// default theme\n.lg-actions {\n .lg-next, .lg-prev {\n background-color: $lg-next-prev-bg;\n border-radius: $lg-border-radius-base;\n color: $lg-next-prev-color;\n cursor: pointer;\n display: block;\n font-size: 22px;\n margin-top: -10px;\n padding: 8px 10px 9px;\n position: absolute;\n top: 50%;\n z-index: $zindex-controls;\n border: none;\n outline: none;\n\n &.disabled {\n pointer-events: none;\n opacity: 0.5;\n }\n\n &:hover {\n color: $lg-next-prev-hover-color;\n }\n }\n\n .lg-next {\n right: 20px;\n\n &:before {\n content: \"\\e095\";\n }\n }\n\n .lg-prev {\n left: 20px;\n\n &:after {\n content: \"\\e094\";\n }\n }\n}\n\n@include keyframes(lg-right-end) {\n 0% {\n left: 0;\n }\n\n 50% {\n left: -30px;\n }\n\n 100% {\n left: 0;\n }\n}\n\n\n@include keyframes(lg-left-end) {\n 0% {\n left: 0;\n }\n\n 50% {\n left: 30px;\n }\n\n 100% {\n left: 0;\n }\n}\n\n\n.lg-outer {\n &.lg-right-end {\n .lg-object {\n @include animation(lg-right-end 0.3s);\n position: relative;\n }\n }\n\n &.lg-left-end {\n .lg-object {\n @include animation(lg-left-end 0.3s);\n position: relative;\n }\n }\n}\n\n// lg toolbar\n.lg-toolbar {\n z-index: $zindex-toolbar;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n background-color: $lg-toolbar-bg;\n\n .lg-icon {\n color: $lg-toolbar-icon-color;\n cursor: pointer;\n float: right;\n font-size: 24px;\n height: 47px;\n line-height: 27px;\n padding: 10px 0;\n text-align: center;\n width: 50px;\n text-decoration: none !important;\n outline: medium none;\n @include transition(color 0.2s linear);\n\n &:hover {\n color: $lg-toolbar-icon-hover-color;\n }\n }\n\n .lg-close {\n &:after {\n content: \"\\e070\";\n }\n }\n\n .lg-download {\n &:after {\n content: \"\\e0f2\";\n }\n }\n}\n\n// lightGallery title\n.lg-sub-html {\n background-color: $lg-sub-html-bg;\n bottom: 0;\n color: $lg-sub-html-color;\n font-size: 16px;\n left: 0;\n padding: 10px 40px;\n position: fixed;\n right: 0;\n text-align: center;\n z-index: $zindex-subhtml;\n\n h4 {\n margin: 0;\n font-size: 13px;\n font-weight: bold;\n }\n\n p {\n font-size: 12px;\n margin: 5px 0 0;\n }\n}\n\n// lg image counter\n#lg-counter {\n color: $lg-icon-color;\n display: inline-block;\n font-size: $lg-counter-font-size;\n padding-left: 20px;\n padding-top: 12px;\n vertical-align: middle;\n}\n\n// for idle state\n.lg-toolbar, .lg-prev, .lg-next {\n opacity: 1;\n @include transitionCustom(transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear);\n}\n\n.lg-hide-items {\n .lg-prev {\n opacity: 0;\n @include translate3d(-10px, 0, 0);\n }\n\n .lg-next {\n opacity: 0;\n @include translate3d(10px, 0, 0);\n }\n\n .lg-toolbar {\n opacity: 0;\n @include translate3d(0, -10px, 0);\n }\n}\n\n// Starting effect\nbody:not(.lg-from-hash){\n .lg-outer {\n &.lg-start-zoom{\n .lg-object{\n @include scale3d(0.5, 0.5, 0.5);\n opacity: 0;\n @include transitionCustom(transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important);\n @include transform-origin(50% 50%);\n }\n .lg-item.lg-complete{\n .lg-object{\n @include scale3d(1, 1, 1);\n opacity: 1;\n }\n }\n }\n }\n}","$backdrop-opacity: 0.90;\r\n$lg-toolbar-bg: rgba(0, 0, 0, 0.45) !default;\r\n$lg-border-radius-base: 2px !default;\r\n$lg-theme-highlight: rgb(169, 7, 7) !default;\r\n$lg-theme: #0D0A0A !default;\r\n\r\n// basic icon colours\r\n$lg-icon-bg: rgba(0, 0, 0, 0.45) !default;\r\n$lg-icon-color: #999 !default;\r\n$lg-icon-hover-color: #FFF !default;\r\n\r\n// counter\r\n$lg-counter-color: #e6e6e6 !default;\r\n$lg-counter-font-size: 1rem !default;\r\n\r\n// Next prev icons\r\n$lg-next-prev-bg: $lg-icon-bg !default;\r\n$lg-next-prev-color: $lg-icon-color !default;\r\n$lg-next-prev-hover-color: $lg-icon-hover-color !default;\r\n\r\n// toolbar icons\r\n$lg-toolbar-icon-color: $lg-icon-color !default;\r\n$lg-toolbar-icon-hover-color: $lg-icon-hover-color !default;\r\n\r\n// autoplay progress bar\r\n$lg-progress-bar-bg: #333 !default;\r\n$lg-progress-bar-active-bg: $lg-theme-highlight !default;\r\n$lg-progress-bar-height: 5px !default;\r\n\r\n// paths\r\n$lg-path-fonts: './fonts'!default;\r\n$lg-path-images: '../../../img'!default;\r\n\r\n// Zoom plugin\r\n$zoom-transition-duration: 0.3s !default;\r\n\r\n// Sub html - titile\r\n$lg-sub-html-bg: transparent !default;\r\n$lg-sub-html-color: #EEE !default;\r\n\r\n// thumbnail toggle button\r\n$lg-thumb-toggle-bg: #232323;\r\n$lg-thumb-toggle-color: $lg-icon-color !default;\r\n$lg-thumb-toggle-hover-color: $lg-icon-hover-color !default;\r\n$lg-thumb-bg: $lg-thumb-toggle-bg;\r\n\r\n// z-index\r\n$zindex-outer: 2150 !default;\r\n$zindex-progressbar: 2183 !default;\r\n$zindex-controls: 2180 !default;\r\n$zindex-toolbar: 2182 !default;\r\n$zindex-subhtml: 2180 !default;\r\n$zindex-thumbnail: 2180 !default;\r\n$zindex-pager: 2180 !default;\r\n$zindex-playbutton: 2180 !default;\r\n$zindex-item: 2160 !default;\r\n$zindex-backdrop: 2140 !default;\r\n","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n// - cursor grab\n\n// Animations\n@mixin animation($animation) {\n -webkit-animation: $animation;\n -o-animation: $animation;\n animation: $animation;\n}\n\n@mixin animation-name($name) {\n -webkit-animation-name: $name;\n animation-name: $name;\n}\n\n@mixin animation-duration($duration) {\n -webkit-animation-duration: $duration;\n animation-duration: $duration;\n}\n\n@mixin animation-timing-function($timing-function) {\n -webkit-animation-timing-function: $timing-function;\n animation-timing-function: $timing-function;\n}\n\n@mixin animation-delay($delay) {\n -webkit-animation-delay: $delay;\n animation-delay: $delay;\n}\n\n@mixin animation-iteration-count($iteration-count) {\n -webkit-animation-iteration-count: $iteration-count;\n animation-iteration-count: $iteration-count;\n}\n\n@mixin animation-direction($direction) {\n -webkit-animation-direction: $direction;\n animation-direction: $direction;\n}\n\n@mixin animation-fill-mode($fill-mode) {\n -webkit-animation-fill-mode: $fill-mode;\n animation-fill-mode: $fill-mode;\n}\n\n@mixin keyframes($name) {\n @-webkit-keyframes #{$name} {\n @content;\n }\n\n @-moz-keyframes #{$name} {\n @content;\n }\n\n @-ms-keyframes #{$name} {\n @content;\n }\n\n @keyframes #{$name} {\n @content;\n }\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n@mixin backface-visibility($visibility) {\n -webkit-backface-visibility: $visibility;\n -moz-backface-visibility: $visibility;\n backface-visibility: $visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n@mixin box-shadow($shadow...) {\n -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1\n box-shadow: $shadow;\n}\n\n// Box sizing\n@mixin box-sizing($boxmodel) {\n -webkit-box-sizing: $boxmodel;\n -moz-box-sizing: $boxmodel;\n box-sizing: $boxmodel;\n}\n\n// CSS3 Content Columns\n@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {\n -webkit-column-count: $column-count;\n -moz-column-count: $column-count;\n column-count: $column-count;\n -webkit-column-gap: $column-gap;\n -moz-column-gap: $column-gap;\n column-gap: $column-gap;\n}\n\n// Optional hyphenation\n@mixin hyphens($mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: $mode;\n -moz-hyphens: $mode;\n -ms-hyphens: $mode; // IE10+\n -o-hyphens: $mode;\n hyphens: $mode;\n}\n\n// Transformations\n@mixin scale($ratio...) {\n -webkit-transform: scale($ratio);\n -ms-transform: scale($ratio); // IE9 only\n -o-transform: scale($ratio);\n transform: scale($ratio);\n}\n\n@mixin scaleX($ratio) {\n -webkit-transform: scaleX($ratio);\n -ms-transform: scaleX($ratio); // IE9 only\n -o-transform: scaleX($ratio);\n transform: scaleX($ratio);\n}\n\n@mixin scaleY($ratio) {\n -webkit-transform: scaleY($ratio);\n -ms-transform: scaleY($ratio); // IE9 only\n -o-transform: scaleY($ratio);\n transform: scaleY($ratio);\n}\n\n@mixin skew($x, $y) {\n -webkit-transform: skewX($x) skewY($y);\n -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX($x) skewY($y);\n transform: skewX($x) skewY($y);\n}\n\n@mixin translate($x, $y) {\n -webkit-transform: translate($x, $y);\n -ms-transform: translate($x, $y); // IE9 only\n -o-transform: translate($x, $y);\n transform: translate($x, $y);\n}\n\n@mixin translate3d($x, $y, $z) {\n -webkit-transform: translate3d($x, $y, $z);\n transform: translate3d($x, $y, $z);\n}\n\n@mixin scale3d($x, $y, $z) {\n -webkit-transform: scale3d($x, $y, $z);\n transform: scale3d($x, $y, $z);\n}\n\n@mixin rotate($degrees) {\n -webkit-transform: rotate($degrees);\n -ms-transform: rotate($degrees); // IE9 only\n -o-transform: rotate($degrees);\n transform: rotate($degrees);\n}\n\n@mixin rotateX($degrees) {\n -webkit-transform: rotateX($degrees);\n -ms-transform: rotateX($degrees); // IE9 only\n -o-transform: rotateX($degrees);\n transform: rotateX($degrees);\n}\n\n@mixin rotateY($degrees) {\n -webkit-transform: rotateY($degrees);\n -ms-transform: rotateY($degrees); // IE9 only\n -o-transform: rotateY($degrees);\n transform: rotateY($degrees);\n}\n\n@mixin perspective($perspective) {\n -webkit-perspective: $perspective;\n -moz-perspective: $perspective;\n perspective: $perspective;\n}\n\n@mixin perspective-origin($perspective) {\n -webkit-perspective-origin: $perspective;\n -moz-perspective-origin: $perspective;\n perspective-origin: $perspective;\n}\n\n@mixin transform-origin($origin) {\n -webkit-transform-origin: $origin;\n -moz-transform-origin: $origin;\n -ms-transform-origin: $origin; // IE9 only\n transform-origin: $origin;\n}\n\n@mixin transform($transforms) {\n -moz-transform: $transforms;\n -o-transform: $transforms;\n -ms-transform: $transforms;\n -webkit-transform: $transforms;\n transform: $transforms;\n}\n\n// Transitions\n\n@mixin transition($transition...) {\n -webkit-transition: $transition;\n -o-transition: $transition;\n transition: $transition;\n}\n\n@mixin transition-property($transition-property...) {\n -webkit-transition-property: $transition-property;\n transition-property: $transition-property;\n}\n\n@mixin transition-delay($transition-delay) {\n -webkit-transition-delay: $transition-delay;\n transition-delay: $transition-delay;\n}\n\n@mixin transition-duration($transition-duration...) {\n -webkit-transition-duration: $transition-duration;\n transition-duration: $transition-duration;\n}\n\n@mixin transition-timing-function($timing-function) {\n -webkit-transition-timing-function: $timing-function;\n transition-timing-function: $timing-function;\n}\n\n@mixin transition-transform($transition...) {\n -webkit-transition: -webkit-transform $transition;\n -moz-transition: -moz-transform $transition;\n -o-transition: -o-transform $transition;\n transition: transform $transition;\n}\n\n// transition custom\n\n@function prefix($property, $prefixes: webkit moz o ms) {\n $vendor-prefixed-properties: transform background-clip background-size;\n $result: ();\n\n @each $prefix in $prefixes {\n @if index($vendor-prefixed-properties, $property) {\n $property: -#{$prefix}-#{$property};\n }\n $result: append($result, $property);\n }\n @return $result;\n}\n\n@function trans-prefix($transition, $prefix: moz) {\n $prefixed: ();\n\n @each $trans in $transition {\n $prop-name: nth($trans, 1);\n $vendor-prop-name: prefix($prop-name, $prefix);\n $prop-vals: nth($trans, 2);\n $prefixed: append($prefixed, $vendor-prop-name $prop-vals, comma);\n }\n @return $prefixed;\n}\n\n@mixin transitionCustom($values...) {\n $transitions: ();\n\n @each $declaration in $values {\n $prop: nth($declaration, 1);\n $prop-opts: ();\n $length: length($declaration);\n\n @if $length >= 2 {\n @for $i from 2 through $length {\n $prop-opts: append($prop-opts, nth($declaration, $i));\n }\n }\n $trans: $prop, $prop-opts;\n $transitions: append($transitions, $trans, comma);\n }\n -webkit-transition: trans-prefix($transitions, webkit);\n -moz-transition: trans-prefix($transitions, moz);\n -o-transition: trans-prefix($transitions, o);\n transition: $values;\n}\n\n// User select\n// For selecting text on the page\n\n@mixin user-select($select) {\n -webkit-user-select: $select;\n -moz-user-select: $select;\n -ms-user-select: $select; // IE10+\n user-select: $select;\n}\n\n// mouse grab\n\n@mixin grab-cursor {\n cursor: -webkit-grab;\n cursor: -moz-grab;\n cursor: -o-grab;\n cursor: -ms-grab;\n cursor: grab;\n}\n\n@mixin grabbing-cursor {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: -moz-grabbing;\n cursor: -o-grabbing;\n cursor: -ms-grabbing;\n cursor: grabbing;\n}\n",".lg-outer {\n .lg-thumb-outer {\n background-color: $lg-thumb-bg;\n bottom: 0;\n position: absolute;\n width: 100%;\n z-index: $zindex-thumbnail;\n max-height: 350px;\n @include translate3d(0, 100%, 0);\n @include transitionCustom(transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s);\n\n &.lg-grab {\n .lg-thumb-item {\n @include grab-cursor;\n }\n }\n\n &.lg-grabbing {\n .lg-thumb-item {\n @include grabbing-cursor;\n }\n }\n\n &.lg-dragging {\n .lg-thumb {\n @include transition-duration(0s !important);\n }\n }\n }\n &.lg-thumb-open{\n .lg-thumb-outer {\n @include translate3d(0, 0%, 0);\n }\n }\n\n .lg-thumb {\n padding: 10px 0;\n height: 100%;\n margin-bottom: -5px;\n }\n\n .lg-thumb-item {\n border-radius: 5px;\n cursor: pointer;\n float: left;\n overflow: hidden;\n height: 100%;\n border: 2px solid #FFF;\n border-radius: 4px;\n margin-bottom: 5px;\n @media (min-width: 1025px) {\n @include transition(border-color 0.25s ease);\n }\n\n &.active, &:hover {\n border-color: $lg-theme-highlight;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &.lg-has-thumb {\n .lg-item {\n padding-bottom: 120px;\n }\n }\n\n &.lg-can-toggle {\n .lg-item {\n padding-bottom: 0;\n }\n }\n &.lg-pull-caption-up{\n .lg-sub-html {\n @include transition(bottom 0.25s ease);\n }\n &.lg-thumb-open{\n .lg-sub-html {\n bottom: 100px;\n }\n }\n }\n\n .lg-toogle-thumb {\n background-color: $lg-thumb-toggle-bg;\n border-radius: $lg-border-radius-base $lg-border-radius-base 0 0;\n color: $lg-thumb-toggle-color;\n cursor: pointer;\n font-size: 24px;\n height: 39px;\n line-height: 27px;\n padding: 5px 0;\n position: absolute;\n right: 20px;\n text-align: center;\n top: -39px;\n width: 50px;\n\n &:after {\n content: \"\\e1ff\";\n }\n\n &:hover {\n color: $lg-thumb-toggle-hover-color;\n }\n }\n}",".lg-outer {\n .lg-video-cont {\n display: inline-block;\n vertical-align: middle;\n max-width: 1140px;\n max-height: 100%;\n width: 100%;\n padding: 0 5px;\n }\n\n .lg-video {\n width: 100%;\n height: 0;\n padding-bottom: 56.25%;\n overflow: hidden;\n position: relative;\n\n .lg-object {\n display: inline-block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100% !important;\n height: 100% !important;\n }\n\n .lg-video-play {\n width: 84px;\n height: 59px;\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -42px;\n margin-top: -30px;\n z-index: $zindex-playbutton;\n cursor: pointer;\n }\n }\n\n .lg-has-iframe {\n .lg-video {\n -webkit-overflow-scrolling: touch;\n overflow: auto;\n }\n }\n\n .lg-has-vimeo{\n .lg-video-play{\n background: url(\"#{$lg-path-images}/vimeo-play.png\") no-repeat scroll 0 0 transparent;\n }\n &:hover{\n .lg-video-play{\n background: url(\"#{$lg-path-images}/vimeo-play.png\") no-repeat scroll 0 -58px transparent;\n } \n\n } \n }\n\n .lg-has-html5{\n .lg-video-play{\n background: transparent url(\"#{$lg-path-images}/video-play.png\") no-repeat scroll 0 0;\n height: 64px;\n margin-left: -32px;\n margin-top: -32px;\n width: 64px;\n opacity: 0.8;\n } \n &:hover{\n .lg-video-play{\n opacity: 1\n } \n\n } \n }\n\n .lg-has-youtube{\n .lg-video-play{\n background: url(\"#{$lg-path-images}/youtube-play.png\") no-repeat scroll 0 0 transparent;\n }\n &:hover{\n .lg-video-play{\n background: url(\"#{$lg-path-images}/youtube-play.png\") no-repeat scroll 0 -60px transparent;\n } \n\n } \n }\n .lg-video-object {\n width: 100% !important;\n height: 100% !important;\n position: absolute;\n top: 0;\n left: 0;\n }\n\n .lg-has-video {\n .lg-video-object {\n visibility: hidden;\n }\n\n &.lg-video-playing {\n .lg-object, .lg-video-play {\n display: none;\n }\n\n .lg-video-object {\n visibility: visible;\n }\n }\n }\n}",".lg-progress-bar {\n background-color: $lg-progress-bar-bg;\n height: $lg-progress-bar-height;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: $zindex-progressbar;\n opacity: 0;\n @include transitionCustom(opacity 0.08s ease 0s);\n\n .lg-progress {\n background-color: $lg-progress-bar-active-bg;\n height: $lg-progress-bar-height;\n width: 0;\n }\n\n &.lg-start {\n .lg-progress {\n width: 100%;\n }\n }\n\n .lg-show-autoplay & {\n opacity: 1;\n }\n}\n\n.lg-autoplay-button {\n &:after {\n .lg-show-autoplay & {\n content: \"\\e01a\";\n }\n content: \"\\e01d\";\n }\n}",".lg-outer {\n // reset transition duration\n &.lg-css3.lg-zoom-dragging {\n .lg-item.lg-complete.lg-zoomable {\n .lg-img-wrap, .lg-image {\n @include transition-duration(0s);\n }\n }\n }\n &.lg-use-transition-for-zoom {\n .lg-item.lg-complete.lg-zoomable {\n .lg-img-wrap {\n @include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s);\n }\n }\n }\n &.lg-use-left-for-zoom {\n .lg-item.lg-complete.lg-zoomable {\n .lg-img-wrap {\n @include transitionCustom(left $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, top $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s);\n }\n }\n }\n\n .lg-item.lg-complete.lg-zoomable{\n\n .lg-img-wrap {\n @include translate3d(0, 0, 0);\n @include backface-visibility(hidden);\n }\n\n .lg-image {\n // Translate required for zoom\n @include scale3d(1, 1, 1);\n @include transitionCustom(transform $zoom-transition-duration cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important);\n @include transform-origin(0 0);\n @include backface-visibility(hidden);\n }\n }\n\n}\n\n// zoom buttons\n#lg-zoom-in {\n &:after {\n content: \"\\e311\";\n }\n}\n\n#lg-actual-size {\n font-size: 20px;\n &:after {\n content: \"\\e033\";\n }\n}\n\n#lg-zoom-out {\n opacity: 0.5;\n pointer-events: none;\n\n &:after {\n content: \"\\e312\";\n }\n\n .lg-zoomed & {\n opacity: 1;\n pointer-events: auto;\n }\n}",".lg-outer {\n .lg-pager-outer {\n bottom: 60px;\n left: 0;\n position: absolute;\n right: 0;\n text-align: center;\n z-index: $zindex-pager;\n height: 10px;\n\n &.lg-pager-hover {\n .lg-pager-cont {\n overflow: visible;\n }\n }\n }\n\n .lg-pager-cont {\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n position: relative;\n vertical-align: top;\n margin: 0 5px;\n\n &:hover {\n .lg-pager-thumb-cont {\n opacity: 1;\n @include translate3d(0, 0, 0);\n }\n }\n\n &.lg-pager-active {\n .lg-pager {\n box-shadow: 0 0 0 2px white inset;\n }\n }\n }\n\n .lg-pager-thumb-cont {\n background-color: #fff;\n color: #FFF;\n bottom: 100%;\n height: 83px;\n left: 0;\n margin-bottom: 20px;\n margin-left: -60px;\n opacity: 0;\n padding: 5px;\n position: absolute;\n width: 120px;\n border-radius: 3px;\n @include transitionCustom(opacity 0.15s ease 0s, transform 0.15s ease 0s);\n @include translate3d(0, 5px, 0);\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n\n .lg-pager {\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\n display: block;\n height: 12px;\n @include transition(box-shadow 0.3s ease 0s);\n width: 12px;\n\n &:hover, &:focus {\n box-shadow: 0 0 0 8px white inset;\n }\n }\n\n .lg-caret {\n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 10px dashed;\n bottom: -10px;\n display: inline-block;\n height: 0;\n left: 50%;\n margin-left: -5px;\n position: absolute;\n vertical-align: middle;\n width: 0;\n }\n}",".lg-fullscreen {\n &:after {\n content: \"\\e20c\";\n\n .lg-fullscreen-on & {\n content: \"\\e20d\";\n }\n }\n}","@import \"lg-variables\";\n@import \"lg-mixins\";\n.lg-outer {\n\n #lg-dropdown-overlay {\n background-color: rgba(0, 0, 0, 0.25);\n bottom: 0;\n cursor: default;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: $zindex-toolbar - 1;\n opacity: 0;\n visibility: hidden;\n @include transition(visibility 0s linear 0.18s, opacity 0.18s linear 0s);\n }\n &.lg-dropdown-active{\n .lg-dropdown, #lg-dropdown-overlay {\n @include transition-delay(0s);\n @include transform(translate3d(0, 0px, 0));\n opacity: 1;\n visibility: visible;\n }\n #lg-share {\n color: #FFF;\n }\n }\n .lg-dropdown {\n background-color: #fff;\n border-radius: 2px;\n font-size: 14px;\n list-style-type: none;\n margin: 0;\n padding: 10px 0;\n position: absolute;\n right: 0;\n text-align: left;\n top: 50px;\n opacity: 0;\n visibility: hidden;\n @include transform(translate3d(0, 5px, 0));\n @include transitionCustom(transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s);\n\n &:after {\n content: \"\";\n display: block;\n height: 0;\n width: 0;\n position: absolute;\n border: 8px solid transparent;\n border-bottom-color: #FFF;\n right: 16px;\n top: -16px\n }\n > li {\n &:last-child {\n margin-bottom: 0px;\n }\n &:hover {\n a, .lg-icon {\n color: #333;\n }\n }\n }\n a {\n color: #333;\n display: block;\n white-space: pre;\n padding: 4px 12px;\n font-family: \"Open Sans\",\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n font-size: 12px;\n &:hover {\n background-color: rgba(0, 0, 0, 0.07);\n }\n\n }\n .lg-dropdown-text {\n display: inline-block;\n line-height: 1;\n margin-top: -3px;\n vertical-align: middle;\n }\n .lg-icon {\n color: #333;\n display: inline-block;\n float: none;\n font-size: 20px;\n height: auto;\n line-height: 1;\n margin-right: 8px;\n padding: 0;\n vertical-align: middle;\n width: auto;\n }\n }\n #lg-share {\n position: relative;\n &:after {\n content: \"\\e80d\";\n }\n }\n #lg-share-facebook {\n .lg-icon{\n color: #3b5998;\n &:after {\n content: \"\\e901\";\n }\n } \n }\n #lg-share-twitter {\n .lg-icon{\n color: #00aced;\n &:after {\n content: \"\\e904\";\n }\n } \n }\n #lg-share-googleplus {\n .lg-icon{\n color: #dd4b39;\n &:after {\n content: \"\\e902\";\n }\n } \n }\n #lg-share-pinterest {\n .lg-icon{\n color: #cb2027;\n &:after {\n content: \"\\e903\";\n }\n } \n }\n}","// Clearfix\n.lg-group:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n// lightgallery core\n.lg-outer {\n width: 100%;\n height: 100%;\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-outer;\n text-align: left;\n opacity: 0;\n // For start/end transition\n @include transition(opacity 0.15s ease 0s);\n\n * {\n @include box-sizing(border-box);\n }\n\n &.lg-visible {\n opacity: 1;\n }\n\n // Set transition speed and timing function\n &.lg-css3 {\n .lg-item {\n &.lg-prev-slide, &.lg-next-slide, &.lg-current {\n @include transition-duration(inherit !important);\n @include transition-timing-function(inherit !important);\n }\n }\n }\n\n // Remove transition while dragging\n &.lg-css3.lg-dragging {\n .lg-item {\n &.lg-prev-slide, &.lg-next-slide, &.lg-current {\n @include transition-duration(0s !important);\n opacity: 1;\n }\n }\n }\n\n // Set cursor grab while dragging\n &.lg-grab {\n img.lg-object {\n @include grab-cursor;\n }\n }\n\n &.lg-grabbing {\n img.lg-object {\n @include grabbing-cursor;\n }\n }\n\n .lg {\n height: 100%;\n width: 100%;\n position: relative;\n overflow: hidden;\n margin-left: auto;\n margin-right: auto;\n max-width: 100%;\n max-height: 100%;\n }\n\n .lg-inner {\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n white-space: nowrap;\n }\n\n .lg-item {\n background: url(\"#{$lg-path-images}/loading.gif\") no-repeat scroll center center transparent;\n display: none !important;\n }\n &.lg-css3 {\n .lg-prev-slide, .lg-current, .lg-next-slide {\n display: inline-block !important;\n }\n }\n &.lg-css {\n .lg-current {\n display: inline-block !important;\n }\n }\n\n .lg-item, .lg-img-wrap {\n display: inline-block;\n text-align: center;\n position: absolute;\n width: 100%;\n height: 100%;\n\n &:before {\n content: \"\";\n display: inline-block;\n height: 50%;\n width: 1px;\n margin-right: -1px;\n }\n }\n\n .lg-img-wrap {\n position: absolute;\n padding: 0 5px;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0\n }\n\n .lg-item {\n &.lg-complete {\n background-image: none;\n }\n\n &.lg-current {\n z-index: $zindex-item;\n }\n }\n\n .lg-image {\n display: inline-block;\n vertical-align: middle;\n max-width: 100%;\n max-height: 100%;\n width: auto !important;\n height: auto !important;\n }\n\n &.lg-show-after-load {\n .lg-item {\n .lg-object, .lg-video-play {\n opacity: 0;\n @include transition(opacity 0.15s ease 0s);\n }\n\n &.lg-complete {\n .lg-object, .lg-video-play {\n opacity: 1;\n }\n }\n }\n }\n\n // Hide title div if empty\n .lg-empty-html {\n display: none;\n }\n\n &.lg-hide-download {\n #lg-download {\n display: none;\n }\n }\n}\n\n.lg-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: $zindex-backdrop;\n background-color: #000;\n opacity: 0;\n @include transition(opacity 0.15s ease 0s);\n &.in {\n opacity: $backdrop-opacity;\n }\n}\n\n// Default slide animations. Should be placed at the bottom of the animation css\n.lg-css3 {\n\n // Remove all transition effects\n &.lg-no-trans {\n .lg-prev-slide, .lg-next-slide, .lg-current {\n @include transitionCustom(none 0s ease 0s !important);\n }\n }\n\n &.lg-use-css3 {\n .lg-item {\n @include backface-visibility(hidden);\n }\n }\n\n &.lg-use-left {\n .lg-item {\n @include backface-visibility(hidden);\n }\n }\n\n // Fade mode\n &.lg-fade {\n .lg-item {\n opacity: 0;\n\n &.lg-current {\n opacity: 1;\n }\n\n // transition timing property and duration will be over written from javascript\n &.lg-prev-slide, &.lg-next-slide, &.lg-current {\n @include transitionCustom(opacity 0.1s ease 0s);\n }\n }\n }\n\n &.lg-slide {\n &.lg-use-css3 {\n .lg-item {\n opacity: 0;\n\n &.lg-prev-slide {\n @include translate3d(-100%, 0, 0);\n }\n\n &.lg-next-slide {\n @include translate3d(100%, 0, 0);\n }\n\n &.lg-current {\n @include translate3d(0, 0, 0);\n opacity: 1;\n }\n\n // transition timing property and duration will be over written from javascript\n &.lg-prev-slide, &.lg-next-slide, &.lg-current {\n @include transitionCustom(transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);\n }\n }\n }\n\n &.lg-use-left {\n .lg-item {\n opacity: 0;\n position: absolute;\n left: 0;\n\n &.lg-prev-slide {\n left: -100%;\n }\n\n &.lg-next-slide {\n left: 100%;\n }\n\n &.lg-current {\n left: 0;\n opacity: 1;\n }\n\n // transition timing property and duration will be over written from javascript\n &.lg-prev-slide, &.lg-next-slide, &.lg-current {\n @include transitionCustom(left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s);\n }\n }\n }\n }\n}\n",".lg-icon {\r\n\tfont-family: 'Font Awesome 5 Pro';\r\n}\r\n\r\n.lg-actions {\r\n\t.lg-next:before {\r\n \tcontent: \"\\f178\";\r\n\t}\r\n\t.lg-prev:after {\r\n\t\tcontent: \"\\f177\";\r\n\t}\r\n}\r\n\r\n.lg-outer {\r\n\t.lg-toogle-thumb:after {\r\n\t\tcontent: \"\\f07d\";\r\n\t}\r\n}\r\n\r\n.lg-toolbar {\r\n\t.lg-close:after {\r\n\t\tcontent: \"\\f00d\";\r\n\t}\r\n\t.lg-download:after {\r\n\t\tcontent: \"\\f33d\";\r\n\t}\r\n\t.lg-fullscreen:after {\r\n\t\tcontent: \"\\f320\"\r\n\t}\r\n\t\r\n}\r\n\r\n.lg-autoplay-button:after {\r\n\tcontent: \"\\f144\"\r\n}\r\n\r\n.lg-show-autoplay .lg-autoplay-button:after {\r\n\tcontent: \"\\f28b\"\r\n}\r\n\r\n#lg-zoom-in:after {\r\n\tcontent: \"\\f00e\"\r\n}\r\n\r\n#lg-zoom-out:after {\r\n\tcontent: \"\\f010\"\r\n}\r\n\r\n#lg-actual-size:after {\r\n\tcontent: \"\\f002\"\r\n}\r\n\r\n.lg-outer #lg-share:after {\r\n\tcontent: \"\\f1e0\"\r\n}\r\n\r\n#lg-download {\r\n\tborder-bottom: 0 !important;\r\n}\r\n\r\n.lg-toolbar {\r\n\t background: linear-gradient(to bottom, rgba($black,1) 0%,rgba($black,0) 100%);\r\n\t padding-right: 1rem;\r\n\r\n\t.lg-icon {\r\n\t\theight: 5rem;\r\n\t\tline-height: 5rem;\r\n\t\tpadding: 0;\r\n\t}\r\n}\r\n\r\n\r\n#lg-counter {\r\n\tpadding-top: 26px;\r\n}\r\n\r\n.lg-outer .lg-toogle-thumb {\r\n\tfont-size: 21px;\r\n\theight: 50px;\r\n\ttop: -50px;\r\n line-height: 50px;\r\n padding: 0;\r\n border-radius: 50% 50% 0 0;\r\n\r\n .lg-thumb {\r\n \tpadding: 1rem 0;\r\n }\r\n}\r\n\r\n.lg-actions .lg-next, \r\n.lg-actions .lg-prev {\r\n\theight: 50px;\r\n\twidth: 50px;\r\n\tline-height: 50px;\r\n\tpadding: 0;\r\n\tborder-radius: 50%;\r\n\r\n transition: all 0.2s ease;\r\n\r\n\t&:hover {\r\n\t\tbackground-color: $info-500;\r\n\t}\r\n\r\n\t&:active {\r\n\t\ttransform: scale(0.95);\r\n\t}\r\n}\r\n\r\n\r\n.lg-outer .lg-thumb-item.active, \r\n.lg-outer .lg-thumb-item:hover {\r\n\tborder-color: $danger-500;\r\n}\r\n\r\n.lg-toolbar .lg-icon {\r\n\tfont-size: 1.3rem;\r\n}"]}
\ No newline at end of file
diff --git a/public/assets/css/miscellaneous/nestable/nestable.css b/public/assets/css/miscellaneous/nestable/nestable.css
new file mode 100644
index 0000000..1aabdc5
--- /dev/null
+++ b/public/assets/css/miscellaneous/nestable/nestable.css
@@ -0,0 +1,582 @@
+@charset "UTF-8";
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+.dd-item, .dd-empty, .dd-placeholder {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ min-height: 20px;
+ font-size: 13px;
+ line-height: 20px; }
+
+.dd-empty, .dd-placeholder {
+ margin: 5px 0;
+ padding: 0;
+ min-height: 30px;
+ background: #f2fbff;
+ border: 1px dashed #b6bcbf;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+#nestable-output, #nestable2-output {
+ width: 100%;
+ height: 7em;
+ font-size: 0.75em;
+ line-height: 1.333333em;
+ font-family: Consolas, monospace;
+ padding: 5px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+.dd {
+ position: relative;
+ display: block;
+ margin: 0;
+ padding: 0;
+ max-width: 600px;
+ list-style: none;
+ font-size: 13px;
+ line-height: 20px; }
+
+.dd-list {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ list-style: none; }
+ .dd-list .dd-list {
+ padding-left: 30px; }
+
+.dd-item > button {
+ display: block;
+ position: relative;
+ cursor: pointer;
+ float: left;
+ width: 25px;
+ height: 20px;
+ margin: 5px 0;
+ padding: 0;
+ text-indent: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ border: 0;
+ background: transparent;
+ font-size: 12px;
+ line-height: 1;
+ text-align: center;
+ font-weight: bold; }
+ .dd-item > button:before {
+ content: ' +';
+ display: block;
+ position: absolute;
+ width: 100%;
+ text-align: center;
+ text-indent: 0; }
+
+.dd-item > button[data-action="collapse"]:before {
+ content: '-'; }
+
+.dd-empty {
+ border: 1px dashed #bbb;
+ min-height: 100px;
+ background-color: #e5e5e5;
+ background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+ background-size: 60px 60px;
+ background-position: 0 0, 30px 30px; }
+
+.dd-handle {
+ display: block;
+ height: 30px;
+ margin: 5px 0;
+ padding: 5px 10px;
+ color: #333;
+ text-decoration: none;
+ font-weight: bold;
+ border: 1px solid #ccc;
+ background: #fafafa;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), to(#eee));
+ background: linear-gradient(to bottom, #fafafa 0, #eee 100%);
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+ .dd-handle:hover {
+ color: #2ea8e5;
+ background: #fff; }
+
+.dd-dragel {
+ position: absolute;
+ pointer-events: none;
+ z-index: 9999; }
+ .dd-dragel > .dd-item .dd-handle {
+ margin-top: 0; }
+ .dd-dragel > .dd3-item > .dd3-content {
+ margin: 0; }
+ .dd-dragel .dd-handle {
+ -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); }
+
+.nestable-lists {
+ display: block;
+ clear: both;
+ padding: 30px 0;
+ width: 100%;
+ border: 0;
+ border-top: 2px solid #ddd;
+ border-bottom: 2px solid #ddd; }
+
+#nestable-menu {
+ padding: 0;
+ margin: 20px 0; }
+
+#nestable2 .dd-handle {
+ color: #fff;
+ border: 1px solid #999;
+ background: #bbb;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), to(#999));
+ background: linear-gradient(to bottom, #bbb 0, #999 100%); }
+ #nestable2 .dd-handle:hover {
+ background: #bbb; }
+
+#nestable2 .dd-item > button:before {
+ color: #fff; }
+
+@media only screen and (min-width: 700px) {
+ .dd {
+ float: left;
+ width: 48%; }
+ .dd + .dd {
+ margin-left: 2%; } }
+
+.dd3-content {
+ display: block;
+ height: 30px;
+ margin: 5px 0;
+ padding: 5px 10px 5px 40px;
+ color: #333;
+ text-decoration: none;
+ font-weight: bold;
+ border: 1px solid #ccc;
+ background: #fafafa;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), to(#eee));
+ background: linear-gradient(to bottom, #fafafa 0, #eee 100%);
+ border-radius: 3px;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+ .dd3-content:hover {
+ color: #2ea8e5;
+ background: #fff; }
+
+.dd3-handle {
+ position: absolute;
+ margin: 0;
+ left: 0;
+ top: 0;
+ cursor: pointer;
+ width: 30px;
+ text-indent: 100%;
+ white-space: nowrap;
+ overflow: hidden;
+ border: 1px solid #aaa;
+ background: #ddd;
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), to(#bbb));
+ background: linear-gradient(to bottom, #ddd 0, #bbb 100%);
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .dd3-handle:before {
+ content: '≡';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 3px;
+ width: 100%;
+ text-align: center;
+ text-indent: 0;
+ color: #fff;
+ font-size: 20px;
+ font-weight: normal; }
+ .dd3-handle:hover {
+ background: #ddd; }
+
+.dd-collapsed .dd-list {
+ display: none; }
+
+.dd-hover > .dd-handle {
+ background: #2ea8e5 !important; }
+
+.dd3-item > button {
+ margin-left: 30px; }
+
+/*# sourceMappingURL=nestable.css.map */
diff --git a/public/assets/css/miscellaneous/nestable/nestable.css.map b/public/assets/css/miscellaneous/nestable/nestable.css.map
new file mode 100644
index 0000000..963733e
--- /dev/null
+++ b/public/assets/css/miscellaneous/nestable/nestable.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["nestable.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_fonts.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"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","file":"nestable.css","sourcesContent":["@import './src/scss/_imports/_global-import';\r\n\r\n//colors\r\n$color_mine_shaft_approx: #333;\r\n$color_celeste_approx: #ccc;\r\n$alabaster: #fafafa;\r\n$color_gallery_approx: #eee;\r\n$color_picton_blue_approx: #2ea8e5;\r\n$white: #fff;\r\n$color_alice_blue_approx: #f2fbff;\r\n$color_french_gray_approx: #b6bcbf;\r\n$color_pink_swan_approx: #bbb;\r\n$mercury: #e5e5e5;\r\n$black_10: rgba(0,0,0,.1);\r\n$color_alto_approx: #ddd;\r\n$color_mountain_mist_approx: #999;\r\n$color_silver_chalice_approx: #aaa;\r\n\r\n//fonts\r\n$font_0: Consolas;\r\n$font_1: monospace;\r\n\r\n//@extend-elements\r\n//original selectors\r\n//.dd-item, .dd-empty, .dd-placeholder\r\n%extend_1 {\r\n display: block;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n min-height: 20px;\r\n font-size: 13px;\r\n line-height: 20px;\r\n}\r\n\r\n//original selectors\r\n//.dd-placeholder, .dd-empty\r\n%extend_2 {\r\n margin: 5px 0;\r\n padding: 0;\r\n min-height: 30px;\r\n background: $color_alice_blue_approx;\r\n border: 1px dashed $color_french_gray_approx;\r\n //Instead of the line below you could use @include box-sizing($bs)\r\n box-sizing: border-box;\r\n}\r\n\r\n//original selectors\r\n//#nestable-output, #nestable2-output\r\n%extend_3 {\r\n width: 100%;\r\n height: 7em;\r\n font-size: 0.75em;\r\n line-height: 1.333333em;\r\n font-family: $font_0, $font_1;\r\n padding: 5px;\r\n //Instead of the line below you could use @include box-sizing($bs)\r\n box-sizing: border-box;\r\n}\r\n\r\n\r\n.dd {\r\n position: relative;\r\n display: block;\r\n margin: 0;\r\n padding: 0;\r\n max-width: 600px;\r\n list-style: none;\r\n font-size: 13px;\r\n line-height: 20px;\r\n}\r\n.dd-list {\r\n display: block;\r\n position: relative;\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n .dd-list {\r\n padding-left: 30px;\r\n }\r\n}\r\n.dd-item {\r\n @extend %extend_1;\r\n > button {\r\n display: block;\r\n position: relative;\r\n cursor: pointer;\r\n float: left;\r\n width: 25px;\r\n height: 20px;\r\n margin: 5px 0;\r\n padding: 0;\r\n text-indent: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n border: 0;\r\n background: transparent;\r\n font-size: 12px;\r\n line-height: 1;\r\n text-align: center;\r\n font-weight: bold;\r\n &:before {\r\n content: ' +';\r\n display: block;\r\n position: absolute;\r\n width: 100%;\r\n text-align: center;\r\n text-indent: 0;\r\n }\r\n }\r\n > button[data-action=\"collapse\"]:before {\r\n content: '-';\r\n }\r\n}\r\n.dd-empty {\r\n @extend %extend_1;\r\n @extend %extend_2;\r\n border: 1px dashed $color_pink_swan_approx;\r\n min-height: 100px;\r\n background-color: $mercury;\r\n background-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\r\n background-size: 60px 60px;\r\n background-position: 0 0, 30px 30px;\r\n}\r\n.dd-placeholder {\r\n @extend %extend_1;\r\n @extend %extend_2;\r\n}\r\n.dd-handle {\r\n display: block;\r\n height: 30px;\r\n margin: 5px 0;\r\n padding: 5px 10px;\r\n color: $color_mine_shaft_approx;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border: 1px solid $color_celeste_approx;\r\n background: $alabaster;\r\n background: linear-gradient(to bottom, $alabaster 0, $color_gallery_approx 100%);\r\n //Instead of the line below you could use @include border-radius($radius, $vertical-radius)\r\n border-radius: 3px;\r\n //Instead of the line below you could use @include box-sizing($bs)\r\n box-sizing: border-box;\r\n &:hover {\r\n color: $color_picton_blue_approx;\r\n background: $white;\r\n }\r\n}\r\n.dd-dragel {\r\n position: absolute;\r\n pointer-events: none;\r\n z-index: 9999;\r\n > {\r\n .dd-item .dd-handle {\r\n margin-top: 0;\r\n }\r\n .dd3-item > .dd3-content {\r\n margin: 0;\r\n }\r\n }\r\n .dd-handle {\r\n //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)\r\n box-shadow: 2px 4px 6px 0 $black_10;\r\n }\r\n}\r\n.nestable-lists {\r\n display: block;\r\n clear: both;\r\n padding: 30px 0;\r\n width: 100%;\r\n border: 0;\r\n border-top: 2px solid $color_alto_approx;\r\n border-bottom: 2px solid $color_alto_approx;\r\n}\r\n#nestable-menu {\r\n padding: 0;\r\n margin: 20px 0;\r\n}\r\n#nestable-output {\r\n @extend %extend_3;\r\n}\r\n#nestable2-output {\r\n @extend %extend_3;\r\n}\r\n#nestable2 {\r\n .dd-handle {\r\n color: $white;\r\n border: 1px solid $color_mountain_mist_approx;\r\n background: $color_pink_swan_approx;\r\n background: linear-gradient(to bottom, $color_pink_swan_approx 0, $color_mountain_mist_approx 100%);\r\n &:hover {\r\n background: $color_pink_swan_approx;\r\n }\r\n }\r\n .dd-item > button:before {\r\n color: $white;\r\n }\r\n}\r\n@media only screen and(min-width: 700px) {\r\n .dd {\r\n float: left;\r\n width: 48%;\r\n + .dd {\r\n margin-left: 2%;\r\n }\r\n }\r\n}\r\n.dd3-content {\r\n display: block;\r\n height: 30px;\r\n margin: 5px 0;\r\n padding: 5px 10px 5px 40px;\r\n color: $color_mine_shaft_approx;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border: 1px solid $color_celeste_approx;\r\n background: $alabaster;\r\n background: linear-gradient(to bottom, $alabaster 0, $color_gallery_approx 100%);\r\n //Instead of the line below you could use @include border-radius($radius, $vertical-radius)\r\n border-radius: 3px;\r\n //Instead of the line below you could use @include box-sizing($bs)\r\n box-sizing: border-box;\r\n &:hover {\r\n color: $color_picton_blue_approx;\r\n background: $white;\r\n }\r\n}\r\n.dd3-handle {\r\n position: absolute;\r\n margin: 0;\r\n left: 0;\r\n top: 0;\r\n cursor: pointer;\r\n width: 30px;\r\n text-indent: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n border: 1px solid $color_silver_chalice_approx;\r\n background: $color_alto_approx;\r\n background: linear-gradient(to bottom, $color_alto_approx 0, $color_pink_swan_approx 100%);\r\n //Instead of the line below you could use @include border-top-right-radius($radius)\r\n border-top-right-radius: 0;\r\n //Instead of the line below you could use @include border-bottom-right-radius($radius)\r\n border-bottom-right-radius: 0;\r\n &:before {\r\n content: '≡';\r\n display: block;\r\n position: absolute;\r\n left: 0;\r\n top: 3px;\r\n width: 100%;\r\n text-align: center;\r\n text-indent: 0;\r\n color: $white;\r\n font-size: 20px;\r\n font-weight: normal;\r\n }\r\n &:hover {\r\n background: $color_alto_approx;\r\n }\r\n}\r\n.dd-collapsed .dd-list {\r\n display: none;\r\n}\r\n.dd-hover > .dd-handle {\r\n background: $color_picton_blue_approx !important;\r\n}\r\n.dd3-item > button {\r\n margin-left: 30px;\r\n}","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/public/assets/css/miscellaneous/reactions/reactions.css b/public/assets/css/miscellaneous/reactions/reactions.css
new file mode 100644
index 0000000..8171f76
--- /dev/null
+++ b/public/assets/css/miscellaneous/reactions/reactions.css
@@ -0,0 +1,754 @@
+.emoji {
+ font-size: 0.25px;
+ width: 120em;
+ height: 120em;
+ margin: 15em 7em;
+ background: #FFDA6A;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ border-radius: 50%;
+ position: relative; }
+ .emoji:hover {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2); }
+ .emoji:after {
+ position: absolute;
+ bottom: -40em;
+ font-size: 18em;
+ width: 60em;
+ left: calc(50% - 30em);
+ color: #8A8A8A; }
+
+.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {
+ position: absolute; }
+ .emoji__face:before, .emoji__face:after, .emoji__eyebrows:before, .emoji__eyebrows:after, .emoji__eyes:before, .emoji__eyes:after, .emoji__mouth:before, .emoji__mouth:after, .emoji__tongue:before, .emoji__tongue:after, .emoji__heart:before, .emoji__heart:after, .emoji__hand:before, .emoji__hand:after, .emoji__thumb:before, .emoji__thumb:after {
+ position: absolute;
+ content: ''; }
+
+.emoji__face {
+ width: inherit;
+ height: inherit; }
+
+.emoji--like {
+ background: #548DFF; }
+ .emoji--like .emoji__hand {
+ left: 25em;
+ bottom: 30em;
+ width: 20em;
+ height: 40em;
+ background: #FFFFFF;
+ border-radius: 5em;
+ z-index: 0;
+ -webkit-animation: hands-up 2s linear infinite;
+ animation: hands-up 2s linear infinite; }
+ .emoji--like .emoji__hand:before {
+ left: 25em;
+ bottom: 5em;
+ width: 40em;
+ background: inherit;
+ height: 10em;
+ border-radius: 2em 10em 10em 2em;
+ -webkit-box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF;
+ box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF; }
+ .emoji--like .emoji__thumb {
+ border-bottom: 20em solid #FFFFFF;
+ border-left: 20em solid transparent;
+ top: -25em;
+ right: -25em;
+ z-index: 2;
+ -webkit-transform: rotate(5deg);
+ transform: rotate(5deg);
+ -webkit-transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
+ -webkit-animation: thumbs-up 2s linear infinite;
+ animation: thumbs-up 2s linear infinite; }
+ .emoji--like .emoji__thumb:before {
+ border-radius: 50% 50% 0 0;
+ background: #FFFFFF;
+ width: 10em;
+ height: 12em;
+ left: -10em;
+ top: -8em;
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg);
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
+ -webkit-box-shadow: -1em 4em 0 -1em #FFFFFF;
+ box-shadow: -1em 4em 0 -1em #FFFFFF; }
+
+.emoji--love {
+ background: #F55064; }
+ .emoji--love .emoji__heart {
+ left: calc(50% - 40em);
+ top: calc(50% - 40em);
+ width: 80em;
+ height: 80em;
+ -webkit-animation: heart-beat 1s linear infinite alternate;
+ animation: heart-beat 1s linear infinite alternate; }
+ .emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after {
+ left: calc(50% - 20em);
+ top: calc(50% - 32em);
+ width: 40em;
+ height: 64em;
+ background: #FFFFFF;
+ border-radius: 20em 20em 0 0; }
+ .emoji--love .emoji__heart:before {
+ -webkit-transform: translate(20em) rotate(-45deg);
+ transform: translate(20em) rotate(-45deg);
+ -webkit-transform-origin: 0 100%;
+ transform-origin: 0 100%; }
+ .emoji--love .emoji__heart:after {
+ -webkit-transform: translate(-20em) rotate(45deg);
+ transform: translate(-20em) rotate(45deg);
+ -webkit-transform-origin: 100% 100%;
+ transform-origin: 100% 100%; }
+
+.emoji--haha .emoji__face {
+ -webkit-animation: haha-face 2s linear infinite;
+ animation: haha-face 2s linear infinite; }
+
+.emoji--haha .emoji__eyes {
+ width: 26em;
+ height: 6em;
+ border-radius: 2em;
+ left: calc(50% - 13em);
+ top: 35em;
+ -webkit-transform: rotate(20deg);
+ transform: rotate(20deg);
+ background: transparent;
+ -webkit-box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000;
+ box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000; }
+ .emoji--haha .emoji__eyes:after {
+ left: 0;
+ top: 0;
+ width: 26em;
+ height: 6em;
+ border-radius: 2em;
+ -webkit-transform: rotate(-40deg);
+ transform: rotate(-40deg);
+ background: transparent;
+ -webkit-box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000;
+ box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000; }
+
+.emoji--haha .emoji__mouth {
+ width: 80em;
+ height: 40em;
+ left: calc(50% - 40em);
+ top: 50%;
+ background: #000000;
+ border-radius: 0 0 40em 40em;
+ overflow: hidden;
+ z-index: 1;
+ -webkit-animation: haha-mouth 2s linear infinite;
+ animation: haha-mouth 2s linear infinite; }
+
+.emoji--haha .emoji__tongue {
+ width: 70em;
+ height: 30em;
+ background: #F55064;
+ left: calc(50% - 35em);
+ bottom: -10em;
+ border-radius: 50%; }
+
+.emoji--yay:after {
+ -webkit-animation: yay-reverse 1s linear infinite;
+ animation: yay-reverse 1s linear infinite; }
+
+.emoji--yay .emoji__face {
+ -webkit-animation: yay 1s linear infinite alternate;
+ animation: yay 1s linear infinite alternate; }
+
+.emoji--yay .emoji__eyebrows {
+ left: calc(50% - 3em);
+ top: 30em;
+ height: 6em;
+ width: 6em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000;
+ box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000; }
+ .emoji--yay .emoji__eyebrows:before, .emoji--yay .emoji__eyebrows:after {
+ width: 36em;
+ height: 18em;
+ border-radius: 60em 60em 0 0;
+ background: transparent;
+ border: 6em solid black;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-bottom: 0;
+ bottom: 3em;
+ left: calc(50% - 18em); }
+ .emoji--yay .emoji__eyebrows:before {
+ margin-left: -21em; }
+ .emoji--yay .emoji__eyebrows:after {
+ margin-left: 21em; }
+
+.emoji--yay .emoji__mouth {
+ top: 60em;
+ background: transparent;
+ left: 50%; }
+ .emoji--yay .emoji__mouth:after {
+ width: 80em;
+ height: 80em;
+ left: calc(50% - 40em);
+ top: -75em;
+ border-radius: 50%;
+ background: transparent;
+ border: 6em solid #000000;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-top-color: transparent;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ z-index: 1; }
+ .emoji--yay .emoji__mouth:before {
+ width: 6em;
+ height: 6em;
+ background: transparent;
+ border-radius: 50%;
+ bottom: 5em;
+ left: calc(50% - 3em);
+ -webkit-box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C;
+ box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C; }
+
+.emoji--wow .emoji__face {
+ -webkit-animation: wow-face 3s linear infinite;
+ animation: wow-face 3s linear infinite; }
+
+.emoji--wow .emoji__eyebrows {
+ left: calc(50% - 3em);
+ height: 6em;
+ width: 6em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000;
+ box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000;
+ -webkit-animation: wow-brow 3s linear infinite;
+ animation: wow-brow 3s linear infinite; }
+ .emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after {
+ width: 24em;
+ height: 20em;
+ border: 6em solid #000000;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 50%;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ top: -3em;
+ left: calc(50% - 12em); }
+ .emoji--wow .emoji__eyebrows:before {
+ margin-left: -25em; }
+ .emoji--wow .emoji__eyebrows:after {
+ margin-left: 25em; }
+
+.emoji--wow .emoji__eyes {
+ width: 16em;
+ height: 24em;
+ left: calc(50% - 8em);
+ top: 35em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
+ box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
+
+.emoji--wow .emoji__mouth {
+ width: 30em;
+ height: 45em;
+ left: calc(50% - 15em);
+ top: 50%;
+ border-radius: 50%;
+ background: #000000;
+ -webkit-animation: wow-mouth 3s linear infinite;
+ animation: wow-mouth 3s linear infinite; }
+
+.emoji--sad .emoji__face {
+ -webkit-animation: sad-face 2s ease-in infinite;
+ animation: sad-face 2s ease-in infinite; }
+
+.emoji--sad .emoji__eyebrows {
+ left: calc(50% - 3em);
+ top: 35em;
+ height: 6em;
+ width: 6em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000;
+ box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000; }
+ .emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after {
+ width: 30em;
+ height: 20em;
+ border: 6em solid #000000;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 50%;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ top: 2em;
+ left: calc(50% - 15em); }
+ .emoji--sad .emoji__eyebrows:before {
+ margin-left: -30em;
+ -webkit-transform: rotate(-30deg);
+ transform: rotate(-30deg); }
+ .emoji--sad .emoji__eyebrows:after {
+ margin-left: 30em;
+ -webkit-transform: rotate(30deg);
+ transform: rotate(30deg); }
+
+.emoji--sad .emoji__eyes {
+ width: 14em;
+ height: 16em;
+ left: calc(50% - 7em);
+ top: 50em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
+ box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
+ .emoji--sad .emoji__eyes:after {
+ background: #548DFF;
+ width: 12em;
+ height: 12em;
+ margin-left: 6em;
+ border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
+ -webkit-transform-origin: 0% 0%;
+ transform-origin: 0% 0%;
+ -webkit-animation: tear-drop 2s ease-in infinite;
+ animation: tear-drop 2s ease-in infinite; }
+
+.emoji--sad .emoji__mouth {
+ width: 60em;
+ height: 80em;
+ left: calc(50% - 30em);
+ top: 80em;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 6em solid #000000;
+ border-radius: 50%;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ background: transparent;
+ -webkit-animation: sad-mouth 2s ease-in infinite;
+ animation: sad-mouth 2s ease-in infinite; }
+ .emoji--sad .emoji__mouth:after {
+ width: 6em;
+ height: 6em;
+ background: transparent;
+ border-radius: 50%;
+ top: 4em;
+ left: calc(50% - 3em);
+ -webkit-box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000;
+ box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000; }
+
+.emoji--angry {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #D5234C), to(#FFDA6A));
+ background: linear-gradient(#D5234C -10%, #FFDA6A);
+ background-size: 100%;
+ -webkit-animation: angry-color 2s ease-in infinite;
+ animation: angry-color 2s ease-in infinite; }
+ .emoji--angry .emoji__face {
+ -webkit-animation: angry-face 2s ease-in infinite;
+ animation: angry-face 2s ease-in infinite; }
+ .emoji--angry .emoji__eyebrows {
+ left: calc(50% - 3em);
+ top: 55em;
+ height: 6em;
+ width: 6em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000;
+ box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000; }
+ .emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after {
+ width: 50em;
+ height: 20em;
+ border: 6em solid #000000;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ border-radius: 50%;
+ border-top-color: transparent;
+ border-left-color: transparent;
+ border-right-color: transparent;
+ top: 0;
+ left: calc(50% - 25em); }
+ .emoji--angry .emoji__eyebrows:before {
+ margin-left: -25em;
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ .emoji--angry .emoji__eyebrows:after {
+ margin-left: 25em;
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ .emoji--angry .emoji__eyes {
+ width: 12em;
+ height: 12em;
+ left: calc(50% - 6em);
+ top: 70em;
+ border-radius: 50%;
+ background: transparent;
+ -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
+ box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
+ .emoji--angry .emoji__mouth {
+ width: 36em;
+ height: 18em;
+ left: calc(50% - 18em);
+ bottom: 15em;
+ background: #000000;
+ border-radius: 50%;
+ -webkit-animation: angry-mouth 2s ease-in infinite;
+ animation: angry-mouth 2s ease-in infinite; }
+
+@-webkit-keyframes heart-beat {
+ 25% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+ 75% {
+ -webkit-transform: scale(0.6);
+ transform: scale(0.6); } }
+
+@keyframes heart-beat {
+ 25% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+ 75% {
+ -webkit-transform: scale(0.6);
+ transform: scale(0.6); } }
+
+@-webkit-keyframes haha-face {
+ 10%, 30%, 50% {
+ -webkit-transform: translateY(25em);
+ transform: translateY(25em); }
+ 20%, 40% {
+ -webkit-transform: translateY(15em);
+ transform: translateY(15em); }
+ 60%, 80% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 70%, 90% {
+ -webkit-transform: translateY(-10em);
+ transform: translateY(-10em); } }
+
+@keyframes haha-face {
+ 10%, 30%, 50% {
+ -webkit-transform: translateY(25em);
+ transform: translateY(25em); }
+ 20%, 40% {
+ -webkit-transform: translateY(15em);
+ transform: translateY(15em); }
+ 60%, 80% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 70%, 90% {
+ -webkit-transform: translateY(-10em);
+ transform: translateY(-10em); } }
+
+@-webkit-keyframes haha-mouth {
+ 10%, 30%, 50% {
+ -webkit-transform: scale(0.6);
+ transform: scale(0.6);
+ top: 45%; }
+ 20%, 40% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ top: 45%; }
+ 60%, 80% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ top: 50%; }
+ 70% {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ top: 50%; }
+ 90% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ top: 50%; } }
+
+@keyframes haha-mouth {
+ 10%, 30%, 50% {
+ -webkit-transform: scale(0.6);
+ transform: scale(0.6);
+ top: 45%; }
+ 20%, 40% {
+ -webkit-transform: scale(0.8);
+ transform: scale(0.8);
+ top: 45%; }
+ 60%, 80% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ top: 50%; }
+ 70% {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+ top: 50%; }
+ 90% {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1);
+ top: 50%; } }
+
+@-webkit-keyframes yay {
+ 25% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ 75% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); } }
+
+@keyframes yay {
+ 25% {
+ -webkit-transform: rotate(-15deg);
+ transform: rotate(-15deg); }
+ 75% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); } }
+
+@-webkit-keyframes wow-face {
+ 15%, 25% {
+ -webkit-transform: rotate(20deg) translateX(-25em);
+ transform: rotate(20deg) translateX(-25em); }
+ 45%, 65% {
+ -webkit-transform: rotate(-20deg) translateX(25em);
+ transform: rotate(-20deg) translateX(25em); }
+ 75%, 100% {
+ -webkit-transform: rotate(0deg) translateX(0);
+ transform: rotate(0deg) translateX(0); } }
+
+@keyframes wow-face {
+ 15%, 25% {
+ -webkit-transform: rotate(20deg) translateX(-25em);
+ transform: rotate(20deg) translateX(-25em); }
+ 45%, 65% {
+ -webkit-transform: rotate(-20deg) translateX(25em);
+ transform: rotate(-20deg) translateX(25em); }
+ 75%, 100% {
+ -webkit-transform: rotate(0deg) translateX(0);
+ transform: rotate(0deg) translateX(0); } }
+
+@-webkit-keyframes wow-brow {
+ 15%, 65% {
+ top: 25em; }
+ 75%, 100%, 0% {
+ top: 15em; } }
+
+@keyframes wow-brow {
+ 15%, 65% {
+ top: 25em; }
+ 75%, 100%, 0% {
+ top: 15em; } }
+
+@-webkit-keyframes wow-mouth {
+ 10%, 30% {
+ width: 20em;
+ height: 20em;
+ left: calc(50% - 10em); }
+ 50%, 70% {
+ width: 30em;
+ height: 40em;
+ left: calc(50% - 15em); }
+ 75%, 100% {
+ height: 50em; } }
+
+@keyframes wow-mouth {
+ 10%, 30% {
+ width: 20em;
+ height: 20em;
+ left: calc(50% - 10em); }
+ 50%, 70% {
+ width: 30em;
+ height: 40em;
+ left: calc(50% - 15em); }
+ 75%, 100% {
+ height: 50em; } }
+
+@-webkit-keyframes sad-face {
+ 25%, 35% {
+ top: -15em; }
+ 55%, 95% {
+ top: 10em; }
+ 100%, 0% {
+ top: 0; } }
+
+@keyframes sad-face {
+ 25%, 35% {
+ top: -15em; }
+ 55%, 95% {
+ top: 10em; }
+ 100%, 0% {
+ top: 0; } }
+
+@-webkit-keyframes sad-mouth {
+ 25%, 35% {
+ -webkit-transform: scale(0.85);
+ transform: scale(0.85);
+ top: 70em; }
+ 55%, 100%, 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ top: 80em; } }
+
+@keyframes sad-mouth {
+ 25%, 35% {
+ -webkit-transform: scale(0.85);
+ transform: scale(0.85);
+ top: 70em; }
+ 55%, 100%, 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ top: 80em; } }
+
+@-webkit-keyframes tear-drop {
+ 0%, 100% {
+ display: block;
+ left: 35em;
+ top: 15em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); }
+ 25% {
+ display: block;
+ left: 35em;
+ -webkit-transform: rotate(45deg) scale(2);
+ transform: rotate(45deg) scale(2); }
+ 49.9% {
+ display: block;
+ left: 35em;
+ top: 65em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); }
+ 50% {
+ display: block;
+ left: -35em;
+ top: 15em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); }
+ 75% {
+ display: block;
+ left: -35em;
+ -webkit-transform: rotate(45deg) scale(2);
+ transform: rotate(45deg) scale(2); }
+ 99.9% {
+ display: block;
+ left: -35em;
+ top: 65em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); } }
+
+@keyframes tear-drop {
+ 0%, 100% {
+ display: block;
+ left: 35em;
+ top: 15em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); }
+ 25% {
+ display: block;
+ left: 35em;
+ -webkit-transform: rotate(45deg) scale(2);
+ transform: rotate(45deg) scale(2); }
+ 49.9% {
+ display: block;
+ left: 35em;
+ top: 65em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); }
+ 50% {
+ display: block;
+ left: -35em;
+ top: 15em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); }
+ 75% {
+ display: block;
+ left: -35em;
+ -webkit-transform: rotate(45deg) scale(2);
+ transform: rotate(45deg) scale(2); }
+ 99.9% {
+ display: block;
+ left: -35em;
+ top: 65em;
+ -webkit-transform: rotate(45deg) scale(0);
+ transform: rotate(45deg) scale(0); } }
+
+@-webkit-keyframes hands-up {
+ 25% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ 50% {
+ -webkit-transform: rotate(-15deg) translateY(-10em);
+ transform: rotate(-15deg) translateY(-10em); }
+ 75%, 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); } }
+
+@keyframes hands-up {
+ 25% {
+ -webkit-transform: rotate(15deg);
+ transform: rotate(15deg); }
+ 50% {
+ -webkit-transform: rotate(-15deg) translateY(-10em);
+ transform: rotate(-15deg) translateY(-10em); }
+ 75%, 100% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); } }
+
+@-webkit-keyframes thumbs-up {
+ 25% {
+ -webkit-transform: rotate(20deg);
+ transform: rotate(20deg); }
+ 50%, 100% {
+ -webkit-transform: rotate(5deg);
+ transform: rotate(5deg); } }
+
+@keyframes thumbs-up {
+ 25% {
+ -webkit-transform: rotate(20deg);
+ transform: rotate(20deg); }
+ 50%, 100% {
+ -webkit-transform: rotate(5deg);
+ transform: rotate(5deg); } }
+
+@-webkit-keyframes angry-color {
+ 45%, 60% {
+ background-size: 250%; }
+ 85%, 100%, 0% {
+ background-size: 100%; } }
+
+@keyframes angry-color {
+ 45%, 60% {
+ background-size: 250%; }
+ 85%, 100%, 0% {
+ background-size: 100%; } }
+
+@-webkit-keyframes angry-face {
+ 35%, 60% {
+ -webkit-transform: translateX(0) translateY(10em) scale(0.9);
+ transform: translateX(0) translateY(10em) scale(0.9); }
+ 40%, 50% {
+ -webkit-transform: translateX(-5em) translateY(10em) scale(0.9);
+ transform: translateX(-5em) translateY(10em) scale(0.9); }
+ 45%, 55% {
+ -webkit-transform: translateX(5em) translateY(10em) scale(0.9);
+ transform: translateX(5em) translateY(10em) scale(0.9); } }
+
+@keyframes angry-face {
+ 35%, 60% {
+ -webkit-transform: translateX(0) translateY(10em) scale(0.9);
+ transform: translateX(0) translateY(10em) scale(0.9); }
+ 40%, 50% {
+ -webkit-transform: translateX(-5em) translateY(10em) scale(0.9);
+ transform: translateX(-5em) translateY(10em) scale(0.9); }
+ 45%, 55% {
+ -webkit-transform: translateX(5em) translateY(10em) scale(0.9);
+ transform: translateX(5em) translateY(10em) scale(0.9); } }
+
+@-webkit-keyframes angry-mouth {
+ 25%, 50% {
+ height: 6em;
+ bottom: 25em; } }
+
+@keyframes angry-mouth {
+ 25%, 50% {
+ height: 6em;
+ bottom: 25em; } }
+
+/*# sourceMappingURL=reactions.css.map */
diff --git a/public/assets/css/miscellaneous/reactions/reactions.css.map b/public/assets/css/miscellaneous/reactions/reactions.css.map
new file mode 100644
index 0000000..0abf25e
--- /dev/null
+++ b/public/assets/css/miscellaneous/reactions/reactions.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["reactions.css"],"names":[],"mappings":"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","file":"reactions.css","sourcesContent":["$emoji-base-color: #FFDA6A;\r\n$emoji-like-color: #548DFF;\r\n$emoji-love-color: #F55064;\r\n$emoji-angry-color: #D5234C;\r\n$emoji-white-color: #FFFFFF;\r\n$emoji-black-color: #000000;\r\n$emoji-text-color: #8A8A8A;\r\n\r\n\r\n.emoji {\r\n font-size: 0.25px;\r\n\twidth: 120em;\r\n\theight: 120em;\r\n\tmargin: 15em 7em;\r\n\tbackground: $emoji-base-color;\r\n\tdisplay: inline-flex;\r\n\tborder-radius: 50%;\r\n\tposition: relative;\r\n \r\n\t&:hover {\r\n\t\ttransform: scale(1.2);\r\n\t}\r\n\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tbottom: -40em;\r\n\t\tfont-size: 18em;\r\n\t\twidth: 60em;\r\n\t\tleft: calc(50% - 30em);\r\n\t\tcolor: $emoji-text-color; \r\n\t}\r\n}\r\n\r\n.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {\r\n\tposition: absolute;\r\n\t\r\n\t&:before, &:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: '';\r\n\t} \r\n}\r\n\r\n.emoji__face {\r\n\twidth: inherit;\r\n\theight: inherit;\r\n}\r\n\r\n.emoji--like {\r\n\tbackground: $emoji-like-color;\r\n \r\n\t.emoji__hand {\r\n\t\tleft: 25em;\r\n\t\tbottom: 30em;\r\n\t\twidth: 20em;\r\n\t\theight: 40em; \r\n\t\tbackground: $emoji-white-color;\r\n\t\tborder-radius: 5em;\r\n\t\tz-index: 0;\r\n\t\tanimation: hands-up 2s linear infinite;\r\n\t\t\r\n\t\t&:before {\r\n\t\t\tleft: 25em;\r\n\t\t\tbottom: 5em;\r\n\t\t\twidth: 40em;\r\n\t\t\tbackground: inherit;\r\n\t\t\theight: 10em;\r\n\t\t\tborder-radius: 2em 10em 10em 2em;\r\n\t\t\tbox-shadow: 1em -9em 0 1em $emoji-white-color, 2em -19em 0 2em $emoji-white-color, 3em -29em 0 3em $emoji-white-color; \r\n\t\t} \r\n\t}\r\n \r\n\t.emoji__thumb {\r\n\t\tborder-bottom: 20em solid $emoji-white-color;\r\n\t\tborder-left: 20em solid transparent;\r\n\t\ttop: -25em;\r\n\t\tright: -25em;\r\n\t\tz-index: 2;\r\n\t\ttransform: rotate(5deg);\r\n\t\ttransform-origin: 0% 100%;\r\n\t\tanimation: thumbs-up 2s linear infinite;\r\n\r\n\t\t&:before {\r\n\t\t\tborder-radius: 50% 50% 0 0;\r\n\t\t\tbackground: $emoji-white-color;\r\n\t\t\twidth: 10em;\r\n\t\t\theight: 12em;\r\n\t\t\tleft: -10em;\r\n\t\t\ttop: -8em;\r\n\t\t\ttransform: rotate(-15deg);\r\n\t\t\ttransform-origin: 100% 100%;\r\n\t\t\tbox-shadow: -1em 4em 0 -1em $emoji-white-color;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.emoji--love {\r\n\tbackground: $emoji-love-color;\r\n \r\n\t.emoji__heart {\r\n\t\tleft: calc(50% - 40em);\r\n\t\ttop: calc(50% - 40em);\r\n\t\twidth: 80em;\r\n\t\theight: 80em;\r\n\t\tanimation: heart-beat 1s linear infinite alternate;\r\n\r\n\t\t&:before, &:after {\r\n\t\t\tleft: calc(50% - 20em);\r\n\t\t\ttop: calc(50% - 32em);\r\n\t\t\twidth: 40em;\r\n\t\t\theight: 64em;\r\n\t\t\tbackground: $emoji-white-color;\r\n\t\t\tborder-radius: 20em 20em 0 0;\r\n\t\t}\r\n\t \r\n\t\t&:before {\r\n\t\t\ttransform: translate(20em) rotate(-45deg);\r\n\t\t\ttransform-origin: 0 100%;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\ttransform: translate(-20em) rotate(45deg);\r\n\t\t\ttransform-origin :100% 100%;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.emoji--haha {\r\n\r\n\t.emoji__face {\r\n\t\tanimation: haha-face 2s linear infinite;\r\n\t}\r\n \r\n\t.emoji__eyes {\r\n\t\twidth: 26em;\r\n\t\theight: 6em;\r\n\t\tborder-radius: 2em;\r\n\t\tleft: calc(50% - 13em);\r\n\t\ttop: 35em;\r\n\t\ttransform: rotate(20deg);\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -25em 5em 0 0 $emoji-black-color, 25em -5em 0 0 $emoji-black-color;\r\n\t \r\n\t\t&:after {\r\n\t\t left: 0;\r\n\t\t top: 0;\r\n\t\t width: 26em;\r\n\t\t height: 6em;\r\n\t\t border-radius: 2em;\r\n\t\t transform: rotate(-40deg);\r\n\t\t background: transparent;\r\n\t\t box-shadow: -25em -5em 0 0 $emoji-black-color, 25em 5em 0 0 $emoji-black-color;\r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 80em;\r\n\t\theight: 40em;\r\n\t\tleft: calc(50% - 40em);\r\n\t\ttop: 50%;\r\n\t\tbackground: $emoji-black-color;\r\n\t\tborder-radius: 0 0 40em 40em;\r\n\t\toverflow: hidden;\r\n\t\tz-index: 1; \r\n\t\tanimation: haha-mouth 2s linear infinite;\r\n\t}\r\n \r\n\t.emoji__tongue {\r\n\t\twidth: 70em;\r\n\t\theight: 30em;\r\n\t\tbackground: $emoji-love-color;\r\n\t\tleft: calc(50% - 35em);\r\n\t\tbottom: -10em;\r\n\t\tborder-radius: 50%; \r\n\t} \r\n}\r\n\r\n.emoji--yay {\r\n\t&:after {\r\n\t\tanimation: yay-reverse 1s linear infinite;\r\n\t}\r\n \r\n\t.emoji__face {\r\n\t\tanimation: yay 1s linear infinite alternate;\r\n\t}\r\n\r\n\t.emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\ttop: 30em;\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -6em 0 0 0 $emoji-black-color, -36em 0 0 0em $emoji-black-color, 6em 0 0 0 $emoji-black-color, 36em 0 0 0em $emoji-black-color;\r\n\t\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 36em;\r\n\t\t\theight: 18em;\r\n\t\t\tborder-radius: 60em 60em 0 0;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder: 6em solid black;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-bottom: 0;\r\n\t\t\tbottom: 3em;\r\n\t\t\tleft: calc(50% - 18em);\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -21em; \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 21em; \r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\ttop: 60em;\r\n\t\tbackground: transparent;\r\n\t\tleft: 50%; \r\n\t \r\n\t\t&:after {\r\n\t\t width: 80em;\r\n\t\t height: 80em;\r\n\t\t left: calc(50% - 40em);\r\n\t\t top: -75em;\r\n\t\t border-radius: 50%;\r\n\t\t background: transparent; \r\n\t\t border: 6em solid $emoji-black-color;\r\n\t\t box-sizing: border-box;\r\n\t\t border-top-color: transparent;\r\n\t\t border-left-color: transparent;\r\n\t\t border-right-color: transparent;\r\n\t\t z-index: 1;\r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\twidth: 6em;\r\n\t\t\theight: 6em;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbottom: 5em;\r\n\t\t\tleft: calc(50% - 3em);\r\n\t\t\tbox-shadow: -25em 0 0 0 $emoji-black-color, 25em 0 0 0 $emoji-black-color, -35em -2em 30em 10em $emoji-angry-color, 35em -2em 30em 10em $emoji-angry-color;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.emoji--wow {\r\n .emoji__face {\r\n\tanimation: wow-face 3s linear infinite;\r\n }\t\r\n \r\n .emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -18em 0 0 0 $emoji-black-color, -33em 0 0 0 $emoji-black-color, 18em 0 0 0 $emoji-black-color, 33em 0 0 0 $emoji-black-color;\r\n\t\tanimation: wow-brow 3s linear infinite;\r\n\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 24em;\r\n\t\t\theight: 20em;\r\n\t\t\tborder: 6em solid $emoji-black-color;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-bottom-color: transparent;\r\n\t\t\tborder-left-color: transparent;\r\n\t\t\tborder-right-color: transparent;\r\n\t\t\ttop: -3em;\r\n\t\t\tleft: calc(50% - 12em); \r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -25em; \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 25em; \r\n\t\t}\r\n\t}\r\n\r\n\t.emoji__eyes {\r\n\t\twidth: 16em;\r\n\t\theight: 24em;\r\n\t\tleft: calc(50% - 8em);\r\n\t\ttop: 35em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: 25em 0 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color;\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 30em;\r\n\t\theight: 45em;\r\n\t\tleft: calc(50% - 15em);\r\n\t\ttop: 50%;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: $emoji-black-color;\r\n\t\tanimation: wow-mouth 3s linear infinite;\r\n\t}\r\n}\r\n\r\n.emoji--sad {\r\n\r\n\t.emoji__face {\r\n\t\tanimation: sad-face 2s ease-in infinite;\r\n\t}\r\n \r\n\t.emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\ttop: 35em;\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -40em 9em 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color, 25em 0 0 0 $emoji-black-color, 40em 9em 0 0 $emoji-black-color, ;\r\n\t\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 30em;\r\n\t\t\theight: 20em;\r\n\t\t\tborder: 6em solid $emoji-black-color;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-bottom-color: transparent;\r\n\t\t\tborder-left-color: transparent;\r\n\t\t\tborder-right-color: transparent;\r\n\t\t\ttop: 2em;\r\n\t\t\tleft: calc(50% - 15em); \r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -30em;\r\n\t\t\ttransform: rotate(-30deg); \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 30em;\r\n\t\t\ttransform: rotate(30deg);\r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__eyes {\r\n\t\twidth: 14em;\r\n\t\theight: 16em;\r\n\t\tleft: calc(50% - 7em);\r\n\t\ttop: 50em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: 25em 0 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color;\r\n\r\n\t\t&:after {\r\n\t\t\tbackground: $emoji-like-color;\r\n\t\t\twidth: 12em;\r\n\t\t\theight: 12em;\r\n\t\t\tmargin-left: 6em;\r\n\t\t\tborder-radius: 0 100% 40% 50% / 0 50% 40% 100%;\r\n\t\t\ttransform-origin: 0% 0%;\r\n\t\t\tanimation: tear-drop 2s ease-in infinite;\r\n\t\t} \r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 60em;\r\n\t\theight: 80em;\r\n\t\tleft: calc(50% - 30em);\r\n\t\ttop: 80em;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder: 6em solid $emoji-black-color; \r\n\t\tborder-radius: 50%;\r\n\t\tborder-bottom-color: transparent;\r\n\t\tborder-left-color: transparent;\r\n\t\tborder-right-color: transparent;\r\n\t\tbackground: transparent;\r\n\t\tanimation: sad-mouth 2s ease-in infinite;\r\n\r\n\t\t&:after {\r\n\t\t\twidth: 6em;\r\n\t\t\theight: 6em;\r\n\t\t\tbackground: transparent;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\ttop: 4em;\r\n\t\t\tleft: calc(50% - 3em);\r\n\t\t\tbox-shadow: -18em 0 0 0 $emoji-black-color, 18em 0 0 0 $emoji-black-color; \r\n\t\t} \r\n\t}\r\n}\r\n\r\n.emoji--angry {\r\n\tbackground: linear-gradient($emoji-angry-color -10%, $emoji-base-color);\r\n\tbackground-size: 100%;\r\n\tanimation: angry-color 2s ease-in infinite;\r\n \r\n\r\n .emoji__face {\r\n\t animation: angry-face 2s ease-in infinite;\r\n\t} \r\n\r\n\t.emoji__eyebrows {\r\n\t\tleft: calc(50% - 3em);\r\n\t\ttop: 55em;\r\n\t\theight: 6em;\r\n\t\twidth: 6em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: -44em 5em 0 0 $emoji-black-color, -7em 16em 0 0 $emoji-black-color, 7em 16em 0 0 $emoji-black-color, 44em 5em 0 0 $emoji-black-color, ;\r\n\t\t\r\n\t\t&:before, &:after {\r\n\t\t\twidth: 50em;\r\n\t\t\theight: 20em;\r\n\t\t\tborder: 6em solid $emoji-black-color;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tborder-top-color: transparent;\r\n\t\t\tborder-left-color: transparent;\r\n\t\t\tborder-right-color: transparent;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: calc(50% - 25em); \r\n\t\t}\r\n\r\n\t\t&:before {\r\n\t\t\tmargin-left: -25em;\r\n\t\t\ttransform: rotate(15deg); \r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tmargin-left: 25em;\r\n\t\t\ttransform: rotate(-15deg);\r\n\t\t}\r\n\t}\r\n \r\n\t.emoji__eyes {\r\n\t\twidth: 12em;\r\n\t\theight: 12em;\r\n\t\tleft: calc(50% - 6em);\r\n\t\ttop: 70em;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground: transparent;\r\n\t\tbox-shadow: 25em 0 0 0 $emoji-black-color, -25em 0 0 0 $emoji-black-color;\r\n\t}\r\n \r\n\t.emoji__mouth {\r\n\t\twidth: 36em;\r\n\t\theight: 18em;\r\n\t\tleft: calc(50% - 18em);\r\n\t\tbottom: 15em;\r\n\t\tbackground: $emoji-black-color;\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: angry-mouth 2s ease-in infinite;\r\n\t} \r\n}\r\n\r\n@keyframes heart-beat {\r\n\t25% {transform: scale(1.1);}\r\n\t75% {transform: scale(0.6);}\r\n}\r\n\r\n@keyframes haha-face {\r\n\t10%, 30%, 50% {transform: translateY(25em);}\r\n\t20%, 40% {transform: translateY(15em);}\r\n\t60%, 80% {transform: translateY(0);}\r\n\t70%, 90% {transform: translateY(-10em);}\r\n}\r\n\r\n@keyframes haha-mouth {\r\n\t10%, 30%, 50% {transform: scale(0.6); top: 45%;}\r\n\t20%, 40% {transform: scale(0.8); top: 45%;}\r\n\t60%, 80% {transform: scale(1); top: 50%;}\r\n\t70% {transform: scale(1.2); top: 50%;}\r\n\t90% {transform: scale(1.1); top: 50%;}\r\n}\r\n\r\n@keyframes yay {\r\n\t25% {transform: rotate(-15deg);}\r\n\t75% {transform: rotate(15deg);}\r\n}\r\n\r\n@keyframes wow-face {\r\n\t15%, 25% {transform: rotate(20deg) translateX(-25em);}\r\n\t45%, 65% {transform: rotate(-20deg) translateX(25em);}\r\n\t75%, 100% {transform: rotate(0deg) translateX(0);}\r\n}\r\n\r\n@keyframes wow-brow {\r\n\t15%, 65% {top: 25em;}\r\n\t75%, 100%, 0% {top: 15em;}\r\n}\r\n\r\n@keyframes wow-mouth {\r\n\t10%, 30% {width: 20em; height: 20em; left: calc(50% - 10em);}\r\n\t50%, 70% {width: 30em; height: 40em; left: calc(50% - 15em);}\r\n\t75%, 100% {height: 50em;}\r\n}\r\n\r\n@keyframes sad-face {\r\n\t25%, 35% {top: -15em;}\r\n\t55%, 95% {top: 10em;}\r\n\t100%, 0% {top: 0;}\r\n}\r\n\r\n@keyframes sad-mouth {\r\n\t25%, 35% {transform: scale(0.85); top: 70em;}\r\n\t55%, 100%, 0% {transform: scale(1); top:80em;}\r\n}\r\n\r\n@keyframes tear-drop {\r\n\t0%, 100% {display:block; left: 35em; top: 15em; transform: rotate(45deg) scale(0);}\r\n\t25% {display:block; left: 35em; transform: rotate(45deg) scale(2);}\r\n\t49.9% {display:block; left: 35em; top: 65em; transform: rotate(45deg) scale(0);}\r\n\t50% {display:block; left: -35em; top: 15em; transform: rotate(45deg) scale(0);}\r\n\t75% {display:block; left: -35em; transform: rotate(45deg) scale(2);}\r\n\t99.9% {display:block; left: -35em; top: 65em; transform: rotate(45deg) scale(0);}\r\n}\r\n\r\n@keyframes hands-up {\r\n\t25% {transform: rotate(15deg);}\r\n\t50% {transform: rotate(-15deg) translateY(-10em);}\r\n\t75%, 100% {transform: rotate(0deg);}\r\n}\r\n\r\n@keyframes thumbs-up {\r\n\t25% {transform: rotate(20deg);}\r\n\t50%, 100% {transform: rotate(5deg);}\r\n}\r\n\r\n@keyframes angry-color {\r\n\t45%, 60% {background-size: 250%;}\r\n\t85%, 100%, 0% {background-size: 100%;}\r\n}\r\n\r\n@keyframes angry-face {\r\n\t35%, 60% {transform: translateX(0) translateY(10em) scale(0.9);}\r\n\t40%, 50% {transform: translateX(-5em) translateY(10em) scale(0.9);}\r\n\t45%, 55% {transform: translateX(5em) translateY(10em) scale(0.9);}\r\n}\r\n\r\n@keyframes angry-mouth {\r\n\t25%, 50% {height: 6em; bottom: 25em;}\r\n}"]}
\ No newline at end of file
diff --git a/public/assets/css/notifications/sweetalert2/sweetalert2.bundle.css b/public/assets/css/notifications/sweetalert2/sweetalert2.bundle.css
new file mode 100644
index 0000000..000d841
--- /dev/null
+++ b/public/assets/css/notifications/sweetalert2/sweetalert2.bundle.css
@@ -0,0 +1,1567 @@
+@charset "UTF-8";
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+.swal2-styled,
+.swal2-content {
+ font-weight: 400 !important; }
+
+.swal2-title {
+ font-weight: 500 !important; }
+
+.swal2-popup .swal2-styled:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+
+@-webkit-keyframes swal2-show {
+ 0% {
+ -webkit-transform: scale(0.7);
+ transform: scale(0.7); }
+ 45% {
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05); }
+ 80% {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95); }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@keyframes swal2-show {
+ 0% {
+ -webkit-transform: scale(0.7);
+ transform: scale(0.7); }
+ 45% {
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05); }
+ 80% {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95); }
+ 100% {
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@-webkit-keyframes swal2-hide {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0; } }
+
+@keyframes swal2-hide {
+ 0% {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; }
+ 100% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0; } }
+
+@-webkit-keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: .0625em;
+ width: 0; }
+ 54% {
+ top: 1.0625em;
+ left: .125em;
+ width: 0; }
+ 70% {
+ top: 2.1875em;
+ left: -.375em;
+ width: 3.125em; }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em; }
+ 100% {
+ top: 2.8125em;
+ left: .875em;
+ width: 1.5625em; } }
+
+@keyframes swal2-animate-success-line-tip {
+ 0% {
+ top: 1.1875em;
+ left: .0625em;
+ width: 0; }
+ 54% {
+ top: 1.0625em;
+ left: .125em;
+ width: 0; }
+ 70% {
+ top: 2.1875em;
+ left: -.375em;
+ width: 3.125em; }
+ 84% {
+ top: 3em;
+ left: 1.3125em;
+ width: 1.0625em; }
+ 100% {
+ top: 2.8125em;
+ left: .875em;
+ width: 1.5625em; } }
+
+@-webkit-keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0; }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0; }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em; }
+ 100% {
+ top: 2.375em;
+ right: .5em;
+ width: 2.9375em; } }
+
+@keyframes swal2-animate-success-line-long {
+ 0% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0; }
+ 65% {
+ top: 3.375em;
+ right: 2.875em;
+ width: 0; }
+ 84% {
+ top: 2.1875em;
+ right: 0;
+ width: 3.4375em; }
+ 100% {
+ top: 2.375em;
+ right: .5em;
+ width: 2.9375em; } }
+
+@-webkit-keyframes swal2-rotate-success-circular-line {
+ 0% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ 5% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ 12% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg); }
+ 100% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg); } }
+
+@keyframes swal2-rotate-success-circular-line {
+ 0% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ 5% {
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ 12% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg); }
+ 100% {
+ -webkit-transform: rotate(-405deg);
+ transform: rotate(-405deg); } }
+
+@-webkit-keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0; }
+ 50% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0; }
+ 80% {
+ margin-top: -.375em;
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15); }
+ 100% {
+ margin-top: 0;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; } }
+
+@keyframes swal2-animate-error-x-mark {
+ 0% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0; }
+ 50% {
+ margin-top: 1.625em;
+ -webkit-transform: scale(0.4);
+ transform: scale(0.4);
+ opacity: 0; }
+ 80% {
+ margin-top: -.375em;
+ -webkit-transform: scale(1.15);
+ transform: scale(1.15); }
+ 100% {
+ margin-top: 0;
+ -webkit-transform: scale(1);
+ transform: scale(1);
+ opacity: 1; } }
+
+@-webkit-keyframes swal2-animate-error-icon {
+ 0% {
+ -webkit-transform: rotateX(100deg);
+ transform: rotateX(100deg);
+ opacity: 0; }
+ 100% {
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+ opacity: 1; } }
+
+@keyframes swal2-animate-error-icon {
+ 0% {
+ -webkit-transform: rotateX(100deg);
+ transform: rotateX(100deg);
+ opacity: 0; }
+ 100% {
+ -webkit-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+ opacity: 1; } }
+
+body.swal2-toast-shown .swal2-container {
+ background-color: transparent; }
+ body.swal2-toast-shown .swal2-container.swal2-shown {
+ background-color: transparent; }
+ body.swal2-toast-shown .swal2-container.swal2-top {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
+ top: 0;
+ right: 0;
+ bottom: auto;
+ left: auto; }
+ body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
+ top: 0;
+ right: auto;
+ bottom: auto;
+ left: 0; }
+ body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ body.swal2-toast-shown .swal2-container.swal2-center {
+ top: 50%;
+ right: auto;
+ bottom: auto;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%); }
+ body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
+ top: 50%;
+ right: 0;
+ bottom: auto;
+ left: auto;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 0; }
+ body.swal2-toast-shown .swal2-container.swal2-bottom {
+ top: auto;
+ right: auto;
+ bottom: 0;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
+ top: auto;
+ right: 0;
+ bottom: 0;
+ left: auto; }
+
+body.swal2-toast-column .swal2-toast {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch; }
+ body.swal2-toast-column .swal2-toast .swal2-actions {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ height: 2.2em;
+ margin-top: .3125em; }
+ body.swal2-toast-column .swal2-toast .swal2-loading {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ body.swal2-toast-column .swal2-toast .swal2-input {
+ height: 2em;
+ margin: .3125em auto;
+ font-size: 1em; }
+ body.swal2-toast-column .swal2-toast .swal2-validation-message {
+ font-size: 1em; }
+
+.swal2-popup.swal2-toast {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ width: auto;
+ padding: 0.625em;
+ overflow-y: hidden;
+ -webkit-box-shadow: 0 0 0.625em #d9d9d9;
+ box-shadow: 0 0 0.625em #d9d9d9; }
+ .swal2-popup.swal2-toast .swal2-header {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .swal2-popup.swal2-toast .swal2-title {
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ margin: 0 0.6em;
+ font-size: 1em; }
+ .swal2-popup.swal2-toast .swal2-footer {
+ margin: 0.5em 0 0;
+ padding: 0.5em 0 0;
+ font-size: 0.8em; }
+ .swal2-popup.swal2-toast .swal2-close {
+ position: static;
+ width: 0.8em;
+ height: 0.8em;
+ line-height: 0.8; }
+ .swal2-popup.swal2-toast .swal2-content {
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start;
+ font-size: 1em; }
+ .swal2-popup.swal2-toast .swal2-icon {
+ width: 2em;
+ min-width: 2em;
+ height: 2em;
+ margin: 0; }
+ .swal2-popup.swal2-toast .swal2-icon::before {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ font-size: 2em;
+ font-weight: bold; }
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-popup.swal2-toast .swal2-icon::before {
+ font-size: .25em; } }
+ .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em; }
+ .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
+ top: .875em;
+ width: 1.375em; }
+ .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
+ left: .3125em; }
+ .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
+ right: .3125em; }
+ .swal2-popup.swal2-toast .swal2-actions {
+ -ms-flex-preferred-size: auto !important;
+ flex-basis: auto !important;
+ height: auto;
+ margin: 0 .3125em; }
+ .swal2-popup.swal2-toast .swal2-styled {
+ margin: 0 .3125em;
+ padding: .3125em .625em;
+ font-size: 1em; }
+ .swal2-popup.swal2-toast .swal2-styled:focus {
+ -webkit-box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4);
+ box-shadow: 0 0 0 0.0625em #fff, 0 0 0 0.125em rgba(50, 100, 150, 0.4); }
+ .swal2-popup.swal2-toast .swal2-success {
+ border-color: #1dc9b7; }
+ .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] {
+ position: absolute;
+ width: 1.6em;
+ height: 3em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ border-radius: 50%; }
+ .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] {
+ top: -.8em;
+ left: -.5em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: 2em 2em;
+ transform-origin: 2em 2em;
+ border-radius: 4em 0 0 4em; }
+ .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] {
+ top: -.25em;
+ left: .9375em;
+ -webkit-transform-origin: 0 1.5em;
+ transform-origin: 0 1.5em;
+ border-radius: 0 4em 4em 0; }
+ .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
+ width: 2em;
+ height: 2em; }
+ .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
+ top: 0;
+ left: .4375em;
+ width: .4375em;
+ height: 2.6875em; }
+ .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'] {
+ height: .3125em; }
+ .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='tip'] {
+ top: 1.125em;
+ left: .1875em;
+ width: .75em; }
+ .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-line'][class$='long'] {
+ top: .9375em;
+ right: .1875em;
+ width: 1.375em; }
+ .swal2-popup.swal2-toast.swal2-show {
+ -webkit-animation: swal2-toast-show 0.5s;
+ animation: swal2-toast-show 0.5s; }
+ .swal2-popup.swal2-toast.swal2-hide {
+ -webkit-animation: swal2-toast-hide 0.1s forwards;
+ animation: swal2-toast-hide 0.1s forwards; }
+ .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
+ -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
+ animation: swal2-toast-animate-success-line-tip 0.75s; }
+ .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
+ -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
+ animation: swal2-toast-animate-success-line-long 0.75s; }
+
+@-webkit-keyframes swal2-toast-show {
+ 0% {
+ -webkit-transform: translateY(-0.625em) rotateZ(2deg);
+ transform: translateY(-0.625em) rotateZ(2deg); }
+ 33% {
+ -webkit-transform: translateY(0) rotateZ(-2deg);
+ transform: translateY(0) rotateZ(-2deg); }
+ 66% {
+ -webkit-transform: translateY(0.3125em) rotateZ(2deg);
+ transform: translateY(0.3125em) rotateZ(2deg); }
+ 100% {
+ -webkit-transform: translateY(0) rotateZ(0);
+ transform: translateY(0) rotateZ(0); } }
+
+@keyframes swal2-toast-show {
+ 0% {
+ -webkit-transform: translateY(-0.625em) rotateZ(2deg);
+ transform: translateY(-0.625em) rotateZ(2deg); }
+ 33% {
+ -webkit-transform: translateY(0) rotateZ(-2deg);
+ transform: translateY(0) rotateZ(-2deg); }
+ 66% {
+ -webkit-transform: translateY(0.3125em) rotateZ(2deg);
+ transform: translateY(0.3125em) rotateZ(2deg); }
+ 100% {
+ -webkit-transform: translateY(0) rotateZ(0);
+ transform: translateY(0) rotateZ(0); } }
+
+@-webkit-keyframes swal2-toast-hide {
+ 100% {
+ -webkit-transform: rotateZ(1deg);
+ transform: rotateZ(1deg);
+ opacity: 0; } }
+
+@keyframes swal2-toast-hide {
+ 100% {
+ -webkit-transform: rotateZ(1deg);
+ transform: rotateZ(1deg);
+ opacity: 0; } }
+
+@-webkit-keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: .5625em;
+ left: .0625em;
+ width: 0; }
+ 54% {
+ top: .125em;
+ left: .125em;
+ width: 0; }
+ 70% {
+ top: .625em;
+ left: -.25em;
+ width: 1.625em; }
+ 84% {
+ top: 1.0625em;
+ left: .75em;
+ width: .5em; }
+ 100% {
+ top: 1.125em;
+ left: .1875em;
+ width: .75em; } }
+
+@keyframes swal2-toast-animate-success-line-tip {
+ 0% {
+ top: .5625em;
+ left: .0625em;
+ width: 0; }
+ 54% {
+ top: .125em;
+ left: .125em;
+ width: 0; }
+ 70% {
+ top: .625em;
+ left: -.25em;
+ width: 1.625em; }
+ 84% {
+ top: 1.0625em;
+ left: .75em;
+ width: .5em; }
+ 100% {
+ top: 1.125em;
+ left: .1875em;
+ width: .75em; } }
+
+@-webkit-keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0; }
+ 65% {
+ top: 1.25em;
+ right: .9375em;
+ width: 0; }
+ 84% {
+ top: .9375em;
+ right: 0;
+ width: 1.125em; }
+ 100% {
+ top: .9375em;
+ right: .1875em;
+ width: 1.375em; } }
+
+@keyframes swal2-toast-animate-success-line-long {
+ 0% {
+ top: 1.625em;
+ right: 1.375em;
+ width: 0; }
+ 65% {
+ top: 1.25em;
+ right: .9375em;
+ width: 0; }
+ 84% {
+ top: .9375em;
+ right: 0;
+ width: 1.125em; }
+ 100% {
+ top: .9375em;
+ right: .1875em;
+ width: 1.375em; } }
+
+body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow: hidden; }
+
+body.swal2-height-auto {
+ height: auto !important; }
+
+body.swal2-no-backdrop .swal2-shown {
+ top: auto;
+ right: auto;
+ bottom: auto;
+ left: auto;
+ max-width: calc(100% - 0.625em * 2);
+ background-color: transparent; }
+ body.swal2-no-backdrop .swal2-shown > .swal2-modal {
+ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
+ body.swal2-no-backdrop .swal2-shown.swal2-top {
+ top: 0;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ body.swal2-no-backdrop .swal2-shown.swal2-top-start, body.swal2-no-backdrop .swal2-shown.swal2-top-left {
+ top: 0;
+ left: 0; }
+ body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
+ top: 0;
+ right: 0; }
+ body.swal2-no-backdrop .swal2-shown.swal2-center {
+ top: 50%;
+ left: 50%;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%); }
+ body.swal2-no-backdrop .swal2-shown.swal2-center-start, body.swal2-no-backdrop .swal2-shown.swal2-center-left {
+ top: 50%;
+ left: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
+ top: 50%;
+ right: 0;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+ body.swal2-no-backdrop .swal2-shown.swal2-bottom {
+ bottom: 0;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%); }
+ body.swal2-no-backdrop .swal2-shown.swal2-bottom-start, body.swal2-no-backdrop .swal2-shown.swal2-bottom-left {
+ bottom: 0;
+ left: 0; }
+ body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
+ right: 0;
+ bottom: 0; }
+
+.swal2-container {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ position: fixed;
+ z-index: 1060;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 0.625em;
+ overflow-x: hidden;
+ background-color: transparent;
+ -webkit-overflow-scrolling: touch; }
+ .swal2-container.swal2-top {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+ .swal2-container.swal2-top-start, .swal2-container.swal2-top-left {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .swal2-container.swal2-center {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .swal2-container.swal2-center-start, .swal2-container.swal2-center-left {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .swal2-container.swal2-bottom {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end; }
+ .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end; }
+ .swal2-container.swal2-bottom > :first-child,
+ .swal2-container.swal2-bottom-start > :first-child,
+ .swal2-container.swal2-bottom-left > :first-child,
+ .swal2-container.swal2-bottom-end > :first-child,
+ .swal2-container.swal2-bottom-right > :first-child {
+ margin-top: auto; }
+ .swal2-container.swal2-grow-fullscreen > .swal2-modal {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -ms-flex-item-align: stretch;
+ align-self: stretch;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .swal2-container.swal2-grow-row > .swal2-modal {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .swal2-container.swal2-grow-column {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left {
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+ .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right {
+ -webkit-box-align: end;
+ -ms-flex-align: end;
+ align-items: flex-end; }
+ .swal2-container.swal2-grow-column > .swal2-modal {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ -ms-flex-line-pack: center;
+ align-content: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
+ margin: auto; }
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-container .swal2-modal {
+ margin: 0 !important; } }
+ .swal2-container.swal2-fade {
+ -webkit-transition: background-color 0.1s;
+ transition: background-color 0.1s; }
+ .swal2-container.swal2-shown {
+ background-color: rgba(0, 0, 0, 0.2); }
+
+.swal2-popup {
+ display: none;
+ position: relative;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 30em;
+ max-width: 100%;
+ padding: 1.25em;
+ border: none;
+ border-radius: 0.3125em;
+ background: #fff;
+ font-family: inherit;
+ font-size: 1rem; }
+ .swal2-popup:focus {
+ outline: none; }
+ .swal2-popup.swal2-loading {
+ overflow-y: hidden; }
+
+.swal2-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.swal2-title {
+ position: relative;
+ max-width: 100%;
+ margin: 0 0 1em;
+ padding: 0;
+ color: #595959;
+ font-size: 1.0625em;
+ font-weight: 600;
+ text-align: center;
+ text-transform: none;
+ word-wrap: break-word; }
+
+.swal2-actions {
+ z-index: 1;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 100%;
+ margin: 1.25em auto 0; }
+ .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
+ opacity: .4; }
+ .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
+ background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
+ .swal2-actions:not(.swal2-loading) .swal2-styled:active {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
+ background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }
+ .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 2.5em;
+ height: 2.5em;
+ margin: .46875em;
+ padding: 0;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border: .25em solid transparent;
+ border-radius: 100%;
+ border-color: transparent;
+ background-color: transparent !important;
+ color: transparent;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
+ margin-right: 30px;
+ margin-left: 30px; }
+ .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
+ content: '';
+ display: inline-block;
+ width: 15px;
+ height: 15px;
+ margin-left: 5px;
+ -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
+ border: 3px solid #999999;
+ border-radius: 50%;
+ border-right-color: transparent;
+ -webkit-box-shadow: 1px 1px 1px #fff;
+ box-shadow: 1px 1px 1px #fff; }
+
+.swal2-styled {
+ margin: .3125em;
+ padding: .625em 2em;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ font-weight: 500; }
+ .swal2-styled:not([disabled]) {
+ cursor: pointer; }
+ .swal2-styled.swal2-confirm {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #886ab5;
+ color: #fff;
+ font-size: 0.875em; }
+ .swal2-styled.swal2-cancel {
+ border: 0;
+ border-radius: 0.25em;
+ background: initial;
+ background-color: #aaa;
+ color: #fff;
+ font-size: 0.875em; }
+ .swal2-styled:focus {
+ outline: none;
+ -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4);
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50, 100, 150, 0.4); }
+ .swal2-styled::-moz-focus-inner {
+ border: 0; }
+
+.swal2-footer {
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: 1.25em 0 0;
+ padding: 1em 0 0;
+ border-top: 1px solid #eee;
+ color: #545454;
+ font-size: 0.875em; }
+
+.swal2-image {
+ max-width: 100%;
+ margin: 1.25em auto; }
+
+.swal2-close {
+ position: absolute;
+ z-index: 2;
+ /* 1617 */
+ top: 0;
+ right: 0;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 1.2em;
+ height: 1.2em;
+ padding: 0;
+ overflow: hidden;
+ -webkit-transition: color 0.1s ease-out;
+ transition: color 0.1s ease-out;
+ border: none;
+ border-radius: 0;
+ outline: initial;
+ background: transparent;
+ color: #cccccc;
+ font-family: serif;
+ font-size: 2.5em;
+ line-height: 1.2;
+ cursor: pointer; }
+ .swal2-close:hover {
+ -webkit-transform: none;
+ transform: none;
+ background: transparent;
+ color: #fd3995; }
+
+> .swal2-input,
+> .swal2-file,
+> .swal2-textarea,
+> .swal2-select,
+> .swal2-radio,
+> .swal2-checkbox {
+ display: none; }
+
+.swal2-content {
+ z-index: 1;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+ color: #909090;
+ font-size: 0.875em;
+ font-weight: 300;
+ line-height: normal;
+ text-align: center;
+ word-wrap: break-word; }
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea,
+.swal2-select,
+.swal2-radio,
+.swal2-checkbox {
+ margin: 1em auto; }
+
+.swal2-input,
+.swal2-file,
+.swal2-textarea {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
+ transition: border-color 0.3s, -webkit-box-shadow 0.3s;
+ transition: border-color 0.3s, box-shadow 0.3s;
+ transition: border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
+ border: 1px solid #d9d9d9;
+ border-radius: 0.1875em;
+ background: inherit;
+ -webkit-box-shadow: rgba(0, 0, 0, 0.06);
+ box-shadow: rgba(0, 0, 0, 0.06);
+ color: inherit;
+ font-size: 1.125em; }
+ .swal2-input.swal2-inputerror,
+ .swal2-file.swal2-inputerror,
+ .swal2-textarea.swal2-inputerror {
+ border-color: #fd3995 !important;
+ -webkit-box-shadow: 0 0 2px #fd3995 !important;
+ box-shadow: 0 0 2px #fd3995 !important; }
+ .swal2-input:focus,
+ .swal2-file:focus,
+ .swal2-textarea:focus {
+ border: 1px solid #886ab5;
+ outline: none;
+ -webkit-box-shadow: transparent;
+ box-shadow: transparent; }
+ .swal2-input::-webkit-input-placeholder,
+ .swal2-file::-webkit-input-placeholder,
+ .swal2-textarea::-webkit-input-placeholder {
+ color: #cccccc; }
+ .swal2-input::-moz-placeholder,
+ .swal2-file::-moz-placeholder,
+ .swal2-textarea::-moz-placeholder {
+ color: #cccccc; }
+ .swal2-input:-ms-input-placeholder,
+ .swal2-file:-ms-input-placeholder,
+ .swal2-textarea:-ms-input-placeholder {
+ color: #cccccc; }
+ .swal2-input::-ms-input-placeholder,
+ .swal2-file::-ms-input-placeholder,
+ .swal2-textarea::-ms-input-placeholder {
+ color: #cccccc; }
+ .swal2-input::placeholder,
+ .swal2-file::placeholder,
+ .swal2-textarea::placeholder {
+ color: #cccccc; }
+
+.swal2-range {
+ margin: 1em auto;
+ background: inherit; }
+ .swal2-range input {
+ width: 80%; }
+ .swal2-range output {
+ width: 20%;
+ color: inherit;
+ font-weight: 600;
+ text-align: center; }
+ .swal2-range input,
+ .swal2-range output {
+ height: 2.625em;
+ padding: 0;
+ font-size: 1.125em;
+ line-height: 2.625em; }
+
+.swal2-input {
+ height: 2.625em;
+ padding: 0 0.75em; }
+ .swal2-input[type='number'] {
+ max-width: 10em; }
+
+.swal2-file {
+ background: inherit;
+ font-size: 1.125em; }
+
+.swal2-textarea {
+ height: 6.75em;
+ padding: 0.75em; }
+
+.swal2-select {
+ min-width: 50%;
+ max-width: 100%;
+ padding: .375em .625em;
+ background: inherit;
+ color: inherit;
+ font-size: 1.125em; }
+
+.swal2-radio,
+.swal2-checkbox {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ background: inherit;
+ color: inherit; }
+ .swal2-radio label,
+ .swal2-checkbox label {
+ margin: 0 .6em;
+ font-size: 1.125em; }
+ .swal2-radio input,
+ .swal2-checkbox input {
+ margin: 0 .4em; }
+
+.swal2-validation-message {
+ display: none;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding: 0.625em;
+ overflow: hidden;
+ background: #f0f0f0;
+ color: #666666;
+ font-size: 1em;
+ font-weight: 300; }
+ .swal2-validation-message::before {
+ content: '!';
+ display: inline-block;
+ width: 1.5em;
+ min-width: 1.5em;
+ height: 1.5em;
+ margin: 0 .625em;
+ zoom: normal;
+ border-radius: 50%;
+ background-color: #fd3995;
+ color: #fff;
+ font-weight: 600;
+ line-height: 1.5em;
+ text-align: center; }
+
+@supports (-ms-accelerator: true) {
+ .swal2-range input {
+ width: 100% !important; }
+ .swal2-range output {
+ display: none; } }
+
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+ .swal2-range input {
+ width: 100% !important; }
+ .swal2-range output {
+ display: none; } }
+
+@-moz-document url-prefix() {
+ .swal2-close:focus {
+ outline: 2px solid rgba(50, 100, 150, 0.4); } }
+
+.swal2-icon {
+ position: relative;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 5em;
+ height: 5em;
+ margin: 1.25em auto 1.875em;
+ zoom: normal;
+ border: .25em solid transparent;
+ border-radius: 50%;
+ font-family: inherit;
+ line-height: 5em;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+ .swal2-icon::before {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ height: 92%;
+ font-size: 3.75em; }
+ .swal2-icon.swal2-error {
+ border-color: #fd3995; }
+ .swal2-icon.swal2-error .swal2-x-mark {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1; }
+ .swal2-icon.swal2-error [class^='swal2-x-mark-line'] {
+ display: block;
+ position: absolute;
+ top: 2.3125em;
+ width: 2.9375em;
+ height: .3125em;
+ border-radius: .125em;
+ background-color: #fd3995; }
+ .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='left'] {
+ left: 1.0625em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg); }
+ .swal2-icon.swal2-error [class^='swal2-x-mark-line'][class$='right'] {
+ right: 1em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ .swal2-icon.swal2-warning {
+ border-color: #ffcd65;
+ color: #ffc241; }
+ .swal2-icon.swal2-warning::before {
+ content: '!'; }
+ .swal2-icon.swal2-info {
+ border-color: #82c4f8;
+ color: #2196F3; }
+ .swal2-icon.swal2-info::before {
+ content: 'i'; }
+ .swal2-icon.swal2-question {
+ border-color: #beaed7;
+ color: #886ab5; }
+ .swal2-icon.swal2-question::before {
+ content: '?'; }
+ .swal2-icon.swal2-question.swal2-arabic-question-mark::before {
+ content: '؟'; }
+ .swal2-icon.swal2-success {
+ border-color: #1dc9b7; }
+ .swal2-icon.swal2-success [class^='swal2-success-circular-line'] {
+ position: absolute;
+ width: 3.75em;
+ height: 7.5em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg);
+ border-radius: 50%; }
+ .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] {
+ top: -.4375em;
+ left: -2.0635em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: 3.75em 3.75em;
+ transform-origin: 3.75em 3.75em;
+ border-radius: 7.5em 0 0 7.5em; }
+ .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] {
+ top: -.6875em;
+ left: 1.875em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: 0 3.75em;
+ transform-origin: 0 3.75em;
+ border-radius: 0 7.5em 7.5em 0; }
+ .swal2-icon.swal2-success .swal2-success-ring {
+ position: absolute;
+ z-index: 2;
+ top: -.25em;
+ left: -.25em;
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ width: 100%;
+ height: 100%;
+ border: 0.25em solid rgba(29, 201, 183, 0.3);
+ border-radius: 50%; }
+ .swal2-icon.swal2-success .swal2-success-fix {
+ position: absolute;
+ z-index: 1;
+ top: .5em;
+ left: 1.625em;
+ width: .4375em;
+ height: 5.625em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+ .swal2-icon.swal2-success [class^='swal2-success-line'] {
+ display: block;
+ position: absolute;
+ z-index: 2;
+ height: .3125em;
+ border-radius: .125em;
+ background-color: #1dc9b7; }
+ .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] {
+ top: 2.875em;
+ left: .875em;
+ width: 1.5625em;
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg); }
+ .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] {
+ top: 2.375em;
+ right: .5em;
+ width: 2.9375em;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg); }
+
+.swal2-progress-steps {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin: 0 0 1.25em;
+ padding: 0;
+ background: inherit;
+ font-weight: 600; }
+ .swal2-progress-steps li {
+ display: inline-block;
+ position: relative; }
+ .swal2-progress-steps .swal2-progress-step {
+ z-index: 20;
+ width: 2em;
+ height: 2em;
+ border-radius: 2em;
+ background: #886ab5;
+ color: #fff;
+ line-height: 2em;
+ text-align: center; }
+ .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
+ background: #886ab5; }
+ .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
+ background: #beaed7;
+ color: #fff; }
+ .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
+ background: #beaed7; }
+ .swal2-progress-steps .swal2-progress-step-line {
+ z-index: 10;
+ width: 2.5em;
+ height: .4em;
+ margin: 0 -1px;
+ background: #886ab5; }
+
+[class^='swal2'] {
+ -webkit-tap-highlight-color: transparent; }
+
+.swal2-show {
+ -webkit-animation: swal2-show 0.3s;
+ animation: swal2-show 0.3s; }
+ .swal2-show.swal2-noanimation {
+ -webkit-animation: none;
+ animation: none; }
+
+.swal2-hide {
+ -webkit-animation: swal2-hide 0.15s forwards;
+ animation: swal2-hide 0.15s forwards; }
+ .swal2-hide.swal2-noanimation {
+ -webkit-animation: none;
+ animation: none; }
+
+.swal2-rtl .swal2-close {
+ right: auto;
+ left: 0; }
+
+.swal2-animate-success-icon .swal2-success-line-tip {
+ -webkit-animation: swal2-animate-success-line-tip 0.75s;
+ animation: swal2-animate-success-line-tip 0.75s; }
+
+.swal2-animate-success-icon .swal2-success-line-long {
+ -webkit-animation: swal2-animate-success-line-long 0.75s;
+ animation: swal2-animate-success-line-long 0.75s; }
+
+.swal2-animate-success-icon .swal2-success-circular-line-right {
+ -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
+ animation: swal2-rotate-success-circular-line 4.25s ease-in; }
+
+.swal2-animate-error-icon {
+ -webkit-animation: swal2-animate-error-icon 0.5s;
+ animation: swal2-animate-error-icon 0.5s; }
+ .swal2-animate-error-icon .swal2-x-mark {
+ -webkit-animation: swal2-animate-error-x-mark 0.5s;
+ animation: swal2-animate-error-x-mark 0.5s; }
+
+@-webkit-keyframes swal2-rotate-loading {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@keyframes swal2-rotate-loading {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@media print {
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
+ overflow-y: scroll !important; }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden='true'] {
+ display: none; }
+ body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
+ position: static !important; } }
+
+/*# sourceMappingURL=sweetalert2.bundle.css.map */
diff --git a/public/assets/css/notifications/sweetalert2/sweetalert2.bundle.css.map b/public/assets/css/notifications/sweetalert2/sweetalert2.bundle.css.map
new file mode 100644
index 0000000..c20ee2d
--- /dev/null
+++ b/public/assets/css/notifications/sweetalert2/sweetalert2.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["sweetalert2.bundle.css","../../../scss/_modules/variables.scss","_variables.scss","../../../../node_modules/sweetalert2/src/animations.scss","../../../../node_modules/sweetalert2/src/toasts.scss","../../../../node_modules/sweetalert2/src/variables.scss","../../../../node_modules/sweetalert2/src/mixins.scss","../../../../node_modules/sweetalert2/src/sweetalert2.scss"],"names":[],"mappings":"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","file":"sweetalert2.bundle.css","sourcesContent":["@import \"./src/scss/_modules/variables\";\r\n@import \"./src/custom/plugins/sweetalert2/_variables\";\r\n@import \"./node_modules/sweetalert2/src/sweetalert2\";","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","$swal2-white: $white;\r\n$swal2-black: $black;\r\n\r\n// CONTAINER\r\n$swal2-container-padding: .625em !default;\r\n\r\n// BOX MODEL\r\n$swal2-width: 30em;\r\n$swal2-padding: 1.25em !default;\r\n$swal2-border-radius: .3125em !default;\r\n$swal2-box-shadow: #d9d9d9 !default;\r\n\r\n// BACKGROUND\r\n$swal2-background: $swal2-white !default;\r\n\r\n// TYPOGRAPHY\r\n$swal2-font: inherit !default;\r\n$swal2-font-size: 1rem !default;\r\n\r\n// BACKDROP\r\n$swal2-backdrop: rgba($swal2-black, .2);\r\n\r\n// ICONS\r\n$swal2-icon-size: 5em !default;\r\n$swal2-icon-margin: 1.25em auto 1.875em !default;\r\n$swal2-icon-zoom: normal !default;\r\n$swal2-success: $success-500;\r\n$swal2-success-border: rgba($swal2-success, .3) !default;\r\n$swal2-error: $danger-500;\r\n$swal2-warning: $warning-500;\r\n$swal2-info: $info-500;\r\n$swal2-question: $primary-500;\r\n\r\n// IMAGE\r\n$swal2-image-margin: 1.25em auto !default;\r\n\r\n// TITLE\r\n$swal2-title-margin: 0 0 1em;\r\n$swal2-title-color: lighten($swal2-black, 35) !default;\r\n$swal2-title-font-size: 1.0625em;\r\n\r\n// CONTENT\r\n$swal2-content-color: $fusion-50;\r\n$swal2-content-font-size: 0.875em;\r\n\r\n// INPUT\r\n$swal2-input-margin: 1em auto !default;\r\n$swal2-input-height: 2.625em !default;\r\n$swal2-input-padding: 0 .75em !default;\r\n$swal2-input-border: 1px solid lighten($swal2-black, 85) !default;\r\n$swal2-input-border-radius: .1875em !default;\r\n$swal2-input-border-focus: 1px solid $primary-500;\r\n$swal2-input-box-shadow: rgba($swal2-black, .06) !default;\r\n$swal2-input-box-shadow-focus: transparent;\r\n$swal2-input-font-size: 1.125em !default;\r\n$swal2-input-background: inherit !default;\r\n\r\n// TEXTAREA SPECIFIC VARIABLES\r\n$swal2-textarea-height: 6.75em !default;\r\n$swal2-textarea-padding: .75em !default;\r\n\r\n// VALIDATION MESSAGE\r\n$swal2-validation-message-justify-content: center !default;\r\n$swal2-validation-message-padding: .625em !default;\r\n$swal2-validation-message-background: lighten($swal2-black, 94) !default;\r\n$swal2-validation-message-color: lighten($swal2-black, 40) !default;\r\n$swal2-validation-message-font-size: 1em !default;\r\n$swal2-validation-message-font-weight: 300 !default;\r\n$swal2-validation-message-icon-background: $swal2-error !default;\r\n$swal2-validation-message-icon-color: $swal2-white !default;\r\n$swal2-validation-message-icon-zoom: normal !default;\r\n\r\n// PROGRESS STEPS\r\n$swal2-progress-steps-background: inherit !default;\r\n$swal2-progress-steps-margin: 0 0 1.25em !default;\r\n$swal2-progress-steps-padding: 0 !default;\r\n$swal2-progress-steps-font-weight: 600 !default;\r\n$swal2-progress-steps-distance: 2.5em !default;\r\n$swal2-progress-step-width: 2em;\r\n$swal2-progress-step-height: 2em;\r\n$swal2-progress-step-border-radius: 2em;\r\n$swal2-progress-step-background: $primary-100 !default;\r\n$swal2-progress-step-color: $swal2-white !default;\r\n$swal2-active-step-background: $primary-500;\r\n$swal2-active-step-color: $swal2-white !default;\r\n\r\n// FOOTER\r\n$swal2-footer-margin: 1.25em 0 0 !default;\r\n$swal2-footer-padding: 1em 0 0 !default;\r\n$swal2-footer-border-color: #eee !default;\r\n$swal2-footer-color: lighten($swal2-black, 33) !default;\r\n$swal2-footer-font-size: 0.875em;\r\n\r\n// ANIMATIONS\r\n$swal2-show-animation: swal2-show .3s !default;\r\n$swal2-hide-animation: swal2-hide .15s forwards !default;\r\n$swal2-success-line-tip-animation: swal2-animate-success-line-tip .75s !default;\r\n$swal2-success-line-long-animation: swal2-animate-success-line-long .75s !default;\r\n$swal2-success-circular-line-animation: swal2-rotate-success-circular-line 4.25s ease-in !default;\r\n$swal2-error-icon-animation: swal2-animate-error-icon .5s !default;\r\n$swal2-error-x-mark-animation: swal2-animate-error-x-mark .5s !default;\r\n\r\n// CLOSE BUTTON\r\n$swal2-close-button-width: 1.2em !default;\r\n$swal2-close-button-height: 1.2em !default;\r\n$swal2-close-button-line-height: 1.2 !default;\r\n$swal2-close-button-position: absolute !default;\r\n$swal2-close-button-gap: 0 !default;\r\n$swal2-close-button-transition: color .1s ease-out !default;\r\n$swal2-close-button-border: none !default;\r\n$swal2-close-button-border-radius: 0 !default;\r\n$swal2-close-button-outline: initial !default;\r\n$swal2-close-button-background: transparent !default;\r\n$swal2-close-button-color: lighten($swal2-black, 80) !default;\r\n$swal2-close-button-font-size: 2.5em !default;\r\n\r\n// CLOSE BUTTON:HOVER\r\n$swal2-close-button-hover-transform: none !default;\r\n$swal2-close-button-hover-color: $swal2-error !default;\r\n\r\n// ACTIONS\r\n$swal2-actions-margin: 1.25em auto 0 !default;\r\n\r\n// CONFIRM BUTTON\r\n$swal2-confirm-button-border: 0 !default;\r\n$swal2-confirm-button-border-radius: .25em !default;\r\n$swal2-confirm-button-background-color: $primary-500;\r\n$swal2-confirm-button-color: $swal2-white !default;\r\n$swal2-confirm-button-font-size: 0.875em;\r\n\r\n// CANCEL BUTTON\r\n$swal2-cancel-button-border: 0 !default;\r\n$swal2-cancel-button-border-radius: .25em !default;\r\n$swal2-cancel-button-background-color: #aaa !default;\r\n$swal2-cancel-button-color: $swal2-white !default;\r\n$swal2-cancel-button-font-size: $swal2-confirm-button-font-size;\r\n\r\n// COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS\r\n$swal2-button-darken-hover: rgba($swal2-black, .1) !default;\r\n$swal2-button-darken-active: rgba($swal2-black, .2) !default;\r\n$swal2-button-focus-outline: rgba(50, 100, 150, .4) !default;\r\n\r\n// TOASTS\r\n$swal2-toast-close-button-width: .8em !default;\r\n$swal2-toast-close-button-height: .8em !default;\r\n$swal2-toast-close-button-line-height: .8 !default;\r\n$swal2-toast-width: auto !default;\r\n$swal2-toast-padding: .625em !default;\r\n$swal2-toast-title-font-size: 1em !default;\r\n$swal2-toast-content-font-size: 1em !default;\r\n$swal2-toast-input-font-size: 1em !default;\r\n$swal2-toast-validation-font-size: 1em !default;\r\n$swal2-toast-buttons-font-size: 1em !default;\r\n$swal2-toast-footer-margin: .5em 0 0 !default;\r\n$swal2-toast-footer-padding: .5em 0 0 !default;\r\n$swal2-toast-footer-font-size: .8em !default;\r\n\r\n\r\n.swal2-styled,\r\n.swal2-content {\r\n\tfont-weight: 400 !important;\r\n}\r\n\r\n.swal2-title {\r\n\tfont-weight: 500 !important;\r\n}\r\n\r\n.swal2-popup .swal2-styled:focus {\r\n\tbox-shadow: none;\r\n}\r\n\r\n","// Appearance animation\n@keyframes swal2-show {\n 0% {\n transform: scale(.7);\n }\n\n 45% {\n transform: scale(1.05);\n }\n\n 80% {\n transform: scale(.95);\n }\n\n 100% {\n transform: scale(1);\n }\n}\n\n// Disppearance animation\n@keyframes swal2-hide {\n 0% {\n transform: scale(1);\n opacity: 1;\n }\n\n 100% {\n transform: scale(.5);\n opacity: 0;\n }\n}\n\n// Success icon animations\n@keyframes swal2-animate-success-line-tip {\n 0% {\n top: 1.1875em;\n left: .0625em;\n width: 0;\n }\n\n 54% {\n top: 1.0625em;\n left: .125em;\n width: 0;\n }\n\n 70% {\n top: 2.1875em;\n left: -.375em;\n width: 3.125em;\n }\n\n 84% {\n top: 3em;\n left: 1.3125em;\n width: 1.0625em;\n }\n\n 100% {\n top: 2.8125em;\n left: .875em;\n width: 1.5625em;\n }\n}\n\n@keyframes swal2-animate-success-line-long {\n 0% {\n top: 3.375em;\n right: 2.875em;\n width: 0;\n }\n\n 65% {\n top: 3.375em;\n right: 2.875em;\n width: 0;\n }\n\n 84% {\n top: 2.1875em;\n right: 0;\n width: 3.4375em;\n }\n\n 100% {\n top: 2.375em;\n right: .5em;\n width: 2.9375em;\n }\n}\n\n@keyframes swal2-rotate-success-circular-line {\n 0% {\n transform: rotate(-45deg);\n }\n\n 5% {\n transform: rotate(-45deg);\n }\n\n 12% {\n transform: rotate(-405deg);\n }\n\n 100% {\n transform: rotate(-405deg);\n }\n}\n\n// Error icon animations\n@keyframes swal2-animate-error-x-mark {\n 0% {\n margin-top: 1.625em;\n transform: scale(.4);\n opacity: 0;\n }\n\n 50% {\n margin-top: 1.625em;\n transform: scale(.4);\n opacity: 0;\n }\n\n 80% {\n margin-top: -.375em;\n transform: scale(1.15);\n }\n\n 100% {\n margin-top: 0;\n transform: scale(1);\n opacity: 1;\n }\n}\n\n@keyframes swal2-animate-error-icon {\n 0% {\n transform: rotateX(100deg);\n opacity: 0;\n }\n\n 100% {\n transform: rotateX(0deg);\n opacity: 1;\n }\n}\n","body {\n &.swal2-toast-shown {\n .swal2-container {\n background-color: transparent;\n\n &.swal2-shown {\n background-color: transparent;\n }\n\n &.swal2-top {\n top: 0;\n right: auto;\n bottom: auto;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &.swal2-top-end,\n &.swal2-top-right {\n top: 0;\n right: 0;\n bottom: auto;\n left: auto;\n }\n\n &.swal2-top-start,\n &.swal2-top-left {\n top: 0;\n right: auto;\n bottom: auto;\n left: 0;\n }\n\n &.swal2-center-start,\n &.swal2-center-left {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 0;\n transform: translateY(-50%);\n }\n\n &.swal2-center {\n top: 50%;\n right: auto;\n bottom: auto;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.swal2-center-end,\n &.swal2-center-right {\n top: 50%;\n right: 0;\n bottom: auto;\n left: auto;\n transform: translateY(-50%);\n }\n\n &.swal2-bottom-start,\n &.swal2-bottom-left {\n top: auto;\n right: auto;\n bottom: 0;\n left: 0;\n }\n\n &.swal2-bottom {\n top: auto;\n right: auto;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &.swal2-bottom-end,\n &.swal2-bottom-right {\n top: auto;\n right: 0;\n bottom: 0;\n left: auto;\n }\n }\n }\n\n &.swal2-toast-column {\n .swal2-toast {\n flex-direction: column;\n align-items: stretch;\n\n .swal2-actions {\n flex: 1;\n align-self: stretch;\n height: 2.2em;\n margin-top: .3125em;\n }\n\n .swal2-loading {\n justify-content: center;\n }\n\n .swal2-input {\n height: 2em;\n margin: .3125em auto;\n font-size: $swal2-toast-input-font-size;\n }\n\n .swal2-validation-message {\n font-size: $swal2-toast-validation-font-size;\n }\n }\n }\n}\n\n.swal2-popup {\n &.swal2-toast {\n flex-direction: row;\n align-items: center;\n width: $swal2-toast-width;\n padding: $swal2-toast-padding;\n overflow-y: hidden;\n box-shadow: $swal2-toast-box-shadow;\n\n .swal2-header {\n flex-direction: row;\n }\n\n .swal2-title {\n flex-grow: 1;\n justify-content: flex-start;\n margin: $swal2-toast-title-margin;\n font-size: $swal2-toast-title-font-size;\n }\n\n .swal2-footer {\n margin: $swal2-toast-footer-margin;\n padding: $swal2-toast-footer-margin;\n font-size: $swal2-toast-footer-font-size;\n }\n\n .swal2-close {\n position: static;\n width: $swal2-toast-close-button-width;\n height: $swal2-toast-close-button-height;\n line-height: $swal2-toast-close-button-line-height;\n }\n\n .swal2-content {\n justify-content: flex-start;\n font-size: $swal2-toast-content-font-size;\n }\n\n .swal2-icon {\n width: 2em;\n min-width: 2em;\n height: 2em;\n margin: 0;\n\n &::before {\n display: flex;\n align-items: center;\n font-size: 2em;\n font-weight: bold;\n\n @include ie {\n font-size: .25em;\n }\n }\n\n &.swal2-success {\n .swal2-success-ring {\n width: 2em;\n height: 2em;\n }\n }\n\n &.swal2-error {\n [class^='swal2-x-mark-line'] {\n top: .875em;\n width: 1.375em;\n\n &[class$='left'] {\n left: .3125em;\n }\n\n &[class$='right'] {\n right: .3125em;\n }\n }\n }\n }\n\n .swal2-actions {\n flex-basis: auto !important;\n height: auto;\n margin: 0 .3125em;\n }\n\n .swal2-styled {\n margin: 0 .3125em;\n padding: .3125em .625em;\n font-size: $swal2-toast-buttons-font-size;\n\n &:focus {\n box-shadow: 0 0 0 .0625em $swal2-white, 0 0 0 .125em $swal2-button-focus-outline;\n }\n }\n\n .swal2-success {\n border-color: $swal2-success;\n\n [class^='swal2-success-circular-line'] { // Emulate moving circular line\n position: absolute;\n width: 1.6em;\n height: 3em;\n transform: rotate(45deg);\n border-radius: 50%;\n\n &[class$='left'] {\n top: -.8em;\n left: -.5em;\n transform: rotate(-45deg);\n transform-origin: 2em 2em;\n border-radius: 4em 0 0 4em;\n }\n\n &[class$='right'] {\n top: -.25em;\n left: .9375em;\n transform-origin: 0 1.5em;\n border-radius: 0 4em 4em 0;\n }\n }\n\n .swal2-success-ring {\n width: 2em;\n height: 2em;\n }\n\n .swal2-success-fix {\n top: 0;\n left: .4375em;\n width: .4375em;\n height: 2.6875em;\n }\n\n [class^='swal2-success-line'] {\n height: .3125em;\n\n &[class$='tip'] {\n top: 1.125em;\n left: .1875em;\n width: .75em;\n }\n\n &[class$='long'] {\n top: .9375em;\n right: .1875em;\n width: 1.375em;\n }\n }\n }\n\n &.swal2-show {\n animation: $swal2-toast-show-animation;\n }\n\n &.swal2-hide {\n animation: $swal2-toast-hide-animation;\n }\n\n .swal2-animate-success-icon {\n .swal2-success-line-tip {\n animation: $swal2-toast-success-line-tip-animation;\n }\n\n .swal2-success-line-long {\n animation: $swal2-toast-success-line-long-animation;\n }\n }\n }\n}\n\n// Animations\n@keyframes swal2-toast-show {\n 0% {\n transform: translateY(-.625em) rotateZ(2deg);\n }\n\n 33% {\n transform: translateY(0) rotateZ(-2deg);\n }\n\n 66% {\n transform: translateY(.3125em) rotateZ(2deg);\n }\n\n 100% {\n transform: translateY(0) rotateZ(0);\n }\n}\n\n@keyframes swal2-toast-hide {\n 100% {\n transform: rotateZ(1deg);\n opacity: 0;\n }\n}\n\n@keyframes swal2-toast-animate-success-line-tip {\n 0% {\n top: .5625em;\n left: .0625em;\n width: 0;\n }\n\n 54% {\n top: .125em;\n left: .125em;\n width: 0;\n }\n\n 70% {\n top: .625em;\n left: -.25em;\n width: 1.625em;\n }\n\n 84% {\n top: 1.0625em;\n left: .75em;\n width: .5em;\n }\n\n 100% {\n top: 1.125em;\n left: .1875em;\n width: .75em;\n }\n}\n\n@keyframes swal2-toast-animate-success-line-long {\n 0% {\n top: 1.625em;\n right: 1.375em;\n width: 0;\n }\n\n 65% {\n top: 1.25em;\n right: .9375em;\n width: 0;\n }\n\n 84% {\n top: .9375em;\n right: 0;\n width: 1.125em;\n }\n\n 100% {\n top: .9375em;\n right: .1875em;\n width: 1.375em;\n }\n}\n","$swal2-white: #fff !default;\n$swal2-black: #000 !default;\n\n// CONTAINER\n$swal2-container-padding: .625em !default;\n\n// BOX MODEL\n$swal2-width: 32em !default;\n$swal2-padding: 1.25em !default;\n$swal2-border-radius: .3125em !default;\n$swal2-box-shadow: #d9d9d9 !default;\n\n// BACKGROUND\n$swal2-background: $swal2-white !default;\n\n// TYPOGRAPHY\n$swal2-font: inherit !default;\n$swal2-font-size: 1rem !default;\n\n// BACKDROP\n$swal2-backdrop: rgba($swal2-black, .4) !default;\n$swal2-backdrop-transition: background-color .1s !default;\n\n// ICONS\n$swal2-icon-size: 5em !default;\n$swal2-icon-margin: 1.25em auto 1.875em !default;\n$swal2-icon-zoom: normal !default;\n$swal2-success: #a5dc86 !default;\n$swal2-success-border: rgba($swal2-success, .3) !default;\n$swal2-error: #f27474 !default;\n$swal2-warning: #f8bb86 !default;\n$swal2-info: #3fc3ee !default;\n$swal2-question: #87adbd !default;\n$swal2-icon-font-family: inherit !default;\n\n// IMAGE\n$swal2-image-margin: 1.25em auto !default;\n\n// TITLE\n$swal2-title-margin: 0 0 .4em !default;\n$swal2-title-color: lighten($swal2-black, 35) !default;\n$swal2-title-font-size: 1.875em !default;\n\n// CONTENT\n$swal2-content-color: lighten($swal2-black, 33) !default;\n$swal2-content-font-size: 1.125em !default;\n\n// INPUT\n$swal2-input-margin: 1em auto !default;\n$swal2-input-width: 100% !default;\n$swal2-input-height: 2.625em !default;\n$swal2-input-padding: 0 .75em !default;\n$swal2-input-border: 1px solid lighten($swal2-black, 85) !default;\n$swal2-input-border-radius: .1875em !default;\n$swal2-input-border-focus: 1px solid #b4dbed !default;\n$swal2-input-box-shadow: inset 0 1px 1px rgba($swal2-black, .06) !default;\n$swal2-input-box-shadow-focus: 0 0 3px #c4e6f5 !default;\n$swal2-input-font-size: 1.125em !default;\n$swal2-input-background: inherit !default;\n$swal2-input-color: inherit !default;\n$swal2-input-transition: border-color .3s, box-shadow .3s !default;\n\n// TEXTAREA SPECIFIC VARIABLES\n$swal2-textarea-height: 6.75em !default;\n$swal2-textarea-padding: .75em !default;\n\n// VALIDATION MESSAGE\n$swal2-validation-message-justify-content: center !default;\n$swal2-validation-message-padding: .625em !default;\n$swal2-validation-message-background: lighten($swal2-black, 94) !default;\n$swal2-validation-message-color: lighten($swal2-black, 40) !default;\n$swal2-validation-message-font-size: 1em !default;\n$swal2-validation-message-font-weight: 300 !default;\n$swal2-validation-message-icon-background: $swal2-error !default;\n$swal2-validation-message-icon-color: $swal2-white !default;\n$swal2-validation-message-icon-zoom: normal !default;\n\n// PROGRESS STEPS\n$swal2-progress-steps-background: inherit !default;\n$swal2-progress-steps-margin: 0 0 1.25em !default;\n$swal2-progress-steps-padding: 0 !default;\n$swal2-progress-steps-font-weight: 600 !default;\n$swal2-progress-steps-distance: 2.5em !default;\n$swal2-progress-step-width: 2em;\n$swal2-progress-step-height: 2em;\n$swal2-progress-step-border-radius: 2em;\n$swal2-progress-step-background: #add8e6 !default;\n$swal2-progress-step-color: $swal2-white !default;\n$swal2-active-step-background: #3085d6 !default;\n$swal2-active-step-color: $swal2-white !default;\n\n// FOOTER\n$swal2-footer-margin: 1.25em 0 0 !default;\n$swal2-footer-padding: 1em 0 0 !default;\n$swal2-footer-border-color: #eee !default;\n$swal2-footer-color: lighten($swal2-black, 33) !default;\n$swal2-footer-font-size: 1em !default;\n\n// ANIMATIONS\n$swal2-show-animation: swal2-show .3s !default;\n$swal2-hide-animation: swal2-hide .15s forwards !default;\n$swal2-success-line-tip-animation: swal2-animate-success-line-tip .75s !default;\n$swal2-success-line-long-animation: swal2-animate-success-line-long .75s !default;\n$swal2-success-circular-line-animation: swal2-rotate-success-circular-line 4.25s ease-in !default;\n$swal2-error-icon-animation: swal2-animate-error-icon .5s !default;\n$swal2-error-x-mark-animation: swal2-animate-error-x-mark .5s !default;\n\n// CLOSE BUTTON\n$swal2-close-button-width: 1.2em !default;\n$swal2-close-button-height: 1.2em !default;\n$swal2-close-button-line-height: 1.2 !default;\n$swal2-close-button-position: absolute !default;\n$swal2-close-button-gap: 0 !default;\n$swal2-close-button-transition: color .1s ease-out !default;\n$swal2-close-button-border: none !default;\n$swal2-close-button-border-radius: 0 !default;\n$swal2-close-button-outline: initial !default;\n$swal2-close-button-background: transparent !default;\n$swal2-close-button-color: lighten($swal2-black, 80) !default;\n$swal2-close-button-font-size: 2.5em !default;\n\n// CLOSE BUTTON:HOVER\n$swal2-close-button-hover-transform: none !default;\n$swal2-close-button-hover-color: $swal2-error !default;\n$swal2-close-button-hover-background: transparent !default;\n\n// ACTIONS\n$swal2-actions-justify-content: center !default;\n$swal2-actions-margin: 1.25em auto 0 !default;\n\n// CONFIRM BUTTON\n$swal2-confirm-button-border: 0 !default;\n$swal2-confirm-button-border-radius: .25em !default;\n$swal2-confirm-button-background-color: #3085d6 !default;\n$swal2-confirm-button-color: $swal2-white !default;\n$swal2-confirm-button-font-size: 1.0625em !default;\n\n// CANCEL BUTTON\n$swal2-cancel-button-border: 0 !default;\n$swal2-cancel-button-border-radius: .25em !default;\n$swal2-cancel-button-background-color: #aaa !default;\n$swal2-cancel-button-color: $swal2-white !default;\n$swal2-cancel-button-font-size: 1.0625em !default;\n\n// COMMON VARIABLES FOR CONFIRM AND CANCEL BUTTONS\n$swal2-button-darken-hover: rgba($swal2-black, .1) !default;\n$swal2-button-darken-active: rgba($swal2-black, .2) !default;\n$swal2-button-focus-outline: rgba(50, 100, 150, .4) !default;\n\n// TOASTS\n$swal2-toast-show-animation: swal2-toast-show .5s !default;\n$swal2-toast-hide-animation: swal2-toast-hide .1s forwards !default;\n$swal2-toast-success-line-tip-animation: swal2-toast-animate-success-line-tip .75s !default;\n$swal2-toast-success-line-long-animation: swal2-toast-animate-success-line-long .75s !default;\n$swal2-toast-border: none !default;\n$swal2-toast-box-shadow: 0 0 .625em #d9d9d9 !default;\n$swal2-toast-close-button-width: .8em !default;\n$swal2-toast-close-button-height: .8em !default;\n$swal2-toast-close-button-line-height: .8 !default;\n$swal2-toast-width: auto !default;\n$swal2-toast-padding: .625em !default;\n$swal2-toast-title-margin: 0 .6em !default;\n$swal2-toast-title-font-size: 1em !default;\n$swal2-toast-content-font-size: 1em !default;\n$swal2-toast-input-font-size: 1em !default;\n$swal2-toast-validation-font-size: 1em !default;\n$swal2-toast-buttons-font-size: 1em !default;\n$swal2-toast-footer-margin: .5em 0 0 !default;\n$swal2-toast-footer-padding: .5em 0 0 !default;\n$swal2-toast-footer-font-size: .8em !default;\n","@mixin ie {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n}\n\n// https://stackoverflow.com/a/30250161\n@mixin not($ignor-list...) {\n @if (length($ignor-list) == 1) {\n $ignor-list: nth($ignor-list, 1);\n }\n\n $not-output: '';\n\n @each $not in $ignor-list {\n $not-output: $not-output + ':not(#{$not})'; // stylelint-disable-line scss/no-duplicate-dollar-variables\n }\n\n {$not-output} {\n @content;\n }\n}\n","// SweetAlert2\n// github.com/sweetalert2/sweetalert2\n\n@import 'variables';\n@import 'animations';\n@import 'mixins';\n@import 'toasts';\n\nbody {\n &.swal2-shown {\n @include not(\n '.swal2-no-backdrop',\n '.swal2-toast-shown'\n ) {\n overflow: hidden; // not overflow-y because of Sarari, #1253\n }\n }\n\n &.swal2-height-auto {\n height: auto !important; // #781 #1107\n }\n\n &.swal2-no-backdrop {\n .swal2-shown {\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n max-width: calc(100% - #{$swal2-container-padding} * 2);\n background-color: transparent;\n\n & > .swal2-modal {\n box-shadow: 0 0 10px $swal2-backdrop;\n }\n\n &.swal2-top {\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &.swal2-top-start,\n &.swal2-top-left {\n top: 0;\n left: 0;\n }\n\n &.swal2-top-end,\n &.swal2-top-right {\n top: 0;\n right: 0;\n }\n\n &.swal2-center {\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &.swal2-center-start,\n &.swal2-center-left {\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n }\n\n &.swal2-center-end,\n &.swal2-center-right {\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n }\n\n &.swal2-bottom {\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n\n &.swal2-bottom-start,\n &.swal2-bottom-left {\n bottom: 0;\n left: 0;\n }\n\n &.swal2-bottom-end,\n &.swal2-bottom-right {\n right: 0;\n bottom: 0;\n }\n }\n }\n}\n\n.swal2-container {\n // centering\n display: flex;\n position: fixed;\n z-index: 1060;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n padding: $swal2-container-padding;\n overflow-x: hidden;\n\n // backdrop\n background-color: transparent;\n\n // sweetalert2/issues/905\n -webkit-overflow-scrolling: touch;\n\n &.swal2-top {\n align-items: flex-start;\n }\n\n &.swal2-top-start,\n &.swal2-top-left {\n align-items: flex-start;\n justify-content: flex-start;\n }\n\n &.swal2-top-end,\n &.swal2-top-right {\n align-items: flex-start;\n justify-content: flex-end;\n }\n\n &.swal2-center {\n align-items: center;\n }\n\n &.swal2-center-start,\n &.swal2-center-left {\n align-items: center;\n justify-content: flex-start;\n }\n\n &.swal2-center-end,\n &.swal2-center-right {\n align-items: center;\n justify-content: flex-end;\n }\n\n &.swal2-bottom {\n align-items: flex-end;\n }\n\n &.swal2-bottom-start,\n &.swal2-bottom-left {\n align-items: flex-end;\n justify-content: flex-start;\n }\n\n &.swal2-bottom-end,\n &.swal2-bottom-right {\n align-items: flex-end;\n justify-content: flex-end;\n }\n\n &.swal2-bottom > :first-child,\n &.swal2-bottom-start > :first-child,\n &.swal2-bottom-left > :first-child,\n &.swal2-bottom-end > :first-child,\n &.swal2-bottom-right > :first-child {\n margin-top: auto;\n }\n\n &.swal2-grow-fullscreen > .swal2-modal {\n display: flex !important;\n flex: 1;\n align-self: stretch;\n justify-content: center;\n }\n\n &.swal2-grow-row > .swal2-modal {\n display: flex !important;\n flex: 1;\n align-content: center;\n justify-content: center;\n }\n\n &.swal2-grow-column {\n flex: 1;\n flex-direction: column;\n\n &.swal2-top,\n &.swal2-center,\n &.swal2-bottom {\n align-items: center;\n }\n\n &.swal2-top-start,\n &.swal2-center-start,\n &.swal2-bottom-start,\n &.swal2-top-left,\n &.swal2-center-left,\n &.swal2-bottom-left {\n align-items: flex-start;\n }\n\n &.swal2-top-end,\n &.swal2-center-end,\n &.swal2-bottom-end,\n &.swal2-top-right,\n &.swal2-center-right,\n &.swal2-bottom-right {\n align-items: flex-end;\n }\n\n & > .swal2-modal {\n display: flex !important;\n flex: 1;\n align-content: center;\n justify-content: center;\n }\n }\n\n @include not(\n '.swal2-top',\n '.swal2-top-start',\n '.swal2-top-end',\n '.swal2-top-left',\n '.swal2-top-right',\n '.swal2-center-start',\n '.swal2-center-end',\n '.swal2-center-left',\n '.swal2-center-right',\n '.swal2-bottom',\n '.swal2-bottom-start',\n '.swal2-bottom-end',\n '.swal2-bottom-left',\n '.swal2-bottom-right',\n '.swal2-grow-fullscreen'\n ) {\n & > .swal2-modal {\n margin: auto;\n }\n }\n\n @include ie {\n .swal2-modal {\n margin: 0 !important;\n }\n }\n\n &.swal2-fade {\n transition: $swal2-backdrop-transition;\n }\n\n &.swal2-shown {\n background-color: $swal2-backdrop;\n }\n}\n\n.swal2-popup {\n display: none;\n position: relative;\n box-sizing: border-box;\n flex-direction: column;\n justify-content: center;\n width: $swal2-width;\n max-width: 100%;\n padding: $swal2-padding;\n border: $swal2-toast-border;\n border-radius: $swal2-border-radius;\n background: $swal2-background;\n font-family: $swal2-font;\n font-size: $swal2-font-size;\n\n &:focus {\n outline: none;\n }\n\n &.swal2-loading {\n overflow-y: hidden;\n }\n}\n\n.swal2-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.swal2-title {\n position: relative;\n max-width: 100%;\n margin: $swal2-title-margin;\n padding: 0;\n color: $swal2-title-color;\n font-size: $swal2-title-font-size;\n font-weight: 600;\n text-align: center;\n text-transform: none;\n word-wrap: break-word;\n}\n\n.swal2-actions {\n z-index: 1; // prevent sucess icon overlapping buttons\n flex-wrap: wrap;\n align-items: center;\n justify-content: $swal2-actions-justify-content;\n width: 100%;\n margin: $swal2-actions-margin;\n\n &:not(.swal2-loading) {\n .swal2-styled {\n &[disabled] {\n opacity: .4;\n }\n\n &:hover {\n background-image: linear-gradient($swal2-button-darken-hover, $swal2-button-darken-hover);\n }\n\n &:active {\n background-image: linear-gradient($swal2-button-darken-active, $swal2-button-darken-active);\n }\n }\n }\n\n &.swal2-loading {\n .swal2-styled {\n &.swal2-confirm {\n box-sizing: border-box;\n width: 2.5em;\n height: 2.5em;\n margin: .46875em;\n padding: 0;\n animation: swal2-rotate-loading 1.5s linear 0s infinite normal;\n border: .25em solid transparent;\n border-radius: 100%;\n border-color: transparent;\n background-color: transparent !important;\n color: transparent;\n cursor: default;\n user-select: none;\n }\n\n &.swal2-cancel {\n margin-right: 30px;\n margin-left: 30px;\n }\n }\n\n :not(.swal2-styled) {\n &.swal2-confirm {\n &::after {\n content: '';\n display: inline-block;\n width: 15px;\n height: 15px;\n margin-left: 5px;\n animation: swal2-rotate-loading 1.5s linear 0s infinite normal;\n border: 3px solid lighten($swal2-black, 60);\n border-radius: 50%;\n border-right-color: transparent;\n box-shadow: 1px 1px 1px $swal2-white;\n }\n }\n }\n }\n}\n\n.swal2-styled {\n margin: .3125em;\n padding: .625em 2em;\n box-shadow: none;\n font-weight: 500;\n\n &:not([disabled]) {\n cursor: pointer;\n }\n\n &.swal2-confirm {\n border: $swal2-confirm-button-border;\n border-radius: $swal2-confirm-button-border-radius;\n background: initial;\n background-color: $swal2-confirm-button-background-color;\n color: $swal2-confirm-button-color;\n font-size: $swal2-confirm-button-font-size;\n }\n\n &.swal2-cancel {\n border: $swal2-cancel-button-border;\n border-radius: $swal2-cancel-button-border-radius;\n background: initial;\n background-color: $swal2-cancel-button-background-color;\n color: $swal2-cancel-button-color;\n font-size: $swal2-cancel-button-font-size;\n }\n\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px $swal2-white, 0 0 0 4px $swal2-button-focus-outline;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n}\n\n.swal2-footer {\n justify-content: center;\n margin: $swal2-footer-margin;\n padding: $swal2-footer-padding;\n border-top: 1px solid $swal2-footer-border-color;\n color: $swal2-footer-color;\n font-size: $swal2-footer-font-size;\n}\n\n.swal2-image {\n max-width: 100%;\n margin: $swal2-image-margin;\n}\n\n.swal2-close {\n position: $swal2-close-button-position;\n z-index: 2; /* 1617 */\n top: $swal2-close-button-gap;\n right: $swal2-close-button-gap;\n justify-content: center;\n width: $swal2-close-button-width;\n height: $swal2-close-button-height;\n padding: 0;\n overflow: hidden;\n transition: $swal2-close-button-transition;\n border: $swal2-close-button-border;\n border-radius: $swal2-close-button-border-radius;\n outline: $swal2-close-button-outline;\n background: $swal2-close-button-background;\n color: $swal2-close-button-color;\n font-family: serif;\n font-size: $swal2-close-button-font-size;\n line-height: $swal2-close-button-line-height;\n cursor: pointer;\n\n &:hover {\n transform: $swal2-close-button-hover-transform;\n background: $swal2-close-button-hover-background;\n color: $swal2-close-button-hover-color;\n }\n}\n\n> .swal2-input,\n> .swal2-file,\n> .swal2-textarea,\n> .swal2-select,\n> .swal2-radio,\n> .swal2-checkbox {\n display: none;\n}\n\n.swal2-content {\n z-index: 1; // prevent sucess icon overlapping the content\n justify-content: center;\n margin: 0;\n padding: 0;\n color: $swal2-content-color;\n font-size: $swal2-content-font-size;\n font-weight: 300;\n line-height: normal;\n text-align: center;\n word-wrap: break-word;\n}\n\n.swal2-input,\n.swal2-file,\n.swal2-textarea,\n.swal2-select,\n.swal2-radio,\n.swal2-checkbox {\n margin: $swal2-input-margin;\n}\n\n.swal2-input,\n.swal2-file,\n.swal2-textarea {\n box-sizing: border-box;\n width: $swal2-input-width;\n transition: $swal2-input-transition;\n border: $swal2-input-border;\n border-radius: $swal2-input-border-radius;\n background: $swal2-input-background;\n box-shadow: $swal2-input-box-shadow;\n color: $swal2-input-color;\n font-size: $swal2-input-font-size;\n\n &.swal2-inputerror {\n border-color: $swal2-error !important;\n box-shadow: 0 0 2px $swal2-error !important;\n }\n\n &:focus {\n border: $swal2-input-border-focus;\n outline: none;\n box-shadow: $swal2-input-box-shadow-focus;\n }\n\n &::placeholder {\n color: lighten($swal2-black, 80);\n }\n}\n\n.swal2-range {\n margin: $swal2-input-margin;\n background: $swal2-input-background;\n\n input {\n width: 80%;\n }\n\n output {\n width: 20%;\n color: $swal2-input-color;\n font-weight: 600;\n text-align: center;\n }\n\n input,\n output {\n height: $swal2-input-height;\n padding: 0;\n font-size: $swal2-input-font-size;\n line-height: $swal2-input-height;\n }\n}\n\n.swal2-input {\n height: $swal2-input-height;\n padding: $swal2-input-padding;\n\n &[type='number'] {\n max-width: 10em;\n }\n}\n\n.swal2-file {\n background: $swal2-input-background;\n font-size: $swal2-input-font-size;\n}\n\n.swal2-textarea {\n height: $swal2-textarea-height;\n padding: $swal2-textarea-padding;\n}\n\n.swal2-select {\n min-width: 50%;\n max-width: 100%;\n padding: .375em .625em;\n background: $swal2-input-background;\n color: $swal2-input-color;\n font-size: $swal2-input-font-size;\n}\n\n.swal2-radio,\n.swal2-checkbox {\n align-items: center;\n justify-content: center;\n background: $swal2-input-background;\n color: $swal2-input-color;\n\n label {\n margin: 0 .6em;\n font-size: $swal2-input-font-size;\n }\n\n input {\n margin: 0 .4em;\n }\n}\n\n.swal2-validation-message {\n display: none;\n align-items: center;\n justify-content: $swal2-validation-message-justify-content;\n padding: $swal2-validation-message-padding;\n overflow: hidden;\n background: $swal2-validation-message-background;\n color: $swal2-validation-message-color;\n font-size: $swal2-validation-message-font-size;\n font-weight: $swal2-validation-message-font-weight;\n\n &::before {\n content: '!';\n display: inline-block;\n width: 1.5em;\n min-width: 1.5em;\n height: 1.5em;\n margin: 0 .625em;\n zoom: $swal2-validation-message-icon-zoom;\n border-radius: 50%;\n background-color: $swal2-validation-message-icon-background;\n color: $swal2-validation-message-icon-color;\n font-weight: 600;\n line-height: 1.5em;\n text-align: center;\n }\n}\n\n// Microsoft Edge\n@supports (-ms-accelerator: true) {\n .swal2-range {\n input {\n width: 100% !important;\n }\n\n output {\n display: none;\n }\n }\n}\n\n// IE11\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .swal2-range {\n input {\n width: 100% !important;\n }\n\n output {\n display: none;\n }\n }\n}\n\n// Firefox\n@-moz-document url-prefix() {\n .swal2-close {\n &:focus {\n outline: 2px solid $swal2-button-focus-outline;\n }\n }\n}\n\n.swal2-icon {\n position: relative;\n box-sizing: content-box;\n justify-content: center;\n width: $swal2-icon-size;\n height: $swal2-icon-size;\n margin: $swal2-icon-margin;\n zoom: $swal2-icon-zoom;\n border: .25em solid transparent;\n border-radius: 50%;\n font-family: $swal2-icon-font-family;\n line-height: $swal2-icon-size;\n cursor: default;\n user-select: none;\n\n &::before {\n display: flex;\n align-items: center;\n height: 92%;\n font-size: 3.75em;\n }\n\n &.swal2-error {\n border-color: $swal2-error;\n\n .swal2-x-mark {\n position: relative;\n flex-grow: 1;\n }\n\n [class^='swal2-x-mark-line'] {\n display: block;\n position: absolute;\n top: 2.3125em;\n width: 2.9375em;\n height: .3125em;\n border-radius: .125em;\n background-color: $swal2-error;\n\n &[class$='left'] {\n left: 1.0625em;\n transform: rotate(45deg);\n }\n\n &[class$='right'] {\n right: 1em;\n transform: rotate(-45deg);\n }\n }\n }\n\n &.swal2-warning {\n border-color: lighten($swal2-warning, 7);\n color: $swal2-warning;\n\n &::before {\n content: '!';\n }\n }\n\n &.swal2-info {\n border-color: lighten($swal2-info, 20);\n color: $swal2-info;\n\n &::before {\n content: 'i';\n }\n }\n\n &.swal2-question {\n border-color: lighten($swal2-question, 20);\n color: $swal2-question;\n\n &::before {\n content: '?';\n }\n\n &.swal2-arabic-question-mark::before {\n content: '؟';\n }\n }\n\n &.swal2-success {\n border-color: $swal2-success;\n\n [class^='swal2-success-circular-line'] { // Emulate moving circular line\n position: absolute;\n width: 3.75em;\n height: 7.5em;\n transform: rotate(45deg);\n border-radius: 50%;\n\n &[class$='left'] {\n top: -.4375em;\n left: -2.0635em;\n transform: rotate(-45deg);\n transform-origin: 3.75em 3.75em;\n border-radius: 7.5em 0 0 7.5em;\n }\n\n &[class$='right'] {\n top: -.6875em;\n left: 1.875em;\n transform: rotate(-45deg);\n transform-origin: 0 3.75em;\n border-radius: 0 7.5em 7.5em 0;\n }\n }\n\n .swal2-success-ring { // Ring\n position: absolute;\n z-index: 2;\n top: -.25em;\n left: -.25em;\n box-sizing: content-box;\n width: 100%;\n height: 100%;\n border: .25em solid $swal2-success-border;\n border-radius: 50%;\n }\n\n .swal2-success-fix { // Hide corners left from animation\n position: absolute;\n z-index: 1;\n top: .5em;\n left: 1.625em;\n width: .4375em;\n height: 5.625em;\n transform: rotate(-45deg);\n }\n\n [class^='swal2-success-line'] {\n display: block;\n position: absolute;\n z-index: 2;\n height: .3125em;\n border-radius: .125em;\n background-color: $swal2-success;\n\n &[class$='tip'] {\n top: 2.875em;\n left: .875em;\n width: 1.5625em;\n transform: rotate(45deg);\n }\n\n &[class$='long'] {\n top: 2.375em;\n right: .5em;\n width: 2.9375em;\n transform: rotate(-45deg);\n }\n }\n }\n}\n\n.swal2-progress-steps {\n align-items: center;\n margin: $swal2-progress-steps-margin;\n padding: $swal2-progress-steps-padding;\n background: $swal2-progress-steps-background;\n font-weight: $swal2-progress-steps-font-weight;\n\n li {\n display: inline-block;\n position: relative;\n }\n\n .swal2-progress-step {\n z-index: 20;\n width: $swal2-progress-step-width;\n height: $swal2-progress-step-height;\n border-radius: $swal2-progress-step-border-radius;\n background: $swal2-active-step-background;\n color: $swal2-active-step-color;\n line-height: $swal2-progress-step-height;\n text-align: center;\n\n &.swal2-active-progress-step {\n background: $swal2-active-step-background;\n\n ~ .swal2-progress-step {\n background: $swal2-progress-step-background;\n color: $swal2-progress-step-color;\n }\n\n ~ .swal2-progress-step-line {\n background: $swal2-progress-step-background;\n }\n }\n }\n\n .swal2-progress-step-line {\n z-index: 10;\n width: $swal2-progress-steps-distance;\n height: .4em;\n margin: 0 -1px;\n background: $swal2-active-step-background;\n }\n}\n\n// github.com/sweetalert2/sweetalert2/issues/268\n[class^='swal2'] {\n -webkit-tap-highlight-color: transparent;\n}\n\n.swal2-show {\n animation: $swal2-show-animation;\n\n &.swal2-noanimation {\n animation: none;\n }\n}\n\n.swal2-hide {\n animation: $swal2-hide-animation;\n\n &.swal2-noanimation {\n animation: none;\n }\n}\n\n// Right-to-left support\n.swal2-rtl {\n .swal2-close {\n right: auto;\n left: $swal2-close-button-gap;\n }\n}\n\n// Success icon animation\n.swal2-animate-success-icon {\n .swal2-success-line-tip {\n animation: $swal2-success-line-tip-animation;\n }\n\n .swal2-success-line-long {\n animation: $swal2-success-line-long-animation;\n }\n\n .swal2-success-circular-line-right {\n animation: $swal2-success-circular-line-animation;\n }\n}\n\n// Error icon animation\n.swal2-animate-error-icon {\n animation: $swal2-error-icon-animation;\n\n .swal2-x-mark {\n animation: $swal2-error-x-mark-animation;\n }\n}\n\n@keyframes swal2-rotate-loading {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@media print {\n body {\n &.swal2-shown {\n @include not(\n '.swal2-no-backdrop',\n '.swal2-toast-shown'\n ) {\n overflow-y: scroll !important;\n\n > [aria-hidden='true'] {\n display: none;\n }\n\n .swal2-container {\n position: static !important;\n }\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/notifications/toastr/toastr.css b/public/assets/css/notifications/toastr/toastr.css
new file mode 100644
index 0000000..93b496b
--- /dev/null
+++ b/public/assets/css/notifications/toastr/toastr.css
@@ -0,0 +1,449 @@
+.toast-title {
+ font-weight: bold; }
+
+.toast-message {
+ -ms-word-wrap: break-word;
+ word-wrap: break-word; }
+
+.toast-message a,
+.toast-message label {
+ color: #ffffff; }
+
+.toast-message a:hover {
+ color: #cccccc;
+ text-decoration: none; }
+
+.toast-close-button {
+ position: relative;
+ right: -0.3em;
+ top: -0.3em;
+ float: right;
+ font-size: 20px;
+ font-weight: bold;
+ color: #ffffff;
+ -webkit-text-shadow: 0 1px 0 #ffffff;
+ text-shadow: 0 1px 0 #ffffff;
+ opacity: 0.8;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+ filter: alpha(opacity=80); }
+
+.toast-close-button:hover,
+.toast-close-button:focus {
+ color: #000000;
+ text-decoration: none;
+ cursor: pointer;
+ opacity: 0.4;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+ filter: alpha(opacity=40); }
+
+/*Additional properties for button version
+ iOS requires the button element instead of an anchor tag.
+ If you want the anchor version, it requires `href="#"`.*/
+button.toast-close-button {
+ padding: 0;
+ cursor: pointer;
+ background: transparent;
+ border: 0;
+ -webkit-appearance: none; }
+
+.toast-top-center {
+ top: 0;
+ right: 0;
+ width: 100%; }
+
+.toast-bottom-center {
+ bottom: 0;
+ right: 0;
+ width: 100%; }
+
+.toast-top-full-width {
+ top: 0;
+ right: 0;
+ width: 100%; }
+
+.toast-bottom-full-width {
+ bottom: 0;
+ right: 0;
+ width: 100%; }
+
+.toast-top-left {
+ top: 12px;
+ left: 12px; }
+
+.toast-top-right {
+ top: 12px;
+ right: 12px; }
+
+.toast-bottom-right {
+ right: 12px;
+ bottom: 12px; }
+
+.toast-bottom-left {
+ bottom: 12px;
+ left: 12px; }
+
+#toast-container {
+ position: fixed;
+ z-index: 999999;
+ /*overrides*/ }
+
+#toast-container * {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+#toast-container > div {
+ position: relative;
+ overflow: hidden;
+ margin: 0 0 6px;
+ padding: 15px 15px 15px 50px;
+ width: 300px;
+ border-radius: 3px 3px 3px 3px;
+ background-position: 15px center;
+ background-repeat: no-repeat;
+ -webkit-box-shadow: 0 0 12px #999999;
+ box-shadow: 0 0 12px #999999;
+ color: #ffffff;
+ opacity: 0.8;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+ filter: alpha(opacity=80); }
+
+#toast-container > div:hover {
+ -webkit-box-shadow: 0 0 12px #000000;
+ box-shadow: 0 0 12px #000000;
+ opacity: 1;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+ filter: alpha(opacity=100);
+ cursor: pointer; }
+
+#toast-container > .toast-info {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
+
+#toast-container > .toast-error {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
+
+#toast-container > .toast-success {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
+
+#toast-container > .toast-warning {
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
+
+#toast-container.toast-top-center > div,
+#toast-container.toast-bottom-center > div {
+ width: 300px;
+ margin-left: auto;
+ margin-right: auto; }
+
+#toast-container.toast-top-full-width > div,
+#toast-container.toast-bottom-full-width > div {
+ width: 96%;
+ margin-left: auto;
+ margin-right: auto; }
+
+.toast {
+ background-color: #030303; }
+
+.toast-success {
+ background-color: #51a351; }
+
+.toast-error {
+ background-color: #bd362f; }
+
+.toast-info {
+ background-color: #2f96b4; }
+
+.toast-warning {
+ background-color: #f89406; }
+
+.toast-progress {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ height: 4px;
+ background-color: #000000;
+ opacity: 0.4;
+ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+ filter: alpha(opacity=40); }
+
+/*Responsive Design*/
+@media all and (max-width: 240px) {
+ #toast-container > div {
+ padding: 8px 8px 8px 50px;
+ width: 11em; }
+ #toast-container .toast-close-button {
+ right: -0.2em;
+ top: -0.2em; } }
+
+@media all and (min-width: 241px) and (max-width: 480px) {
+ #toast-container > div {
+ padding: 8px 8px 8px 50px;
+ width: 18em; }
+ #toast-container .toast-close-button {
+ right: -0.2em;
+ top: -0.2em; } }
+
+@media all and (min-width: 481px) and (max-width: 768px) {
+ #toast-container > div {
+ padding: 15px 15px 15px 50px;
+ width: 25em; } }
+
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+.toast {
+ background-color: #886ab5;
+ background-image: none !important; }
+ .toast:before {
+ content: "\f05a";
+ position: absolute;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ font-family: 'Font Awesome 5 Pro';
+ font-size: 1.8rem;
+ left: 1rem;
+ top: 0;
+ bottom: 0;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.toast-success {
+ background-color: #1ab3a3; }
+ .toast-success:before {
+ content: "\f2f7"; }
+
+.toast-error {
+ background-color: #fd3995; }
+ .toast-error:before {
+ content: "\f2f0"; }
+
+.toast-info {
+ background-color: #2196F3; }
+ .toast-info:before {
+ content: "\f05a"; }
+
+.toast-warning {
+ background-color: #ffb20e; }
+ .toast-warning > div,
+ .toast-warning .toast-close-button {
+ color: #000; }
+ .toast-warning:before {
+ content: "\f071";
+ color: #000; }
+
+#toast-container > .toast {
+ padding: 1rem 1rem 1rem 3.5rem;
+ border-radius: 4px;
+ background-image: none !important;
+ width: 22rem;
+ opacity: 0.9;
+ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
+ #toast-container > .toast:hover {
+ -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); }
+
+.toast-close-button {
+ top: -0.7em; }
+
+@media all and (min-width: 241px) and (max-width: 480px) {
+ #toast-container > .toast {
+ width: 18rem; }
+ #toast-container .toast-close-button {
+ top: -0.7em; } }
+
+/*# sourceMappingURL=toastr.css.map */
diff --git a/public/assets/css/notifications/toastr/toastr.css.map b/public/assets/css/notifications/toastr/toastr.css.map
new file mode 100644
index 0000000..29aa17d
--- /dev/null
+++ b/public/assets/css/notifications/toastr/toastr.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["toastr.css","../../../scss/_modules/variables.scss"],"names":[],"mappings":"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","file":"toastr.css","sourcesContent":[".toast-title {\n font-weight: bold;\n}\n.toast-message {\n -ms-word-wrap: break-word;\n word-wrap: break-word;\n}\n.toast-message a,\n.toast-message label {\n color: #ffffff;\n}\n.toast-message a:hover {\n color: #cccccc;\n text-decoration: none;\n}\n.toast-close-button {\n position: relative;\n right: -0.3em;\n top: -0.3em;\n float: right;\n font-size: 20px;\n font-weight: bold;\n color: #ffffff;\n -webkit-text-shadow: 0 1px 0 #ffffff;\n text-shadow: 0 1px 0 #ffffff;\n opacity: 0.8;\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);\n filter: alpha(opacity=80);\n}\n.toast-close-button:hover,\n.toast-close-button:focus {\n color: #000000;\n text-decoration: none;\n cursor: pointer;\n opacity: 0.4;\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);\n filter: alpha(opacity=40);\n}\n/*Additional properties for button version\n iOS requires the button element instead of an anchor tag.\n If you want the anchor version, it requires `href=\"#\"`.*/\nbutton.toast-close-button {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n.toast-top-center {\n top: 0;\n right: 0;\n width: 100%;\n}\n.toast-bottom-center {\n bottom: 0;\n right: 0;\n width: 100%;\n}\n.toast-top-full-width {\n top: 0;\n right: 0;\n width: 100%;\n}\n.toast-bottom-full-width {\n bottom: 0;\n right: 0;\n width: 100%;\n}\n.toast-top-left {\n top: 12px;\n left: 12px;\n}\n.toast-top-right {\n top: 12px;\n right: 12px;\n}\n.toast-bottom-right {\n right: 12px;\n bottom: 12px;\n}\n.toast-bottom-left {\n bottom: 12px;\n left: 12px;\n}\n#toast-container {\n position: fixed;\n z-index: 999999;\n /*overrides*/\n\n}\n#toast-container * {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n#toast-container > div {\n position: relative;\n overflow: hidden;\n margin: 0 0 6px;\n padding: 15px 15px 15px 50px;\n width: 300px;\n -moz-border-radius: 3px 3px 3px 3px;\n -webkit-border-radius: 3px 3px 3px 3px;\n border-radius: 3px 3px 3px 3px;\n background-position: 15px center;\n background-repeat: no-repeat;\n -moz-box-shadow: 0 0 12px #999999;\n -webkit-box-shadow: 0 0 12px #999999;\n box-shadow: 0 0 12px #999999;\n color: #ffffff;\n opacity: 0.8;\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);\n filter: alpha(opacity=80);\n}\n#toast-container > div:hover {\n -moz-box-shadow: 0 0 12px #000000;\n -webkit-box-shadow: 0 0 12px #000000;\n box-shadow: 0 0 12px #000000;\n opacity: 1;\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);\n filter: alpha(opacity=100);\n cursor: pointer;\n}\n#toast-container > .toast-info {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=\") !important;\n}\n#toast-container > .toast-error {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=\") !important;\n}\n#toast-container > .toast-success {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==\") !important;\n}\n#toast-container > .toast-warning {\n background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=\") !important;\n}\n#toast-container.toast-top-center > div,\n#toast-container.toast-bottom-center > div {\n width: 300px;\n margin-left: auto;\n margin-right: auto;\n}\n#toast-container.toast-top-full-width > div,\n#toast-container.toast-bottom-full-width > div {\n width: 96%;\n margin-left: auto;\n margin-right: auto;\n}\n.toast {\n background-color: #030303;\n}\n.toast-success {\n background-color: #51a351;\n}\n.toast-error {\n background-color: #bd362f;\n}\n.toast-info {\n background-color: #2f96b4;\n}\n.toast-warning {\n background-color: #f89406;\n}\n\n.toast-progress {\n position: absolute;\n left: 0;\n bottom: 0;\n height: 4px;\n background-color: #000000;\n opacity: 0.4;\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);\n filter: alpha(opacity=40);\n}\n\n/*Responsive Design*/\n@media all and (max-width: 240px) {\n #toast-container > div {\n padding: 8px 8px 8px 50px;\n width: 11em;\n }\n #toast-container .toast-close-button {\n right: -0.2em;\n top: -0.2em;\n }\n}\n@media all and (min-width: 241px) and (max-width: 480px) {\n #toast-container > div {\n padding: 8px 8px 8px 50px;\n width: 18em;\n }\n #toast-container .toast-close-button {\n right: -0.2em;\n top: -0.2em;\n }\n}\n@media all and (min-width: 481px) and (max-width: 768px) {\n #toast-container > div {\n padding: 15px 15px 15px 50px;\n width: 25em;\n }\n}\n\n@import \"./src/scss/_modules/variables\";\r\n\r\n.toast {\r\n\tbackground-color: $primary-500;\r\n\tbackground-image: none !important;\r\n\r\n\t&:before {\r\n\t\tcontent: \"\\f05a\";\r\n\t\tposition: absolute;\r\n\t\tdisplay: flex;\r\n\t\tfont-family: 'Font Awesome 5 Pro';\r\n\t\tfont-size: 1.8rem;\r\n\t\tleft: 1rem;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\talign-items: center;\r\n\t}\r\n}\r\n\r\n.toast-success {\r\n\tbackground-color: $success-600;\r\n\t&:before {\r\n\t\tcontent: \"\\f2f7\";\r\n\t}\r\n}\r\n\r\n.toast-error {\r\n\tbackground-color: $danger-500;\r\n\t&:before {\r\n\t\tcontent: \"\\f2f0\";\r\n\t}\r\n}\r\n\r\n.toast-info {\r\n\tbackground-color: $info-500;\r\n\t&:before {\r\n\t\tcontent: \"\\f05a\";\r\n\t}\r\n}\r\n\r\n.toast-warning {\r\n\tbackground-color: $warning-700;\r\n\t& > div,\r\n\t.toast-close-button {\r\n\t\tcolor: $black;\r\n\t}\r\n\t&:before {\r\n\t\tcontent: \"\\f071\";\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n\r\n#toast-container > .toast {\r\n\tpadding: 1rem 1rem 1rem 3.5rem;\r\n\tborder-radius: $border-radius;\r\n\tbackground-image: none !important;\r\n\twidth: 22rem;\r\n\topacity: 0.9;\r\n\r\n\tbox-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);\r\n\t}\r\n\r\n}\r\n\r\n.toast-close-button {\r\n\ttop: -0.7em;\r\n}\r\n\r\n\r\n@media all and (min-width: 241px) and (max-width: 480px) {\r\n #toast-container > .toast {\r\n width: 18rem;\r\n }\r\n #toast-container .toast-close-button {\r\n top: -0.7em;\r\n }\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;"]}
\ No newline at end of file
diff --git a/public/assets/css/page-invoice.css b/public/assets/css/page-invoice.css
new file mode 100644
index 0000000..6edab0e
--- /dev/null
+++ b/public/assets/css/page-invoice.css
@@ -0,0 +1,83 @@
+@media print {
+ html,
+ body {
+ width: 210mm;
+ height: 297mm; }
+ .invoice-page {
+ -webkit-print-color-adjust: exact; }
+ .col-sm-1,
+ .col-sm-2,
+ .col-sm-3,
+ .col-sm-4,
+ .col-sm-5,
+ .col-sm-6,
+ .col-sm-7,
+ .col-sm-8,
+ .col-sm-9,
+ .col-sm-10,
+ .col-sm-11,
+ .col-sm-12 {
+ float: left;
+ padding: 0; }
+ .col-sm-12 {
+ width: 100%; }
+ .col-sm-11 {
+ width: 91.66666667%; }
+ .col-sm-10 {
+ width: 83.33333333%; }
+ .col-sm-9 {
+ width: 75%; }
+ .col-sm-8 {
+ width: 66.66666667%; }
+ .col-sm-7 {
+ width: 58.33333333%; }
+ .col-sm-6 {
+ width: 50%; }
+ .col-sm-5 {
+ width: 41.66666667%; }
+ .col-sm-4 {
+ width: 33.33333333%; }
+ .col-sm-3 {
+ width: 25%; }
+ .col-sm-2 {
+ width: 16.66666667%; }
+ .col-sm-1 {
+ width: 8.33333333%; }
+ div[data-size="A4"] {
+ margin: 0;
+ -webkit-box-shadow: 0;
+ box-shadow: 0;
+ padding: 3em 5em !important; }
+ .breadcrumb,
+ .subheader {
+ display: none; }
+ *:not(.keep-print-font) {
+ font-family: Arial, Helvetica, sans-serif !important;
+ font-size: 11pt !important; }
+ table {
+ font-size: 100% !important; } }
+
+@page {
+ size: auto;
+ margin: 0; }
+
+div[data-size="A4"] {
+ background: white;
+ display: block;
+ margin: 0 auto;
+ margin-bottom: 0.5cm;
+ -webkit-box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
+ background: url(../img/svg/pattern-1.svg) no-repeat center bottom;
+ background-size: cover;
+ padding: 4rem;
+ position: relative; }
+
+@media only screen and (max-width: 992px) {
+ div[data-size="A4"],
+ .container {
+ padding: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none; } }
+
+/*# sourceMappingURL=page-invoice.css.map */
diff --git a/public/assets/css/page-invoice.css.map b/public/assets/css/page-invoice.css.map
new file mode 100644
index 0000000..2927aae
--- /dev/null
+++ b/public/assets/css/page-invoice.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["page-invoice.css"],"names":[],"mappings":"AAAA;EACC;;IAEC,YAAY;IACZ,aAAa,EAAA;EAEd;IACC,iCAAiC,EAAA;EAElC;;;;;;;;;;;;IAYC,WAAW;IACX,UAAU,EAAA;EAEX;IACC,WAAW,EAAA;EAEZ;IACC,mBAAmB,EAAA;EAEpB;IACC,mBAAmB,EAAA;EAEpB;IACC,UAAU,EAAA;EAEX;IACC,mBAAmB,EAAA;EAEpB;IACC,mBAAmB,EAAA;EAEpB;IACC,UAAU,EAAA;EAEX;IACC,mBAAmB,EAAA;EAEpB;IACC,mBAAmB,EAAA;EAEpB;IACC,UAAU,EAAA;EAEX;IACC,mBAAmB,EAAA;EAEpB;IACC,kBAAkB,EAAA;EAEnB;IACC,SAAS;IACT,qBAAa;YAAb,aAAa;IACb,2BAA2B,EAAA;EAE5B;;IAEC,aAAa,EAAA;EAEd;IACC,oDAAoD;IACpD,0BAA0B,EAAA;EAE3B;IACC,0BAA0B,EAAA,EAC1B;;AAGF;EACC,UAAU;EACV,SAAS,EAAA;;AAGV;EACC,iBAAiB;EACjB,cAAc;EACd,cAAc;EACd,oBAAoB;EACpB,gDAAwC;UAAxC,wCAAwC;EACxC,iEAAiE;EACjE,sBAAsB;EACtB,aAAa;EACb,kBAAkB,EAAA;;AAGnB;EACC;;IAEC,UAAU;IACV,wBAAgB;YAAhB,gBAAgB,EAAA,EAChB","file":"page-invoice.css","sourcesContent":["@media print {\r\n\thtml,\r\n\tbody {\r\n\t\twidth: 210mm;\r\n\t\theight: 297mm;\r\n\t}\r\n\t.invoice-page {\r\n\t\t-webkit-print-color-adjust: exact;\r\n\t}\r\n\t.col-sm-1,\r\n\t.col-sm-2,\r\n\t.col-sm-3,\r\n\t.col-sm-4,\r\n\t.col-sm-5,\r\n\t.col-sm-6,\r\n\t.col-sm-7,\r\n\t.col-sm-8,\r\n\t.col-sm-9,\r\n\t.col-sm-10,\r\n\t.col-sm-11,\r\n\t.col-sm-12 {\r\n\t\tfloat: left;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.col-sm-12 {\r\n\t\twidth: 100%;\r\n\t}\r\n\t.col-sm-11 {\r\n\t\twidth: 91.66666667%;\r\n\t}\r\n\t.col-sm-10 {\r\n\t\twidth: 83.33333333%;\r\n\t}\r\n\t.col-sm-9 {\r\n\t\twidth: 75%;\r\n\t}\r\n\t.col-sm-8 {\r\n\t\twidth: 66.66666667%;\r\n\t}\r\n\t.col-sm-7 {\r\n\t\twidth: 58.33333333%;\r\n\t}\r\n\t.col-sm-6 {\r\n\t\twidth: 50%;\r\n\t}\r\n\t.col-sm-5 {\r\n\t\twidth: 41.66666667%;\r\n\t}\r\n\t.col-sm-4 {\r\n\t\twidth: 33.33333333%;\r\n\t}\r\n\t.col-sm-3 {\r\n\t\twidth: 25%;\r\n\t}\r\n\t.col-sm-2 {\r\n\t\twidth: 16.66666667%;\r\n\t}\r\n\t.col-sm-1 {\r\n\t\twidth: 8.33333333%;\r\n\t}\r\n\tdiv[data-size=\"A4\"] {\r\n\t\tmargin: 0;\r\n\t\tbox-shadow: 0;\r\n\t\tpadding: 3em 5em !important;\r\n\t}\r\n\t.breadcrumb,\r\n\t.subheader {\r\n\t\tdisplay: none;\r\n\t}\r\n\t*:not(.keep-print-font) {\r\n\t\tfont-family: Arial, Helvetica, sans-serif !important;\r\n\t\tfont-size: 11pt !important;\r\n\t}\r\n\ttable {\r\n\t\tfont-size: 100% !important;\r\n\t}\r\n}\r\n\r\n@page {\r\n\tsize: auto;\r\n\tmargin: 0;\r\n}\r\n\r\ndiv[data-size=\"A4\"] {\r\n\tbackground: white;\r\n\tdisplay: block;\r\n\tmargin: 0 auto;\r\n\tmargin-bottom: 0.5cm;\r\n\tbox-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);\r\n\tbackground: url(../img/svg/pattern-1.svg) no-repeat center bottom;\r\n\tbackground-size: cover;\r\n\tpadding: 4rem;\r\n\tposition: relative;\r\n}\r\n\r\n@media only screen and ( max-width: 992px ){\r\n\tdiv[data-size=\"A4\"],\r\n\t.container {\r\n\t\tpadding: 0;\r\n\t\tbox-shadow: none;\r\n\t}\r\n}"]}
\ No newline at end of file
diff --git a/public/assets/css/page-login.css b/public/assets/css/page-login.css
new file mode 100644
index 0000000..dc297bb
--- /dev/null
+++ b/public/assets/css/page-login.css
@@ -0,0 +1,430 @@
+/* Theme IMPORTS
+========================================================================== */
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+/* Page Layout Starts below...
+========================================================================== */
+html body {
+ background: #faf8fb;
+ /* NEW*/ }
+ html body .blankpage-logo {
+ padding: 20px 0 30px; }
+ html body .blankpage-form-field {
+ position: fixed;
+ top: 45%;
+ left: 50%;
+ width: 320px;
+ height: auto;
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%); }
+ html body .blankpage-form-field .card {
+ margin: 0;
+ padding: 13.5px 20px 15.5px;
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
+ html body .blankpage-form-field .blankpage-btn {
+ font-size: 1rem;
+ font-weight: 400;
+ padding: 10px 15px;
+ margin: 10px 0 5px; }
+ html body .blankpage-footer {
+ padding: 10px 0;
+ font-size: 0.75rem;
+ color: #73579d; }
+ html body .login-footer {
+ color: rgba(255, 255, 255, 0.9);
+ font-size: 0.6875rem; }
+ html body video {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ min-width: 100%;
+ min-height: 100%;
+ width: auto;
+ height: auto;
+ z-index: -100;
+ -webkit-transform: translateX(-50%) translateY(-50%);
+ transform: translateX(-50%) translateY(-50%);
+ background: url("../img/clouds.png") no-repeat;
+ background-size: cover;
+ -webkit-transition: 1s opacity;
+ transition: 1s opacity; }
+ @media screen and (max-device-width: 800px) {
+ html body html {
+ background: url("../img/clouds.png") #FFF no-repeat center center fixed; }
+ html body #bgvid {
+ display: none; } }
+
+/*# sourceMappingURL=page-login.css.map */
diff --git a/public/assets/css/page-login.css.map b/public/assets/css/page-login.css.map
new file mode 100644
index 0000000..bf388bd
--- /dev/null
+++ b/public/assets/css/page-login.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["page-login.css","../../../scss/_imports/_global-import.scss","../../../scss/_mixins/mixins.scss","../../../scss/_modules/variables.scss","../../../scss/_modules/_fonts.scss","../../../scss/_modules/_placeholders.scss"],"names":[],"mappings":"AAAA;4EAC4E;ACD5E;4EDG4E;AEH5E;;;;;sDFSsD;AEwNtD;;;;;;;;;;;;yBF3MyB;AEuOzB;;;yBFnOyB;AEuQzB;;;;;;;;;;;yBF3PyB;AEqRzB;;;yBFjRyB;AE2TzB,wBAAA;AAQA,0BAAA;ADtWA;4EDuC4E;AG9C5E;4EHgD4E;AG9C5E,+CAAA;AAQA;;;;;;kFH8CkF;AGtClF;4EHwC4E;AGlC5E;4EHoC4E;AGlC5E,cAAA;AAYA,kBAAA;AAYA,iBAAA;AAYA,kBAAA;AAYA,cAAA;AAYA,eAAA;AAYA,kBAAA;AA6EA;4EH1G4E;AG8G5E;4EH5G4E;AG2HR,kGAAA;AACG,2EAAA;AAavE,+BAAA;AAgBA,6BAAA;AACA,wFAAA;AAQA;4EH3J4E;AGoL5E,oCAAA;AAYA,UAAA;AACA,wIAAA;AASA,UAAA;AAIA,aAAA;AAMA,qDAAA;AAGA,mCAAA;AAGA,oBAAA;AAKA,iBAAA;AASA,WAAA;AAEA,UAAA;AAIA,UAAA;AAOA,gBAAA;AAMA,UAAA;AAKA,UAAA;AAKA,eAAA;AAIA,iBAAA;AAUA,aAAA;AAIA,qBAAA;AAKA,WAAA;AASA,cAAA;AASA,oBAAA;AAOA,aAAA;AAcA,aAAA;AAYA,UAAA;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;CHpSC;AGiUD,UAAA;AAuBA,aAAA;AAIA;4EHxV4E;AGgW5E,6EAAA;AAEiC,WAAA;AACD,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACC,WAAA;AAEjC;4EHhW4E;AGkWlE,mFAAA;AAOV;4EHtW4E;AGwWG,mEAAA;AAE/E;4EHvW4E;AG6W5E,oEAAA;AAUA;4EHpX4E;AGwX5E;4EHtX4E;AGwX5B,0BAAA;AACH,iBAAA;AAG7C;4EHxX4E;AG6X5E;4EH3X4E;AGiY5E;4EH/X4E;AGmY5E;4EHjY4E;AGoY5E,WAAA;AAOA,WAAA;AAMA,SAAA;AAEoD,6DAAA;AACC,8DAAA;AACC,qDAAA;AAEtD,gCAAA;AAGA,qBAAA;AAC4D,uBAAA;AAO5D,QAAA;AAYA,uBAAA;AASA,UAAA;AAKA,sBAAA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EHpZ4E;AGmb5E,oBAAA;AACA,eAAA;AAMA,uBAAA;AAOA,mBAAA;AAOA,kBAAA;AAIA,cAAA;AAIA,cAAA;AAKA,eAAA;AAIA,gCAAA;AAGA,qBAAA;AACA,mCAAA;AAGA,mBAAA;AAQA,2CAAA;AAK6C,kBAAA;AAE7C,gCAAA;AAKyE,+CAAA;AAEzE;4EHpe4E;AGse5E,eAAA;AAIA;4EHve4E;AG8e5E;4EH5e4E;AGgf5E;4EH9e4E;AG2f5E;4EHzf4E;AGggB5E;4EH9f4E;AGsgB5E;4EHpgB4E;AG4gB5E;4EH1gB4E;AG+gB5E,oBAAA;ACjwBA,iFAAY;AAEZ;EACC,yDDkf8D;ECjf9D,oBFsPkC;EErPlC,qBAAqB,EAAA;;AAGtB;EACC,cD4dwC,EAAA;;ACzdzC;EACC,gBAAgB;EAChB,gBAAgB,EAAA;;AAIjB;EACC,gBAAgB,EAAA;;AAGjB;;;;;;;;;;;;EAYI,gBAAgB;EAChB,cAAc;EACjB,oBFsNkC;EErN/B,gBAAgB;EAEhB,oBAA0C,EAAA;;AAG9C;;;;EAIC,oBF4MkC,EAAA;;AEzMnC;;EAEC,mBFuMkC,EAAA;;AEpMnC;;;;EAIC,oBFgMkC,EAAA;;AE7LnC,kBAAA;AACA;EACC,cAA2B,EAAA;;AAG5B,kBAAA;AACA;EAEC,sJAAsG;EAAtG,wFAAsG;EACtG,cDnE2B;ECoExB,qBAAqB;EACrB,4BAA4B;EAC5B,6BAA6B;EAC7B,oCAAoC;EACpC,iBAAiB,EAAA;;AAGrB,+CAAA;AC9EA;;;;;;;;;;;;;;;;;;;;;;;;;;CLgVC;AK9SD;;;;;;;;;CLwTC;AKxHD;;EL2HE;AKxEF;;;;;;;;;;;;;;;;;;;;;;;;GLiGG;AK5CH,aAAA;ALtUA;4EAqX4E;AAlX5E;EAGE,mBGihB2D;EHte3D,OAAA,EAAQ;EA9CV;IAMG,oBAAoB,EAAA;EANvB;IAUG,eAAe;IACf,QAAQ;IACR,SAAS;IACT,YAAW;IACX,YAAY;IE6Kb,wCAcqC;IAb7B,gCAa6B,EAAA;IFzMvC;MAkBI,SAAQ;MACR,2BAA2B;MAC3B,iDAAyC;cAAzC,yCAAyC,EAAA;IApB7C;MAwBI,eE2N+B;MF1N/B,gBAAgB;MAChB,kBAAiB;MACjB,kBAAiB,EAAA;EA3BrB;IAgCG,eAAe;IACf,kBEkNgC;IFjNhC,cAA4B,EAAA;EAlC/B;IAwCG,+BAA4B;IAE5B,oBEyMgC,EAAA;EFnPnC;IAgDG,eAAe;IACf,QAAQ;IACR,SAAS;IACT,eAAe;IACf,gBAAgB;IAChB,WAAW;IACX,YAAY;IACZ,aAAa;IACb,oDAA4C;YAA5C,4CAA4C;IAC5C,8CAA8C;IAC9C,sBAAsB;IACtB,8BAAsB;IAAtB,sBAAsB,EAAA;EAGvB;IA9DF;MA+DU,uEAAuE,EAAA;IA/DjF;MAgEY,aAAa,EAAA,EAAI","file":"page-login.css","sourcesContent":["/* Theme IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_global-import';\r\n\r\n/* Page Layout Starts below...\r\n========================================================================== */\r\n\r\nhtml {\r\n\tbody {\r\n\r\n\t\tbackground: $page-bg;\r\n\r\n\t\t.blankpage-logo {\r\n\t\t\tpadding: 20px 0 30px;\r\n\t\t}\r\n\r\n\t\t.blankpage-form-field {\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 45%;\r\n\t\t\tleft: 50%;\r\n\t\t\twidth:320px;\r\n\t\t\theight: auto;\r\n\t\t\t@include translate(-50%,-50%);\r\n\r\n\t\t\t.card {\r\n\t\t\t\tmargin:0;\r\n\t\t\t\tpadding: 13.5px 20px 15.5px;\r\n\t\t\t\tbox-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n\t\t\t}\r\n\r\n\t\t\t.blankpage-btn {\r\n\t\t\t\tfont-size: rem($fs-xl);\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tpadding:10px 15px;\r\n\t\t\t\tmargin:10px 0 5px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.blankpage-footer {\r\n\t\t\tpadding: 10px 0;\r\n\t\t\tfont-size: rem($fs-xs);\r\n\t\t\tcolor: darken($page-bg, 50%);\r\n\t\t}\r\n\r\n\t\t.login-footer {\r\n\t\t\t//position: absolute;\r\n\t\t\t//bottom: 0;\r\n\t\t\tcolor: rgba(255,255,255,0.9);\r\n\t\t\t//width: 100%;\r\n\t\t\tfont-size: rem($fs-nano);\r\n\t\t}\r\n\r\n\r\n\t\t/* NEW*/\r\n\t\tvideo { \r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\tmin-width: 100%;\r\n\t\t\tmin-height: 100%;\r\n\t\t\twidth: auto;\r\n\t\t\theight: auto;\r\n\t\t\tz-index: -100;\r\n\t\t\ttransform: translateX(-50%) translateY(-50%);\r\n\t\t\tbackground: url('../img/clouds.png') no-repeat;\r\n\t\t\tbackground-size: cover;\r\n\t\t\ttransition: 1s opacity;\r\n\t\t}\r\n\r\n\t\t@media screen and (max-device-width: 800px) {\r\n\t\t\thtml { background: url(\"../img/clouds.png\") #FFF no-repeat center center fixed; }\r\n\t\t\t#bgvid { display: none; }\r\n\t\t}\r\n\r\n\t}\r\n}\r\n","/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins';\r\n\r\n/* #BASE - Base Variable file along with font library, and colors.\r\n========================================================================== */\r\n@import './src/scss/_modules/variables';\r\n@import './src/scss/_modules/_fonts';\r\n@import './src/scss/_modules/_placeholders';\r\n@import './src/scss/_modules/_custom';","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n\t\t@extend %bg-image;\r\n\t\tbackground-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n\t\twidth: 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\tbackground-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n\ttransition: all 0.2s ease-in-out;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n\t}\r\n}\r\n*/\r\n%btn-default {\r\n\t@include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n\tcolor: #444;\r\n\tborder: 1px solid rgba(0,0,0,0.1);\r\n\tbox-shadow: none;\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder: 1px solid #c6c6c6;\r\n\t\tcolor: #333;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t&:focus {\r\n\t\tborder-color: $primary-200 !important;\r\n\t\tz-index: 3;\r\n\t}\r\n\r\n\t&.active {\r\n\t\tbackground: $primary-300;\r\n\t\tcolor: $white;\r\n\t\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset !important;\r\n\t}\r\n}\r\n\r\n%custom-scroll {\r\n\r\n\t&::-webkit-scrollbar-track-piece {\r\n\t\tbackground-color: transparent;\r\n\t}\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n\t\tbackground-color: #666;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar {\r\n\t\theight: 4px;\r\n\t\twidth: 4px;\r\n\t}\r\n\r\n &::-webkit-scrollbar-corner {\r\n\t\twidth: 40px;\r\n\t}\r\n\r\n\t&::-webkit-scrollbar-thumb:vertical {\r\n\tbackground-color: #666;\r\n\t}\r\n\r\n\toverflow: hidden;\r\n\toverflow-y: scroll;\r\n\t-webkit-overflow-scrolling: touch;\r\n\r\n}\r\n\r\n%user-select {\r\n\t\t-webkit-user-select: none; \r\n\t\t\t -moz-user-select: none; \r\n\t\t\t\t-ms-user-select: none;\r\n}\r\n\r\n%content-box {\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n%flex-0-0-auto {\r\n\tflex: 0 0 auto;\r\n}\r\n\r\n%transform-3d {\r\n\t@include translate3d(0,0,0);\r\n}\r\n\r\n\r\n%stop-transform-3d {\r\n\t\t\t\t\t\ttransform: none;\r\n\t\t-webkit-transform: none;\r\n\t\t\t\t-ms-transform: none;\r\n}\r\n\r\n%general-animation {\r\n\ttransition: $nav-hide-animate; \r\n}\r\n\r\n%common-animation-slow {\r\n\t@include transition(0.3s,ease-in-out);\r\n\r\n}\r\n\r\n%common-animation {\r\n\t@include transition(0.2s,ease-in-out);\r\n}\r\n\r\n%common-animation-easeout {\r\n\t@include transition(0.4s,ease-out);\r\n}\r\n\r\n%common-animation-opacity {\r\n\ttransition: opacity 0.5s ease-in-out;\r\n}\r\n\r\n%common-animation-opacity-faster {\r\n\ttransition: opacity 0.1s ease-in-out;\r\n}\r\n\r\n%stop-animation {\r\n\ttransition: none;\r\n}\r\n\r\n%font-smoothing {\r\n\t\t -webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n\tcolor:$white;\r\n\tbackground:$color-primary !important;\r\n\t&:before {\r\n\t\tcontent:\"ON\" !important;\r\n\t\tleft:7px !important;\r\n\t\tright:auto !important;\r\n\t}\r\n\t&:after {\r\n\t\tcontent: \" \" !important;\r\n\t\tright:0 !important;\r\n\t\tleft:auto !important;\r\n\t\tbackground:$white !important;\r\n\t\tcolor:$color-primary !important;\r\n\t}\r\n\r\n\t+ .onoffswitch-title {\r\n\t\tfont-weight:500;\r\n\t\tcolor: $primary-500;\r\n\t}\r\n}\r\n\r\n%bg-img-cover {\r\n\tbackground-size: cover;\r\n}\r\n\r\n%not-compatible {\r\n\t\tposition:relative;\r\n\t\t\r\n\t\t.onoffswitch-title {\r\n\t\t\tcolor: $settings-incompat-title !important;\r\n\t\t}\r\n\t\t.onoffswitch-title-desc {\r\n\t\t\tcolor: $settings-incompat-desc !important;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \"DISABLED\";\r\n\t\t\t@extend %incompatible;\r\n\t\t}\r\n}\r\n\r\n%not-compatible-override {\r\n\t\t&:before {\r\n\t\t\tdisplay:none !important;\r\n\t\t}\r\n}\r\n\r\n%ping-badge {\r\n\tposition: absolute;\r\n\tdisplay: block;\r\n\tborder-radius: 1rem;\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\r\n\ttext-align: center;\r\n\tcursor: pointer;\r\n\t@include box-shadow(0 0 0 1px $nav-background);\r\n\tborder: 1px solid $nav-background;\r\n\tmin-width: 2rem;\r\n\tmax-width: 1.5rem;\r\n\tpadding: 2px;\r\n\tfont-weight: 500;\r\n\tline-height: normal;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n}\r\n\r\n\r\n\r\n/*%fixed-header-shadow {\r\n\t@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));\r\n}*/\r\n\r\n%header-btn {\r\n\t//@extend %btn-default;\r\n\t@include rounded($header-btn-border-radius);\r\n\tborder: 1px solid lighten($fusion-50, 30%);\r\n\theight: $header-btn-height;\r\n\twidth: $header-btn-width;\r\n\tvertical-align: middle;\r\n\tline-height: $header-btn-height - 0.125rem;\r\n\tmargin-right: $grid-gutter-width-base/4 + 0.1875rem;\r\n\tfont-size: $header-btn-font-size;\r\n\tpadding: $list-table-padding-y $list-table-padding-x;\r\n\tcursor: default;\r\n\tcolor:$header-btn-color;\r\n\tposition: relative;\r\n\t\t//background: $primary-200;\r\n\t\t//color:$primary-200;\r\n/*\r\n\t&.active {\r\n\t\t@extend %header-btn-active;\r\n\t}*/\r\n\r\n\t&:hover {\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: $primary-500;\r\n\t\tbackground: $primary-300;\r\n\t\tcolor:$white;\r\n\r\n\t}\r\n\r\n}\r\n\r\n%expanded-box {\r\n\tbox-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.125);\r\n\tborder-bottom: 1px solid rgba(0,0,0,0.06);\r\n\tborder-width: 0 0 1px 0;\r\n\tbackground: $white;\r\n\tpadding: 16px 16px 10px;\r\n}\r\n\r\n%header-btn-active {\r\n\tbackground: $header-btn-active-bg;\r\n\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t@include box-shadow(inset 0 0 3px 1px rgba(0,0,0,.37));\r\n\tcolor:$header-btn-active-color !important;\r\n}\r\n\r\n//@include media-breakpoint-up($mobile-breakpoint) {\r\n/* %selected-dot {\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tdisplay: block;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbackground: inherit;\r\n\t\t\tbackground-image: none;\r\n\t\t\tborder: 2px solid rgba(0,0,0,0.2);\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 15px;\r\n\t\t\tleft: 15px;\r\n\t\t\theight: 20px;\r\n\t\t\twidth: 20px;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\theight: inherit;\r\n\t\t\twidth: inherit;\r\n\t\t\tborder: 5px solid rgba(0,0,0,0.1);\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 50%;\r\n\t\t} \r\n\t}*/\r\n//}\r\n\r\n%spin-loader {\r\n\tmargin: 5px;\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tanimation: spin 0.5s infinite linear;\r\n\tborder: 2px solid $color-primary;\r\n\tborder-right-color: transparent;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n%incompatible {\r\n\tdisplay: block;\r\n\tposition: absolute;\r\n\tbackground: $settings-incompat-bg;\r\n\tfont-size: 10px;\r\n\twidth: 65px;\r\n\ttext-align: center;\r\n\tborder: 1px solid $settings-incompat-border;\r\n\theight: 22px;\r\n\tline-height: 20px;\r\n\tborder-radius: $border-radius-plus;\r\n\tright: 13px;\r\n\ttop: 26%;\r\n\tcolor:$fusion-900;\r\n}\r\n\r\n/* patterns */\r\n%pattern-0 {\r\n\tbackground-size: 10px 10px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .07) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .07) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .05) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 10px 10px transparent;\r\n}\r\n\r\n%pattern-1 {\r\n\tbackground-size: 5px 5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .04) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .04) 50%, rgba(255, 255, 255, .04) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 5px 5px transparent;\r\n}\r\n\r\n%pattern-2 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px transparent;\r\n}\r\n\r\n%pattern-3 {\r\n\tbackground-size: 15px 15px;\r\n\tbackground-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\tbackground-image: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);\r\n\t-pie-background: linear-gradient(90deg, rgba(255, 255, 255, .2) 50%, transparent 50%, transparent) 0 0 / 15px 15px transparent;\r\n}\r\n\r\n%pattern-4 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-position: 0 0, 18.5px 18.5px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 37px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 37px 37px / 74px,\r\n\t\t\t\t\t\t\t\t\t transparent;\r\n}\r\n\r\n%pattern-5 {\r\n\tbackground-size: 37px 37px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\t-moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)),\r\n\t\t\t\t\t\t\t\t\t\tlinear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2));\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, .2) 75%, rgba(255, 255, 255, .2)) 0 0 / 60px,\r\n\t\t\t\t\t\t\t\t\t #eee;\r\n}\r\n\r\n%pattern-6 {\r\n\tbackground-size: 50px 50px;\r\n\tbackground-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\tbackground-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t\ttransparent 75%, transparent);\r\n\t-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,\r\n\t\t\t\t\t\t\t\t\t transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,\r\n\t\t\t\t\t\t\t\t\t transparent 75%, transparent) 0 0 / 50px 50px transparent;\r\n}\r\n\r\n"]}
\ No newline at end of file
diff --git a/public/assets/css/statistics/c3/c3.css b/public/assets/css/statistics/c3/c3.css
new file mode 100644
index 0000000..0a06895
--- /dev/null
+++ b/public/assets/css/statistics/c3/c3.css
@@ -0,0 +1,192 @@
+/*-- Chart --*/
+.c3 svg {
+ font: 10px sans-serif;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.c3 path, .c3 line {
+ fill: none;
+ stroke: #000; }
+
+.c3 text {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none; }
+
+.c3-legend-item-tile,
+.c3-xgrid-focus,
+.c3-ygrid,
+.c3-event-rect,
+.c3-bars path {
+ shape-rendering: crispEdges; }
+
+.c3-chart-arc path {
+ stroke: #fff; }
+
+.c3-chart-arc rect {
+ stroke: white;
+ stroke-width: 1; }
+
+.c3-chart-arc text {
+ fill: #fff;
+ font-size: 13px; }
+
+/*-- Axis --*/
+/*-- Grid --*/
+.c3-grid line {
+ stroke: #aaa; }
+
+.c3-grid text {
+ fill: #aaa; }
+
+.c3-xgrid, .c3-ygrid {
+ stroke-dasharray: 3 3; }
+
+/*-- Text on Chart --*/
+.c3-text.c3-empty {
+ fill: #808080;
+ font-size: 2em; }
+
+/*-- Line --*/
+.c3-line {
+ stroke-width: 1px; }
+
+/*-- Point --*/
+.c3-circle._expanded_ {
+ stroke-width: 1px;
+ stroke: white; }
+
+.c3-selected-circle {
+ fill: white;
+ stroke-width: 2px; }
+
+/*-- Bar --*/
+.c3-bar {
+ stroke-width: 0; }
+
+.c3-bar._expanded_ {
+ fill-opacity: 1;
+ fill-opacity: 0.75; }
+
+/*-- Focus --*/
+.c3-target.c3-focused {
+ opacity: 1; }
+
+.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
+ stroke-width: 2px; }
+
+.c3-target.c3-defocused {
+ opacity: 0.3 !important; }
+
+/*-- Region --*/
+.c3-region {
+ fill: steelblue;
+ fill-opacity: 0.1; }
+
+/*-- Brush --*/
+.c3-brush .extent {
+ fill-opacity: 0.1; }
+
+/*-- Select - Drag --*/
+/*-- Legend --*/
+.c3-legend-item {
+ font-size: 12px; }
+
+.c3-legend-item-hidden {
+ opacity: 0.15; }
+
+.c3-legend-background {
+ opacity: 0.75;
+ fill: white;
+ stroke: lightgray;
+ stroke-width: 1; }
+
+/*-- Title --*/
+.c3-title {
+ font: 14px sans-serif; }
+
+/*-- Tooltip --*/
+.c3-tooltip-container {
+ z-index: 10; }
+
+.c3-tooltip {
+ border-collapse: collapse;
+ border-spacing: 0;
+ background-color: #fff;
+ empty-cells: show;
+ -webkit-box-shadow: 7px 7px 12px -9px #777777;
+ box-shadow: 7px 7px 12px -9px #777777;
+ opacity: 0.9; }
+
+.c3-tooltip tr {
+ border: 1px solid #CCC; }
+
+.c3-tooltip th {
+ background-color: #aaa;
+ font-size: 14px;
+ padding: 2px 5px;
+ text-align: left;
+ color: #FFF; }
+
+.c3-tooltip td {
+ font-size: 13px;
+ padding: 3px 6px;
+ background-color: #fff;
+ border-left: 1px dotted #999; }
+
+.c3-tooltip td > span {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin-right: 6px; }
+
+.c3-tooltip .value {
+ text-align: right; }
+
+/*-- Area --*/
+.c3-area {
+ stroke-width: 0;
+ opacity: 0.2; }
+
+/*-- Arc --*/
+.c3-chart-arcs-title {
+ dominant-baseline: middle;
+ font-size: 1.3em; }
+
+.c3-chart-arcs .c3-chart-arcs-background {
+ fill: #e0e0e0;
+ stroke: #FFF; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-unit {
+ fill: #000;
+ font-size: 16px; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-max {
+ fill: #777; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-min {
+ fill: #777; }
+
+.c3-chart-arc .c3-gauge-value {
+ fill: #000;
+ /* font-size: 28px !important;*/ }
+
+.c3-chart-arc.c3-target g path {
+ opacity: 1; }
+
+.c3-chart-arc.c3-target.c3-focused g path {
+ opacity: 1; }
+
+/*-- Zoom --*/
+.c3-drag-zoom.enabled {
+ pointer-events: all !important;
+ visibility: visible; }
+
+.c3-drag-zoom.disabled {
+ pointer-events: none !important;
+ visibility: hidden; }
+
+.c3-drag-zoom .extent {
+ fill-opacity: 0.1; }
+
+/*# sourceMappingURL=c3.css.map */
diff --git a/public/assets/css/statistics/c3/c3.css.map b/public/assets/css/statistics/c3/c3.css.map
new file mode 100644
index 0000000..3bc2dfc
--- /dev/null
+++ b/public/assets/css/statistics/c3/c3.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["c3.css"],"names":[],"mappings":"AAAA,cAAA;AACA;EACE,qBAAqB;EACrB,6CAA6C,EAAA;;AAG/C;EACE,UAAU;EACV,YAAY,EAAA;;AAGd;EACE,yBAAyB;EACzB,sBAAsB;EACtB,qBAAiB;MAAjB,iBAAiB,EAAA;;AAGnB;;;;;EAKE,2BAA2B,EAAA;;AAG7B;EACE,YAAY,EAAA;;AAGd;EACE,aAAa;EACb,eAAe,EAAA;;AAGjB;EACE,UAAU;EACV,eAAe,EAAA;;AAGjB,aAAA;AACA,aAAA;AACA;EACE,YAAY,EAAA;;AAGd;EACE,UAAU,EAAA;;AAGZ;EACE,qBAAqB,EAAA;;AAGvB,sBAAA;AACA;EACE,aAAa;EACb,cAAc,EAAA;;AAGhB,aAAA;AACA;EACE,iBAAiB,EAAA;;AAGnB,cAAA;AACA;EACE,iBAAiB;EACjB,aAAa,EAAA;;AAGf;EACE,WAAW;EACX,iBAAiB,EAAA;;AAGnB,YAAA;AACA;EACE,eAAe,EAAA;;AAGjB;EACE,eAAe;EACf,kBAAkB,EAAA;;AAGpB,cAAA;AACA;EACE,UAAU,EAAA;;AAGZ;EACE,iBAAiB,EAAA;;AAGnB;EACE,uBAAuB,EAAA;;AAGzB,eAAA;AACA;EACE,eAAe;EACf,iBAAiB,EAAA;;AAGnB,cAAA;AACA;EACE,iBAAiB,EAAA;;AAGnB,sBAAA;AACA,eAAA;AACA;EACE,eAAe,EAAA;;AAGjB;EACE,aAAa,EAAA;;AAGf;EACE,aAAa;EACb,WAAW;EACX,iBAAiB;EACjB,eAAe,EAAA;;AAGjB,cAAA;AACA;EACE,qBAAqB,EAAA;;AAGvB,gBAAA;AACA;EACE,WAAW,EAAA;;AAGb;EACE,yBAAyB;EACzB,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;EACjB,6CAA6C;EAE7C,qCAAqC;EACrC,YAAY,EAAA;;AAGd;EACE,sBAAsB,EAAA;;AAGxB;EACE,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;EAChB,WAAW,EAAA;;AAGb;EACE,eAAe;EACf,gBAAgB;EAChB,sBAAsB;EACtB,4BAA4B,EAAA;;AAG9B;EACE,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,iBAAiB,EAAA;;AAGnB;EACE,iBAAiB,EAAA;;AAGnB,aAAA;AACA;EACE,eAAe;EACf,YAAY,EAAA;;AAGd,YAAA;AACA;EACE,yBAAyB;EACzB,gBAAgB,EAAA;;AAGlB;EACE,aAAa;EACb,YAAY,EAAA;;AAGd;EACE,UAAU;EACV,eAAe,EAAA;;AAGjB;EACE,UAAU,EAAA;;AAGZ;EACE,UAAU,EAAA;;AAGZ;EACE,UAAU;EACV,gCAAA,EAAiC;;AAGnC;EACE,UAAU,EAAA;;AAGZ;EACE,UAAU,EAAA;;AAGZ,aAAA;AACA;EACE,8BAA8B;EAC9B,mBAAmB,EAAA;;AAGrB;EACE,+BAA+B;EAC/B,kBAAkB,EAAA;;AAGpB;EACE,iBAAiB,EAAA","file":"c3.css","sourcesContent":["/*-- Chart --*/\n.c3 svg {\n font: 10px sans-serif;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.c3 path, .c3 line {\n fill: none;\n stroke: #000;\n}\n\n.c3 text {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.c3-legend-item-tile,\n.c3-xgrid-focus,\n.c3-ygrid,\n.c3-event-rect,\n.c3-bars path {\n shape-rendering: crispEdges;\n}\n\n.c3-chart-arc path {\n stroke: #fff;\n}\n\n.c3-chart-arc rect {\n stroke: white;\n stroke-width: 1;\n}\n\n.c3-chart-arc text {\n fill: #fff;\n font-size: 13px;\n}\n\n/*-- Axis --*/\n/*-- Grid --*/\n.c3-grid line {\n stroke: #aaa;\n}\n\n.c3-grid text {\n fill: #aaa;\n}\n\n.c3-xgrid, .c3-ygrid {\n stroke-dasharray: 3 3;\n}\n\n/*-- Text on Chart --*/\n.c3-text.c3-empty {\n fill: #808080;\n font-size: 2em;\n}\n\n/*-- Line --*/\n.c3-line {\n stroke-width: 1px;\n}\n\n/*-- Point --*/\n.c3-circle._expanded_ {\n stroke-width: 1px;\n stroke: white;\n}\n\n.c3-selected-circle {\n fill: white;\n stroke-width: 2px;\n}\n\n/*-- Bar --*/\n.c3-bar {\n stroke-width: 0;\n}\n\n.c3-bar._expanded_ {\n fill-opacity: 1;\n fill-opacity: 0.75;\n}\n\n/*-- Focus --*/\n.c3-target.c3-focused {\n opacity: 1;\n}\n\n.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {\n stroke-width: 2px;\n}\n\n.c3-target.c3-defocused {\n opacity: 0.3 !important;\n}\n\n/*-- Region --*/\n.c3-region {\n fill: steelblue;\n fill-opacity: 0.1;\n}\n\n/*-- Brush --*/\n.c3-brush .extent {\n fill-opacity: 0.1;\n}\n\n/*-- Select - Drag --*/\n/*-- Legend --*/\n.c3-legend-item {\n font-size: 12px;\n}\n\n.c3-legend-item-hidden {\n opacity: 0.15;\n}\n\n.c3-legend-background {\n opacity: 0.75;\n fill: white;\n stroke: lightgray;\n stroke-width: 1;\n}\n\n/*-- Title --*/\n.c3-title {\n font: 14px sans-serif;\n}\n\n/*-- Tooltip --*/\n.c3-tooltip-container {\n z-index: 10;\n}\n\n.c3-tooltip {\n border-collapse: collapse;\n border-spacing: 0;\n background-color: #fff;\n empty-cells: show;\n -webkit-box-shadow: 7px 7px 12px -9px #777777;\n -moz-box-shadow: 7px 7px 12px -9px #777777;\n box-shadow: 7px 7px 12px -9px #777777;\n opacity: 0.9;\n}\n\n.c3-tooltip tr {\n border: 1px solid #CCC;\n}\n\n.c3-tooltip th {\n background-color: #aaa;\n font-size: 14px;\n padding: 2px 5px;\n text-align: left;\n color: #FFF;\n}\n\n.c3-tooltip td {\n font-size: 13px;\n padding: 3px 6px;\n background-color: #fff;\n border-left: 1px dotted #999;\n}\n\n.c3-tooltip td > span {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin-right: 6px;\n}\n\n.c3-tooltip .value {\n text-align: right;\n}\n\n/*-- Area --*/\n.c3-area {\n stroke-width: 0;\n opacity: 0.2;\n}\n\n/*-- Arc --*/\n.c3-chart-arcs-title {\n dominant-baseline: middle;\n font-size: 1.3em;\n}\n\n.c3-chart-arcs .c3-chart-arcs-background {\n fill: #e0e0e0;\n stroke: #FFF;\n}\n\n.c3-chart-arcs .c3-chart-arcs-gauge-unit {\n fill: #000;\n font-size: 16px;\n}\n\n.c3-chart-arcs .c3-chart-arcs-gauge-max {\n fill: #777;\n}\n\n.c3-chart-arcs .c3-chart-arcs-gauge-min {\n fill: #777;\n}\n\n.c3-chart-arc .c3-gauge-value {\n fill: #000;\n /* font-size: 28px !important;*/\n}\n\n.c3-chart-arc.c3-target g path {\n opacity: 1;\n}\n\n.c3-chart-arc.c3-target.c3-focused g path {\n opacity: 1;\n}\n\n/*-- Zoom --*/\n.c3-drag-zoom.enabled {\n pointer-events: all !important;\n visibility: visible;\n}\n\n.c3-drag-zoom.disabled {\n pointer-events: none !important;\n visibility: hidden;\n}\n\n.c3-drag-zoom .extent {\n fill-opacity: 0.1;\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/statistics/chartist/chartist.css b/public/assets/css/statistics/chartist/chartist.css
new file mode 100644
index 0000000..a4b115b
--- /dev/null
+++ b/public/assets/css/statistics/chartist/chartist.css
@@ -0,0 +1,821 @@
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/*// Container ratio
+$ct-container-ratio: (1/1.618) !default;
+
+// Text styles for labels
+$ct-text-color: rgba(0, 0, 0, 0.4) !default;
+$ct-text-size: 0.75rem !default;
+$ct-text-align: flex-start !default;
+$ct-text-justify: flex-start !default;
+$ct-text-line-height: 1;
+
+// Grid styles
+$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
+$ct-grid-dasharray: 2px !default;
+$ct-grid-width: 1px !default;
+$ct-grid-background-fill: none !default;
+
+// Line chart properties
+$ct-line-width: 4px !default;
+$ct-line-dasharray: false !default;
+
+// Line chart point, can be either round or square
+$ct-point-shape: round !default;
+// Area fill transparency between 0 and 1
+$ct-area-opacity: 0.1 !default;
+
+// Bar chart bar width
+$ct-bar-width: 10px !default;
+
+// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
+$ct-donut-width: 60px !default;
+*/
+.ct-label {
+ fill: rgba(0, 0, 0, 0.4);
+ color: rgba(0, 0, 0, 0.4);
+ font-size: 0.75rem;
+ line-height: 1; }
+
+.ct-chart-line .ct-label,
+.ct-chart-bar .ct-label {
+ display: block;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex; }
+
+.ct-chart-pie .ct-label,
+.ct-chart-donut .ct-label {
+ dominant-baseline: central; }
+
+.ct-label.ct-horizontal.ct-start {
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+ -webkit-box-pack: flex-start;
+ -ms-flex-pack: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-label.ct-horizontal.ct-end {
+ -webkit-box-align: flex-start;
+ -ms-flex-align: flex-start;
+ align-items: flex-start;
+ -webkit-box-pack: flex-start;
+ -ms-flex-pack: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-label.ct-vertical.ct-start {
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+ -webkit-box-pack: flex-end;
+ -ms-flex-pack: flex-end;
+ justify-content: flex-end;
+ text-align: right;
+ text-anchor: end; }
+
+.ct-label.ct-vertical.ct-end {
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+ -webkit-box-pack: flex-start;
+ -ms-flex-pack: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-start {
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-align: center;
+ text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-end {
+ -webkit-box-align: flex-start;
+ -ms-flex-align: flex-start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ text-align: center;
+ text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
+ -webkit-box-align: flex-end;
+ -ms-flex-align: flex-end;
+ align-items: flex-end;
+ -webkit-box-pack: flex-start;
+ -ms-flex-pack: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
+ -webkit-box-align: flex-start;
+ -ms-flex-align: flex-start;
+ align-items: flex-start;
+ -webkit-box-pack: flex-start;
+ -ms-flex-pack: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: flex-end;
+ -ms-flex-pack: flex-end;
+ justify-content: flex-end;
+ text-align: right;
+ text-anchor: end; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: flex-start;
+ -ms-flex-pack: flex-start;
+ justify-content: flex-start;
+ text-align: left;
+ text-anchor: end; }
+
+.ct-grid {
+ stroke: rgba(0, 0, 0, 0.2);
+ stroke-width: 1px;
+ stroke-dasharray: 2px; }
+
+.ct-grid-background {
+ fill: none; }
+
+.ct-point {
+ stroke-width: 7px;
+ stroke-linecap: round; }
+
+.ct-line {
+ fill: none;
+ stroke-width: 4px; }
+
+.ct-area {
+ stroke: none;
+ fill-opacity: 0.1; }
+
+.ct-bar {
+ fill: none;
+ stroke-width: 10px; }
+
+.ct-slice-donut {
+ fill: none;
+ stroke-width: 60px; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+ stroke: #886ab5; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+ fill: #886ab5; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+ stroke: #fd3995; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+ fill: #fd3995; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+ stroke: #ffc241; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+ fill: #ffc241; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+ stroke: #2196F3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+ fill: #2196F3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+ stroke: #505050; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+ fill: #505050; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+ stroke: #1dc9b7; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+ fill: #1dc9b7; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+ stroke: #2196F3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+ fill: #2196F3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+ stroke: #563d7c; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+ fill: #563d7c; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+ stroke: #fe9ecb; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+ fill: #fe9ecb; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+ stroke: #ffdb8e; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+ fill: #ffdb8e; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+ stroke: #ce0262; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+ fill: #ce0262; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+ stroke: dimgray; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+ fill: dimgray; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+ stroke: #37e2d0; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+ fill: #37e2d0; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+ stroke: #51adf6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+ fill: #51adf6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+ stroke: #a38cc6; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+ fill: #a38cc6; }
+
+.ct-square {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-square:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 100%; }
+ .ct-square:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-square > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-minor-second {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-minor-second:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 93.75%; }
+ .ct-minor-second:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-minor-second > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-second {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-second:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 88.88889%; }
+ .ct-major-second:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-second > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-minor-third {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-minor-third:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 83.33333%; }
+ .ct-minor-third:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-minor-third > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-third {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-third:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 80%; }
+ .ct-major-third:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-third > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-perfect-fourth {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-perfect-fourth:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 75%; }
+ .ct-perfect-fourth:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-perfect-fourth > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-perfect-fifth {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-perfect-fifth:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 66.66667%; }
+ .ct-perfect-fifth:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-perfect-fifth > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-minor-sixth {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-minor-sixth:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 62.5%; }
+ .ct-minor-sixth:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-minor-sixth > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-golden-section {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-golden-section:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 61.8047%; }
+ .ct-golden-section:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-golden-section > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-sixth {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-sixth:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 60%; }
+ .ct-major-sixth:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-sixth > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-minor-seventh {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-minor-seventh:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 56.25%; }
+ .ct-minor-seventh:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-minor-seventh > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-seventh {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-seventh:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 53.33333%; }
+ .ct-major-seventh:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-seventh > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-octave {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-octave:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 50%; }
+ .ct-octave:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-octave > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-tenth {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-tenth:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 40%; }
+ .ct-major-tenth:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-tenth > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-eleventh {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-eleventh:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 37.5%; }
+ .ct-major-eleventh:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-eleventh > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-major-twelfth {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-major-twelfth:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 33.33333%; }
+ .ct-major-twelfth:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-major-twelfth > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+.ct-double-octave {
+ display: block;
+ position: relative;
+ width: 100%; }
+ .ct-double-octave:before {
+ display: block;
+ float: left;
+ content: "";
+ width: 0;
+ height: 0;
+ padding-bottom: 25%; }
+ .ct-double-octave:after {
+ content: "";
+ display: table;
+ clear: both; }
+ .ct-double-octave > svg {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+/*# sourceMappingURL=chartist.css.map */
diff --git a/public/assets/css/statistics/chartist/chartist.css.map b/public/assets/css/statistics/chartist/chartist.css.map
new file mode 100644
index 0000000..d0487df
--- /dev/null
+++ b/public/assets/css/statistics/chartist/chartist.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../scss/_modules/variables.scss","chartist.css","_chartist-settings-custom.scss","../../../../node_modules/chartist/dist/scss/chartist.scss","../../../../node_modules/chartist/dist/scss/settings/_chartist-settings.scss"],"names":[],"mappings":"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","file":"chartist.css","sourcesContent":["/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","@import \"./src/scss/_modules/variables\";\r\n@import \"./src/custom/plugins/chartist/_chartist-settings-custom\";\r\n@import \"./node_modules/chartist/dist/scss/chartist\";","/*// Container ratio\r\n$ct-container-ratio: (1/1.618) !default;\r\n\r\n// Text styles for labels\r\n$ct-text-color: rgba(0, 0, 0, 0.4) !default;\r\n$ct-text-size: 0.75rem !default;\r\n$ct-text-align: flex-start !default;\r\n$ct-text-justify: flex-start !default;\r\n$ct-text-line-height: 1;\r\n\r\n// Grid styles\r\n$ct-grid-color: rgba(0, 0, 0, 0.2) !default;\r\n$ct-grid-dasharray: 2px !default;\r\n$ct-grid-width: 1px !default;\r\n$ct-grid-background-fill: none !default;\r\n\r\n// Line chart properties\r\n$ct-line-width: 4px !default;\r\n$ct-line-dasharray: false !default;\r\n\r\n// Line chart point, can be either round or square\r\n$ct-point-shape: round !default;\r\n// Area fill transparency between 0 and 1\r\n$ct-area-opacity: 0.1 !default;\r\n\r\n// Bar chart bar width\r\n$ct-bar-width: 10px !default;\r\n\r\n// Donut width (If donut width is to big it can cause issues where the shape gets distorted)\r\n$ct-donut-width: 60px !default;\r\n*/\r\n\r\n\r\n$ct-point-size: 7px;\r\n\r\n$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o);\r\n$ct-series-colors: (\r\n $primary-500, //red\r\n $danger-500, //light red\r\n $warning-500, //yellow\r\n $info-500, //dark orange\r\n $fusion-500, //ash\r\n $success-500, //green\r\n $info-500, //blue\r\n $primary-900, //purple\r\n $danger-100, //lighter red\r\n $warning-200, //faded orange\r\n $danger-900, //faded yellow\r\n $fusion-300, //light gray\r\n $success-300, //light green\r\n $info-300, //light blue\r\n $primary-300 //light purple\r\n);","@import \"settings/chartist-settings\";\n\n@mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {\n display: block;\n position: relative;\n width: $width;\n\n &:before {\n display: block;\n float: left;\n content: \"\";\n width: 0;\n height: 0;\n padding-bottom: $ratio * 100%;\n }\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n > svg {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n }\n}\n\n@mixin ct-align-justify($ct-text-align: $ct-text-align, $ct-text-justify: $ct-text-justify) {\n -webkit-box-align: $ct-text-align;\n -webkit-align-items: $ct-text-align;\n -ms-flex-align: $ct-text-align;\n align-items: $ct-text-align;\n -webkit-box-pack: $ct-text-justify;\n -webkit-justify-content: $ct-text-justify;\n -ms-flex-pack: $ct-text-justify;\n justify-content: $ct-text-justify;\n // Fallback to text-align for non-flex browsers\n @if($ct-text-justify == 'flex-start') {\n text-align: left;\n } @else if ($ct-text-justify == 'flex-end') {\n text-align: right;\n } @else {\n text-align: center;\n }\n}\n\n@mixin ct-flex() {\n // Fallback to block\n display: block;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n\n@mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-text-line-height: $ct-text-line-height) {\n fill: $ct-text-color;\n color: $ct-text-color;\n font-size: $ct-text-size;\n line-height: $ct-text-line-height;\n}\n\n@mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) {\n stroke: $ct-grid-color;\n stroke-width: $ct-grid-width;\n\n @if ($ct-grid-dasharray) {\n stroke-dasharray: $ct-grid-dasharray;\n }\n}\n\n@mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) {\n stroke-width: $ct-point-size;\n stroke-linecap: $ct-point-shape;\n}\n\n@mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) {\n fill: none;\n stroke-width: $ct-line-width;\n\n @if ($ct-line-dasharray) {\n stroke-dasharray: $ct-line-dasharray;\n }\n}\n\n@mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) {\n stroke: none;\n fill-opacity: $ct-area-opacity;\n}\n\n@mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {\n fill: none;\n stroke-width: $ct-bar-width;\n}\n\n@mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {\n fill: none;\n stroke-width: $ct-donut-width;\n}\n\n@mixin ct-chart-series-color($color) {\n .#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice-donut} {\n stroke: $color;\n }\n\n .#{$ct-class-slice-pie}, .#{$ct-class-slice-donut-solid}, .#{$ct-class-area} {\n fill: $color;\n }\n}\n\n@mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) {\n\n .#{$ct-class-label} {\n @include ct-chart-label($ct-text-color, $ct-text-size);\n }\n\n .#{$ct-class-chart-line} .#{$ct-class-label},\n .#{$ct-class-chart-bar} .#{$ct-class-label} {\n @include ct-flex();\n }\n\n .#{$ct-class-chart-pie} .#{$ct-class-label},\n .#{$ct-class-chart-donut} .#{$ct-class-label} {\n dominant-baseline: central;\n }\n\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-start);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, flex-start);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-end);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: end;\n }\n\n .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {\n @include ct-align-justify(flex-end, flex-start);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, center);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, center);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {\n @include ct-align-justify(flex-end, flex-start);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {\n @include ct-align-justify(flex-start, flex-start);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: start;\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {\n //@include ct-chart-label($ct-text-color, $ct-text-size, center, $ct-vertical-text-justify);\n @include ct-align-justify(center, flex-end);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: end;\n }\n\n .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {\n @include ct-align-justify(center, flex-start);\n // Fallback for browsers that don't support foreignObjects\n text-anchor: end;\n }\n\n .#{$ct-class-grid} {\n @include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);\n }\n\n .#{$ct-class-grid-background} {\n fill: $ct-grid-background-fill;\n }\n\n .#{$ct-class-point} {\n @include ct-chart-point($ct-point-size, $ct-point-shape);\n }\n\n .#{$ct-class-line} {\n @include ct-chart-line($ct-line-width);\n }\n\n .#{$ct-class-area} {\n @include ct-chart-area();\n }\n\n .#{$ct-class-bar} {\n @include ct-chart-bar($ct-bar-width);\n }\n\n .#{$ct-class-slice-donut} {\n @include ct-chart-donut($ct-donut-width);\n }\n\n @if $ct-include-colored-series {\n @for $i from 0 to length($ct-series-names) {\n .#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} {\n $color: nth($ct-series-colors, $i + 1);\n\n @include ct-chart-series-color($color);\n }\n }\n }\n}\n\n@if $ct-include-classes {\n @include ct-chart();\n\n @if $ct-include-alternative-responsive-containers {\n @for $i from 0 to length($ct-scales-names) {\n .#{nth($ct-scales-names, $i + 1)} {\n @include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));\n }\n }\n }\n}\n","// Scales for responsive SVG containers\n$ct-scales: ((1), (15/16), (8/9), (5/6), (4/5), (3/4), (2/3), (5/8), (1/1.618), (3/5), (9/16), (8/15), (1/2), (2/5), (3/8), (1/3), (1/4)) !default;\n$ct-scales-names: (ct-square, ct-minor-second, ct-major-second, ct-minor-third, ct-major-third, ct-perfect-fourth, ct-perfect-fifth, ct-minor-sixth, ct-golden-section, ct-major-sixth, ct-minor-seventh, ct-major-seventh, ct-octave, ct-major-tenth, ct-major-eleventh, ct-major-twelfth, ct-double-octave) !default;\n\n// Class names to be used when generating CSS\n$ct-class-chart: ct-chart !default;\n$ct-class-chart-line: ct-chart-line !default;\n$ct-class-chart-bar: ct-chart-bar !default;\n$ct-class-horizontal-bars: ct-horizontal-bars !default;\n$ct-class-chart-pie: ct-chart-pie !default;\n$ct-class-chart-donut: ct-chart-donut !default;\n$ct-class-label: ct-label !default;\n$ct-class-series: ct-series !default;\n$ct-class-line: ct-line !default;\n$ct-class-point: ct-point !default;\n$ct-class-area: ct-area !default;\n$ct-class-bar: ct-bar !default;\n$ct-class-slice-pie: ct-slice-pie !default;\n$ct-class-slice-donut: ct-slice-donut !default;\n$ct-class-slice-donut-solid: ct-slice-donut-solid !default;\n$ct-class-grid: ct-grid !default;\n$ct-class-grid-background: ct-grid-background !default;\n$ct-class-vertical: ct-vertical !default;\n$ct-class-horizontal: ct-horizontal !default;\n$ct-class-start: ct-start !default;\n$ct-class-end: ct-end !default;\n\n// Container ratio\n$ct-container-ratio: (1/1.618) !default;\n\n// Text styles for labels\n$ct-text-color: rgba(0, 0, 0, 0.4) !default;\n$ct-text-size: 0.75rem !default;\n$ct-text-align: flex-start !default;\n$ct-text-justify: flex-start !default;\n$ct-text-line-height: 1;\n\n// Grid styles\n$ct-grid-color: rgba(0, 0, 0, 0.2) !default;\n$ct-grid-dasharray: 2px !default;\n$ct-grid-width: 1px !default;\n$ct-grid-background-fill: none !default;\n\n// Line chart properties\n$ct-line-width: 4px !default;\n$ct-line-dasharray: false !default;\n$ct-point-size: 10px !default;\n// Line chart point, can be either round or square\n$ct-point-shape: round !default;\n// Area fill transparency between 0 and 1\n$ct-area-opacity: 0.1 !default;\n\n// Bar chart bar width\n$ct-bar-width: 10px !default;\n\n// Donut width (If donut width is to big it can cause issues where the shape gets distorted)\n$ct-donut-width: 60px !default;\n\n// If set to true it will include the default classes and generate CSS output. If you're planning to use the mixins you\n// should set this property to false\n$ct-include-classes: true !default;\n\n// If this is set to true the CSS will contain colored series. You can extend or change the color with the\n// properties below\n$ct-include-colored-series: $ct-include-classes !default;\n\n// If set to true this will include all responsive container variations using the scales defined at the top of the script\n$ct-include-alternative-responsive-containers: $ct-include-classes !default;\n\n// Series names and colors. This can be extended or customized as desired. Just add more series and colors.\n$ct-series-names: (a, b, c, d, e, f, g, h, i, j, k, l, m, n, o) !default;\n$ct-series-colors: (\n #d70206,\n #f05b4f,\n #f4c63d,\n #d17905,\n #453d3f,\n #59922b,\n #0544d3,\n #6b0392,\n #f05b4f,\n #dda458,\n #eacf7d,\n #86797d,\n #b2c326,\n #6188e2,\n #a748ca\n) !default;\n"]}
\ No newline at end of file
diff --git a/public/assets/css/statistics/chartjs/chartjs.css b/public/assets/css/statistics/chartjs/chartjs.css
new file mode 100644
index 0000000..e4e26e4
--- /dev/null
+++ b/public/assets/css/statistics/chartjs/chartjs.css
@@ -0,0 +1,52 @@
+/*
+ * DOM element rendering detection
+ * https://davidwalsh.name/detect-node-insertion
+ */
+@-webkit-keyframes chartjs-render-animation {
+ from {
+ opacity: 0.99; }
+ to {
+ opacity: 1; } }
+@keyframes chartjs-render-animation {
+ from {
+ opacity: 0.99; }
+ to {
+ opacity: 1; } }
+
+.chartjs-render-monitor {
+ -webkit-animation: chartjs-render-animation 0.001s;
+ animation: chartjs-render-animation 0.001s; }
+
+/*
+ * DOM element resizing detection
+ * https://github.com/marcj/css-element-queries
+ */
+.chartjs-size-monitor,
+.chartjs-size-monitor-expand,
+.chartjs-size-monitor-shrink {
+ position: absolute;
+ direction: ltr;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ overflow: hidden;
+ pointer-events: none;
+ visibility: hidden;
+ z-index: -1; }
+
+.chartjs-size-monitor-expand > div {
+ position: absolute;
+ width: 1000000px;
+ height: 1000000px;
+ left: 0;
+ top: 0; }
+
+.chartjs-size-monitor-shrink > div {
+ position: absolute;
+ width: 200%;
+ height: 200%;
+ left: 0;
+ top: 0; }
+
+/*# sourceMappingURL=chartjs.css.map */
diff --git a/public/assets/css/statistics/chartjs/chartjs.css.map b/public/assets/css/statistics/chartjs/chartjs.css.map
new file mode 100644
index 0000000..b49e5c1
--- /dev/null
+++ b/public/assets/css/statistics/chartjs/chartjs.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["chartjs.css"],"names":[],"mappings":"AAAA;;;EAGE;AACF;EACC;IAAO,aAAa,EAAA;EACpB;IAAK,UAAU,EAAA,EAAA;AAFhB;EACC;IAAO,aAAa,EAAA;EACpB;IAAK,UAAU,EAAA,EAAA;;AAGhB;EACC,kDAA0C;UAA1C,0CAA0C,EAAA;;AAG3C;;;EAGE;AACF;;;EAGC,kBAAkB;EAClB,cAAc;EACd,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,WAAW,EAAA;;AAGZ;EACC,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,OAAO;EACP,MAAM,EAAA;;AAGP;EACC,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,OAAO;EACP,MAAM,EAAA","file":"chartjs.css","sourcesContent":["/*\n * DOM element rendering detection\n * https://davidwalsh.name/detect-node-insertion\n */\n@keyframes chartjs-render-animation {\n\tfrom { opacity: 0.99; }\n\tto { opacity: 1; }\n}\n\n.chartjs-render-monitor {\n\tanimation: chartjs-render-animation 0.001s;\n}\n\n/*\n * DOM element resizing detection\n * https://github.com/marcj/css-element-queries\n */\n.chartjs-size-monitor,\n.chartjs-size-monitor-expand,\n.chartjs-size-monitor-shrink {\n\tposition: absolute;\n\tdirection: ltr;\n\tleft: 0;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n\tvisibility: hidden;\n\tz-index: -1;\n}\n\n.chartjs-size-monitor-expand > div {\n\tposition: absolute;\n\twidth: 1000000px;\n\theight: 1000000px;\n\tleft: 0;\n\ttop: 0;\n}\n\n.chartjs-size-monitor-shrink > div {\n\tposition: absolute;\n\twidth: 200%;\n\theight: 200%;\n\tleft: 0;\n\ttop: 0;\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/statistics/dygraph/dygraph.css b/public/assets/css/statistics/dygraph/dygraph.css
new file mode 100644
index 0000000..5e718d8
--- /dev/null
+++ b/public/assets/css/statistics/dygraph/dygraph.css
@@ -0,0 +1,100 @@
+/**
+ * Default styles for the dygraphs charting library.
+ */
+.dygraph-legend {
+ position: absolute;
+ font-size: 14px;
+ z-index: 10;
+ width: 250px;
+ /* labelsDivWidth */
+ /*
+ dygraphs determines these based on the presence of chart labels.
+ It might make more sense to create a wrapper div around the chart proper.
+ top: 0px;
+ right: 2px;
+ */
+ background: white;
+ line-height: normal;
+ text-align: left;
+ overflow: hidden; }
+
+/* styles for a solid line in the legend */
+.dygraph-legend-line {
+ display: inline-block;
+ position: relative;
+ bottom: .5ex;
+ padding-left: 1em;
+ height: 1px;
+ border-bottom-width: 2px;
+ border-bottom-style: solid;
+ /* border-bottom-color is set based on the series color */ }
+
+/* styles for a dashed line in the legend, e.g. when strokePattern is set */
+.dygraph-legend-dash {
+ display: inline-block;
+ position: relative;
+ bottom: .5ex;
+ height: 1px;
+ border-bottom-width: 2px;
+ border-bottom-style: solid;
+ /* border-bottom-color is set based on the series color */
+ /* margin-right is set based on the stroke pattern */
+ /* padding-left is set based on the stroke pattern */ }
+
+.dygraph-roller {
+ position: absolute;
+ z-index: 10; }
+
+/* This class is shared by all annotations, including those with icons */
+.dygraph-annotation {
+ position: absolute;
+ z-index: 10;
+ overflow: hidden; }
+
+/* This class only applies to annotations without icons */
+/* Old class name: .dygraphDefaultAnnotation */
+.dygraph-default-annotation {
+ border: 1px solid black;
+ background-color: white;
+ text-align: center; }
+
+.dygraph-axis-label {
+ /* position: absolute; */
+ /* font-size: 14px; */
+ z-index: 10;
+ line-height: normal;
+ overflow: hidden;
+ color: black;
+ /* replaces old axisLabelColor option */ }
+
+.dygraph-title {
+ font-weight: bold;
+ z-index: 10;
+ text-align: center;
+ /* font-size: based on titleHeight option */ }
+
+.dygraph-xlabel {
+ text-align: center;
+ /* font-size: based on xLabelHeight option */ }
+
+/* For y-axis label */
+.dygraph-label-rotate-left {
+ text-align: center;
+ /* See http://caniuse.com/#feat=transforms2d */
+ transform: rotate(90deg);
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ -ms-transform: rotate(90deg); }
+
+/* For y2-axis label */
+.dygraph-label-rotate-right {
+ text-align: center;
+ /* See http://caniuse.com/#feat=transforms2d */
+ transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg); }
+
+/*# sourceMappingURL=dygraph.css.map */
diff --git a/public/assets/css/statistics/dygraph/dygraph.css.map b/public/assets/css/statistics/dygraph/dygraph.css.map
new file mode 100644
index 0000000..e838197
--- /dev/null
+++ b/public/assets/css/statistics/dygraph/dygraph.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["dygraph.css"],"names":[],"mappings":"AAAA;;EAEE;AAEF;EACE,kBAAkB;EAClB,eAAe;EACf,WAAW;EACX,YAAY;EAAG,mBAAA;EACf;;;;;GAKC;EACD,iBAAiB;EACjB,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB,EAAA;;AAGlB,0CAAA;AACA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,iBAAiB;EACjB,WAAW;EACX,wBAAwB;EACxB,0BAA0B;EAC1B,yDAAA,EAA0D;;AAG5D,2EAAA;AACA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,wBAAwB;EACxB,0BAA0B;EAC1B,yDAAA;EACA,oDAAA;EACA,oDAAA,EAAqD;;AAGvD;EACE,kBAAkB;EAClB,WAAW,EAAA;;AAGb,wEAAA;AACA;EACE,kBAAkB;EAClB,WAAW;EACX,gBAAgB,EAAA;;AAGlB,yDAAA;AACA,8CAAA;AACA;EACE,uBAAuB;EACvB,uBAAuB;EACvB,kBAAkB,EAAA;;AAGpB;EACE,wBAAA;EACA,qBAAA;EACA,WAAW;EACX,mBAAmB;EACnB,gBAAgB;EAChB,YAAY;EAAG,uCAAA,EAAwC;;AAYzD;EACE,iBAAiB;EACjB,WAAW;EACX,kBAAkB;EAClB,2CAAA,EAA4C;;AAG9C;EACE,kBAAkB;EAClB,4CAAA,EAA6C;;AAG/C,qBAAA;AACA;EACE,kBAAkB;EAClB,8CAAA;EACA,wBAAwB;EACxB,gCAAgC;EAChC,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B,EAAA;;AAG9B,sBAAA;AACA;EACE,kBAAkB;EAClB,8CAAA;EACA,yBAAyB;EACzB,iCAAiC;EACjC,8BAA8B;EAC9B,4BAA4B;EAC5B,6BAA6B,EAAA","file":"dygraph.css","sourcesContent":["/**\n * Default styles for the dygraphs charting library.\n */\n\n.dygraph-legend {\n position: absolute;\n font-size: 14px;\n z-index: 10;\n width: 250px; /* labelsDivWidth */\n /*\n dygraphs determines these based on the presence of chart labels.\n It might make more sense to create a wrapper div around the chart proper.\n top: 0px;\n right: 2px;\n */\n background: white;\n line-height: normal;\n text-align: left;\n overflow: hidden;\n}\n\n/* styles for a solid line in the legend */\n.dygraph-legend-line {\n display: inline-block;\n position: relative;\n bottom: .5ex;\n padding-left: 1em;\n height: 1px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n /* border-bottom-color is set based on the series color */\n}\n\n/* styles for a dashed line in the legend, e.g. when strokePattern is set */\n.dygraph-legend-dash {\n display: inline-block;\n position: relative;\n bottom: .5ex;\n height: 1px;\n border-bottom-width: 2px;\n border-bottom-style: solid;\n /* border-bottom-color is set based on the series color */\n /* margin-right is set based on the stroke pattern */\n /* padding-left is set based on the stroke pattern */\n}\n\n.dygraph-roller {\n position: absolute;\n z-index: 10;\n}\n\n/* This class is shared by all annotations, including those with icons */\n.dygraph-annotation {\n position: absolute;\n z-index: 10;\n overflow: hidden;\n}\n\n/* This class only applies to annotations without icons */\n/* Old class name: .dygraphDefaultAnnotation */\n.dygraph-default-annotation {\n border: 1px solid black;\n background-color: white;\n text-align: center;\n}\n\n.dygraph-axis-label {\n /* position: absolute; */\n /* font-size: 14px; */\n z-index: 10;\n line-height: normal;\n overflow: hidden;\n color: black; /* replaces old axisLabelColor option */\n}\n\n.dygraph-axis-label-x {\n}\n\n.dygraph-axis-label-y {\n}\n\n.dygraph-axis-label-y2 {\n}\n\n.dygraph-title {\n font-weight: bold;\n z-index: 10;\n text-align: center;\n /* font-size: based on titleHeight option */\n}\n\n.dygraph-xlabel {\n text-align: center;\n /* font-size: based on xLabelHeight option */\n}\n\n/* For y-axis label */\n.dygraph-label-rotate-left {\n text-align: center;\n /* See http://caniuse.com/#feat=transforms2d */\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n}\n\n/* For y2-axis label */\n.dygraph-label-rotate-right {\n text-align: center;\n /* See http://caniuse.com/#feat=transforms2d */\n transform: rotate(-90deg);\n -webkit-transform: rotate(-90deg);\n -moz-transform: rotate(-90deg);\n -o-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/theme-demo.css b/public/assets/css/theme-demo.css
new file mode 100644
index 0000000..2183bee
--- /dev/null
+++ b/public/assets/css/theme-demo.css
@@ -0,0 +1,282 @@
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+.app-body-demo {
+ height: 350px;
+ max-width: 550px;
+ margin: 0 auto;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.125); }
+ .app-body-demo .app-nav-demo:not(.app-nav-demo-minify) {
+ width: 20%; }
+ .app-body-demo .app-nav-demo-minify {
+ width: 7%;
+ padding: 3px; }
+ .app-body-demo .app-nav-demo-minify .page-logo {
+ width: auto; }
+ .app-body-demo .app-nav-demo-hidden {
+ width: 10px; }
+ .app-body-demo .app-header-demo {
+ height: 30px; }
+ .app-body-demo .app-nav-demo-top {
+ height: 26px; }
+ .app-body-demo .app-header-btn-demo {
+ width: 26px;
+ height: 18px;
+ border-radius: 2px;
+ padding: 0 !important;
+ font-size: 10px; }
+ .app-body-demo .app-hematite-demo {
+ background: #434a51; }
+ .app-body-demo .app-amethyst-demo {
+ background: #5c4581; }
+ .app-body-demo .app-aquamarine-demo {
+ background: #476f85; }
+ .app-body-demo .app-sapphire-demo {
+ background: #334768; }
+
+#app-eventlog {
+ height: 260px;
+ min-height: 260px;
+ max-height: 300px;
+ overflow: auto;
+ display: block;
+ /*> div:last-child {
+ background:#f9f4b5;
+ }
+
+ > div:nth-last-child(2) {
+ background:#fffde1;
+ }*/ }
+ #app-eventlog > div:not(:last-child) {
+ border-bottom: 1px solid #eaeaea; }
+ #app-eventlog:empty {
+ background: #eee; }
+ #app-eventlog:empty:before {
+ content: "Event Logs";
+ font-size: 28px;
+ font-weight: 300;
+ color: #c7c7c7;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ position: absolute;
+ top: -20px;
+ bottom: 0;
+ left: 0;
+ right: 0; }
+ #app-eventlog .fs-base .badge {
+ font-size: 90% !important;
+ font-weight: 400 !important;
+ background: #a9a9a9;
+ text-align: left;
+ min-width: 50px; }
+
+.prettyprint {
+ overflow: auto;
+ background: #f7f9fa;
+ font-size: 100%;
+ padding: 1rem 1rem !important;
+ border: 0 !important; }
+
+/*# sourceMappingURL=theme-demo.css.map */
diff --git a/public/assets/css/theme-demo.css.map b/public/assets/css/theme-demo.css.map
new file mode 100644
index 0000000..3177e47
--- /dev/null
+++ b/public/assets/css/theme-demo.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["_modules/variables.scss","theme-demo.css"],"names":[],"mappings":"AAAA;4ECC4E;ADC5E,+CAAA;AAQA;;;;;;kFCDkF;ADSlF;4ECP4E;ADa5E;4ECX4E;ADa5E,cAAA;AAYA,kBAAA;AAYA,iBAAA;AAYA,kBAAA;AAYA,cAAA;AAYA,eAAA;AAYA,kBAAA;AA6EA;4ECzJ4E;AD6J5E;4EC3J4E;AD0KR,kGAAA;AACG,2EAAA;AAavE,+BAAA;AAgBA,6BAAA;AACA,wFAAA;AAQA;4EC1M4E;ADmO5E,oCAAA;AAYA,UAAA;AACA,wIAAA;AASA,UAAA;AAIA,aAAA;AAMA,qDAAA;AAGA,mCAAA;AAGA,oBAAA;AAKA,iBAAA;AASA,WAAA;AAEA,UAAA;AAIA,UAAA;AAOA,gBAAA;AAMA,UAAA;AAKA,UAAA;AAKA,eAAA;AAIA,iBAAA;AAUA,aAAA;AAIA,qBAAA;AAKA,WAAA;AASA,cAAA;AASA,oBAAA;AAOA,aAAA;AAcA,aAAA;AAYA,UAAA;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;CCnVC;ADgXD,UAAA;AAuBA,aAAA;AAIA;4ECvY4E;AD+Y5E,6EAAA;AAEiC,WAAA;AACD,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACC,WAAA;AAEjC;4EC/Y4E;ADiZlE,mFAAA;AAOV;4ECrZ4E;ADuZG,mEAAA;AAE/E;4ECtZ4E;AD4Z5E,oEAAA;AAUA;4ECna4E;ADua5E;4ECra4E;ADua5B,0BAAA;AACH,iBAAA;AAG7C;4ECva4E;AD4a5E;4EC1a4E;ADgb5E;4EC9a4E;ADkb5E;4EChb4E;ADmb5E,WAAA;AAOA,WAAA;AAMA,SAAA;AAEoD,6DAAA;AACC,8DAAA;AACC,qDAAA;AAEtD,gCAAA;AAGA,qBAAA;AAC4D,uBAAA;AAO5D,QAAA;AAYA,uBAAA;AASA,UAAA;AAKA,sBAAA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4ECnc4E;ADke5E,oBAAA;AACA,eAAA;AAMA,uBAAA;AAOA,mBAAA;AAOA,kBAAA;AAIA,cAAA;AAIA,cAAA;AAKA,eAAA;AAIA,gCAAA;AAGA,qBAAA;AACA,mCAAA;AAGA,mBAAA;AAQA,2CAAA;AAK6C,kBAAA;AAE7C,gCAAA;AAKyE,+CAAA;AAEzE;4ECnhB4E;ADqhB5E,eAAA;AAIA;4ECthB4E;AD6hB5E;4EC3hB4E;AD+hB5E;4EC7hB4E;AD0iB5E;4ECxiB4E;AD+iB5E;4EC7iB4E;ADqjB5E;4ECnjB4E;AD2jB5E;4ECzjB4E;AD8jB5E,oBAAA;AC/vBA;EACC,aAAY;EACZ,gBAAgB;EAChB,cAAc;EACX,sBAAsB;EACtB,sCAAkC,EAAA;EALtC;IAQE,UAAS,EAAA;EARX;IAYE,SAAS;IACT,YAAW,EAAA;IAbb;MAgBG,WAAU,EAAA;EAhBb;IAqBE,WAAU,EAAA;EArBZ;IAyBE,YAAW,EAAA;EAzBb;IA6BE,YAAW,EAAA;EA7Bb;IAqCE,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,qBAAqB;IACrB,eAAe,EAAA;EAzCjB;IA6CE,mBAAmB,EAAA;EA7CrB;IAiDE,mBAAmB,EAAA;EAjDrB;IAqDE,mBAAmB,EAAA;EArDrB;IAyDE,mBAAmB,EAAA;;AAIrB;EACC,aAAY;EACZ,iBAAgB;EACb,iBAAgB;EACnB,cAAc;EACd,cAAc;EAMd;;;;;;GAyKE,EAnKC;EAjBJ;IAQQ,gCAAgC,EAAA;EARxC;IAoBI,gBAAe,EAAA;IApBnB;MAwBG,qBAAqB;MACrB,eDuZ2B;MCtZ3B,gBAAgB;MAChB,cAAc;MACd,oBAAa;MAAb,oBAAa;MAAb,aAAa;MACb,yBAAmB;UAAnB,sBAAmB;cAAnB,mBAAmB;MACnB,wBAAuB;UAAvB,qBAAuB;cAAvB,uBAAuB;MACvB,kBAAkB;MAClB,UAAU;MACV,SAAS;MACT,OAAO;MACP,QAAQ,EAAA;EAnCX;IA0CG,yBAAyB;IACzB,2BAA2B;IAC3B,mBAAmB;IACnB,gBAAgB;IAChB,eAAe,EAAA;;AAMlB;EACI,cAAa;EACb,mBDgb4B;EC/a5B,eAAe;EACf,6BAAmD;EACnD,oBAAoB,EAAA","file":"theme-demo.css","sourcesContent":["/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","@import \"_modules/variables\";\r\n\r\n.app-body-demo {\r\n\theight:350px;\r\n\tmax-width: 550px;\r\n\tmargin: 0 auto;\r\n background-color: #fff;\r\n border: 1px solid rgba(0,0,0,.125);\r\n\r\n\t.app-nav-demo:not(.app-nav-demo-minify) {\r\n\t\twidth:20%;\r\n\t}\r\n\r\n\t.app-nav-demo-minify {\r\n\t\twidth: 7%;\r\n\t\tpadding:3px;\r\n\r\n\t\t.page-logo {\r\n\t\t\twidth:auto;\r\n\t\t}\r\n\t}\r\n\r\n\t.app-nav-demo-hidden {\r\n\t\twidth:10px;\r\n\t}\r\n\r\n\t.app-header-demo {\r\n\t\theight:30px;\r\n\t}\r\n\r\n\t.app-nav-demo-top {\r\n\t\theight:26px;\r\n\t}\r\n\r\n\t.app-container-demo {\r\n\t\t//background-color: #fff;\r\n\t}\r\n\r\n\t.app-header-btn-demo {\r\n\t\twidth: 26px;\r\n\t\theight: 18px;\r\n\t\tborder-radius: 2px;\r\n\t\tpadding: 0 !important;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.app-hematite-demo {\r\n\t\tbackground: #434a51;\r\n\t}\r\n\r\n\t.app-amethyst-demo {\r\n\t\tbackground: #5c4581;\r\n\t}\r\n\r\n\t.app-aquamarine-demo {\r\n\t\tbackground: #476f85;\r\n\t}\r\n\r\n\t.app-sapphire-demo {\r\n\t\tbackground: #334768;\r\n\t}\r\n}\r\n\r\n#app-eventlog {\r\n\theight:260px;\r\n\tmin-height:260px;\r\n max-height:300px; \r\n\toverflow: auto;\r\n\tdisplay: block;\r\n\r\n > div:not(:last-child) {\r\n border-bottom: 1px solid #eaeaea;\r\n }\r\n\r\n\t/*> div:last-child {\r\n\t\tbackground:#f9f4b5;\r\n\t}\r\n\r\n\t> div:nth-last-child(2) {\r\n\t\tbackground:#fffde1;\r\n\t}*/\r\n\r\n\t&:empty {\r\n\t background:#eee;\r\n\r\n\r\n\t &:before {\r\n\t\t\tcontent: \"Event Logs\";\r\n\t\t\tfont-size: $fs-xxl;\r\n\t\t\tfont-weight: 300;\r\n\t\t\tcolor: #c7c7c7;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -20px;\r\n\t\t\tbottom: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t }\r\n\t}\r\n\r\n\r\n\t.fs-base {\r\n\t\t.badge {\r\n\t\t\tfont-size: 90% !important;\r\n\t\t\tfont-weight: 400 !important;\r\n\t\t\tbackground: #a9a9a9;\r\n\t\t\ttext-align: left;\r\n\t\t\tmin-width: 50px;\r\n\t\t}\r\n\t}\r\n\r\n}\r\n\r\n.prettyprint {\r\n overflow:auto; \r\n background: $frame-border-color; \r\n font-size: 100%;\r\n padding: $panel-spacer-y $panel-spacer-x !important;\r\n border: 0 !important;\r\n}"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-1.css b/public/assets/css/themes/cust-theme-1.css
new file mode 100644
index 0000000..f153d72
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-1.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
+ background-color: #754467; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #ce9dc0 !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #b56a9f !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #b56a9f !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #b56a9f; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid gainsboro;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #b56a9f;
+ background: #c68cb5;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #1d1d1d; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #b56a9f; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #f9ffee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #b56a9f; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(124, 61, 105, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(124, 61, 105, 0.13); } }
+
+.nav-title {
+ color: #a86895; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #b56a9f;
+ box-shadow: inset 3px 0 0 #b56a9f; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #aca6aa; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #d1afc7; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #ab6f9a; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #aca6aa; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(143, 83, 125, 0.8);
+ box-shadow: 0 0 0 1px rgba(143, 83, 125, 0.8);
+ border: 1px solid rgba(143, 83, 125, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #bd7baa; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #c79fbc; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #ab6f9a; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #c139fd; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #aca6aa; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #aca6aa; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #c499b7; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #c139fd;
+ border: 1px solid #505050; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #505050 !important; }
+ .nav-menu-clean li a span {
+ color: #505050 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #9f5c8b; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #1d1d1d; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
+ background-color: #754467;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(124, 61, 105, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(124, 61, 105, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #c68cb5; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #d7aecb; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #ad5994;
+ box-shadow: 0 0 0 1px #ad5994; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(124, 61, 105, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(124, 61, 105, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #c092b2; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #754467; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #8c517a; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #d1afc7; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #8c517a; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #8c517a; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #b56a9f;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #754467; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #754467; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #824b72;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #754467; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #754467; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #505050;
+ border-color: #363636 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #b782a7; }
+
+.nav-function-fixed .nav-footer {
+ background: #754467; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(149, 87, 131, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#754467), color-stop(50%, #a46290), color-stop(50%, #a46290), to(#754467));
+ background: linear-gradient(to right, #754467 0%, #a46290 50%, #a46290 50%, #754467 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #6f4061; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #ab6f9a; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #7f496f; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #aca6aa; } }
+
+.page-content-wrapper {
+ background-color: #fbf8fa; }
+
+.subheader-icon {
+ color: #aca6aa; }
+
+.subheader-title {
+ color: #505050;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #838383; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #b56a9f; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #838383; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #c68cb5; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #b56a9f; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: dimgray;
+ background-color: #f5f1f4;
+ border-color: #dad3d8; }
+
+.alert-success {
+ color: #45a165;
+ background-color: #f7fdf9;
+ border-color: #a3ebbc; }
+
+.alert-danger {
+ color: #a102e7;
+ background-color: #f7e5ff;
+ border-color: #e19efe; }
+
+.alert-warning {
+ color: #79c100;
+ background-color: #f7ffe9;
+ border-color: #c5ff65; }
+
+.alert-info {
+ color: #0aafbd;
+ background-color: #e3fbfd;
+ border-color: #82eff8; }
+
+.alert-secondary {
+ color: #505050;
+ background-color: #fbfbfb;
+ border-color: gainsboro; }
+
+.badge.badge-icon {
+ background-color: #c139fd;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: dimgray;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #b56a9f; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #b56a9f; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #b107fc;
+ background-color: #b920fd;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#b920fd), to(#a102e7));
+ background-image: linear-gradient(to top, #b920fd, #a102e7);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(181, 106, 159, 0.3);
+ box-shadow: 0px 0px 2px rgba(181, 106, 159, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #b56a9f;
+ border-color: #ad5994; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(181, 106, 159, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(181, 106, 159, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #9e4e86; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc958; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(124, 61, 105, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(124, 61, 105, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(47, 36, 44, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(107, 53, 91, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(107, 53, 91, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #c139fd; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(198, 140, 181, 0.7);
+ border-left-color: rgba(181, 106, 159, 0.7);
+ border-right-color: rgba(181, 106, 159, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(181, 106, 159, 0.7) rgba(173, 89, 148, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #d16bfe;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc958; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #b8ff41; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #c139fd; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #ece6ea; }
+ .panel-placeholder:before {
+ background: #ece6ea; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #b56a9f;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #9e4e86; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #505050; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8));
+ background-image: linear-gradient(to top, #fff, #f8f8f8); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: #f9ffee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(29, 29, 29, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7fcfe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3ec9d6, #aa759a); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #505050;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc958; }
+ .status.status-danger:before {
+ background: #c139fd; }
+ .status.status-warning:before {
+ background: #b8ff41; }
+
+/* display frame */
+.frame-heading {
+ color: #a1a1a1; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #767676; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #f8f8f8; }
+
+/* select background */
+::-moz-selection {
+ background: #505050;
+ color: #fff; }
+::selection {
+ background: #505050;
+ color: #fff; }
+
+::-moz-selection {
+ background: #505050;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #fbf8fa; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #b56a9f; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #909090; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #b56a9f; }
+
+.has-length .input-group-text {
+ border-color: #b56a9f; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #b56a9f;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #909090; }
+
+.settings-panel h5 {
+ color: #505050; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #5d5d5d; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #1d1d1d; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #824b72; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #ab6f9a; }
+
+.bg-primary-50 {
+ background-color: #dfbfd6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #d7aecb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #ce9dc0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #c68cb5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #bd7baa;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #b56a9f;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #ad5994;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #9e4e86;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #8d4678;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #7c3d69;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #dfbfd6; }
+
+.color-primary-100 {
+ color: #d7aecb; }
+
+.color-primary-200 {
+ color: #ce9dc0; }
+
+.color-primary-300 {
+ color: #c68cb5; }
+
+.color-primary-400 {
+ color: #bd7baa; }
+
+.color-primary-500 {
+ color: #b56a9f; }
+
+.color-primary-600 {
+ color: #ad5994; }
+
+.color-primary-700 {
+ color: #9e4e86; }
+
+.color-primary-800 {
+ color: #8d4678; }
+
+.color-primary-900 {
+ color: #7c3d69; }
+
+.bg-success-50 {
+ background-color: #7aeca1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e991;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de581;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e272;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21df62;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc958;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab34e;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c44;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13863b;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107031;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aeca1; }
+
+.color-success-100 {
+ color: #63e991; }
+
+.color-success-200 {
+ color: #4de581; }
+
+.color-success-300 {
+ color: #37e272; }
+
+.color-success-400 {
+ color: #21df62; }
+
+.color-success-500 {
+ color: #1dc958; }
+
+.color-success-600 {
+ color: #1ab34e; }
+
+.color-success-700 {
+ color: #179c44; }
+
+.color-success-800 {
+ color: #13863b; }
+
+.color-success-900 {
+ color: #107031; }
+
+.bg-info-50 {
+ background-color: #9af2fa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82eff8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6aebf7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51e8f6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-400 {
+ background-color: #39e5f4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-500 {
+ background-color: #21e2f3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-600 {
+ background-color: #0ddbee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0cc5d5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0aafbd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0998a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9af2fa; }
+
+.color-info-100 {
+ color: #82eff8; }
+
+.color-info-200 {
+ color: #6aebf7; }
+
+.color-info-300 {
+ color: #51e8f6; }
+
+.color-info-400 {
+ color: #39e5f4; }
+
+.color-info-500 {
+ color: #21e2f3; }
+
+.color-info-600 {
+ color: #0ddbee; }
+
+.color-info-700 {
+ color: #0cc5d5; }
+
+.color-info-800 {
+ color: #0aafbd; }
+
+.color-info-900 {
+ color: #0998a5; }
+
+.bg-warning-50 {
+ background-color: #e8ffc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #deffa7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #d5ff8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #cbff74;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #c2ff5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #b8ff41;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #aeff28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #a5ff0e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #99f400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #89da00;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #e8ffc1; }
+
+.color-warning-100 {
+ color: #deffa7; }
+
+.color-warning-200 {
+ color: #d5ff8e; }
+
+.color-warning-300 {
+ color: #cbff74; }
+
+.color-warning-400 {
+ color: #c2ff5b; }
+
+.color-warning-500 {
+ color: #b8ff41; }
+
+.color-warning-600 {
+ color: #aeff28; }
+
+.color-warning-700 {
+ color: #a5ff0e; }
+
+.color-warning-800 {
+ color: #99f400; }
+
+.color-warning-900 {
+ color: #89da00; }
+
+.bg-danger-50 {
+ background-color: #e9b7fe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #e19efe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #d985fe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #d16bfe;
+ color: white; }
+ .bg-danger-300:hover {
+ color: white; }
+
+.bg-danger-400 {
+ background-color: #c952fd;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #c139fd;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #b920fd;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #b107fc;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #a102e7;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #9002ce;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #e9b7fe; }
+
+.color-danger-100 {
+ color: #e19efe; }
+
+.color-danger-200 {
+ color: #d985fe; }
+
+.color-danger-300 {
+ color: #d16bfe; }
+
+.color-danger-400 {
+ color: #c952fd; }
+
+.color-danger-500 {
+ color: #c139fd; }
+
+.color-danger-600 {
+ color: #b920fd; }
+
+.color-danger-700 {
+ color: #b107fc; }
+
+.color-danger-800 {
+ color: #a102e7; }
+
+.color-danger-900 {
+ color: #9002ce; }
+
+.bg-fusion-50 {
+ background-color: #909090;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #838383;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #767676;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: dimgray;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #5d5d5d;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #505050;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #434343;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #363636;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #2a2a2a;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #1d1d1d;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #909090; }
+
+.color-fusion-100 {
+ color: #838383; }
+
+.color-fusion-200 {
+ color: #767676; }
+
+.color-fusion-300 {
+ color: dimgray; }
+
+.color-fusion-400 {
+ color: #5d5d5d; }
+
+.color-fusion-500 {
+ color: #505050; }
+
+.color-fusion-600 {
+ color: #434343; }
+
+.color-fusion-700 {
+ color: #363636; }
+
+.color-fusion-800 {
+ color: #2a2a2a; }
+
+.color-fusion-900 {
+ color: #1d1d1d; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(124, 61, 105, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(144, 2, 206, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 152, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(137, 218, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 49, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #b56a9f;
+ border-color: #b56a9f;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #a6538e;
+ border-color: #9e4e86; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(192, 128, 173, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(192, 128, 173, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #b56a9f;
+ border-color: #b56a9f; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #9e4e86;
+ border-color: #954a7f; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(192, 128, 173, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(192, 128, 173, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a849;
+ border-color: #179c44; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c44;
+ border-color: #159140; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
+
+.btn-info {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #212529;
+ background-color: #0cd0e2;
+ border-color: #0cc5d5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0cc5d5;
+ border-color: #0bbac9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #aaff1b;
+ border-color: #a5ff0e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #a5ff0e;
+ border-color: #a0ff01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #b513fd;
+ border-color: #b107fc; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b107fc;
+ border-color: #aa02f4; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #3d3d3d;
+ border-color: #363636; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #363636;
+ border-color: #303030; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
+
+.btn-outline-primary {
+ color: #b56a9f;
+ border-color: #b56a9f; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #b56a9f;
+ border-color: #b56a9f; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(181, 106, 159, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(181, 106, 159, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #b56a9f;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #b56a9f;
+ border-color: #b56a9f; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(181, 106, 159, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(181, 106, 159, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc958;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
+
+.btn-outline-info {
+ color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:hover {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #21e2f3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #b8ff41;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #c139fd;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #505050;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+
+.border-primary {
+ border-color: #b56a9f !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc958 !important; }
+
+.border-info {
+ border-color: #21e2f3 !important; }
+
+.border-warning {
+ border-color: #b8ff41 !important; }
+
+.border-danger {
+ border-color: #c139fd !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #505050 !important; }
+
+.text-primary {
+ color: #b56a9f !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #8d4678 !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc958 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13863b !important; }
+
+.text-info {
+ color: #21e2f3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0aafbd !important; }
+
+.text-warning {
+ color: #b8ff41 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #99f400 !important; }
+
+.text-danger {
+ color: #c139fd !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #a102e7 !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #505050 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #2a2a2a !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-1 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-1.css.map */
diff --git a/public/assets/css/themes/cust-theme-1.css.map b/public/assets/css/themes/cust-theme-1.css.map
new file mode 100644
index 0000000..32b009a
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-1.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-1.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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B;EyBJ1B,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1Bb0B,EAAA;I0BD5B;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpByB,EAAA;;A0B0B5B,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlD2B;U0BkD3B,gD1BlD2B,EAAA;E0B8C5B;IAOE,mB1BrD0B;I0BsD1B,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtF0B;U0BsF1B,gD1BtF0B,EAAA;;A0ByF1B;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,sD1BrF0B;U0BqF1B,8C1BrF0B,EAAA;;A0BwF1B;EAHA,uD1BpFuB;U0BoFvB,+C1BpFuB,EAAA;;A0BuFvB;EAHA,uD1BnF0B;U0BmF1B,+C1BnF0B,EAAA;;A0BsF1B;EAHA,uD1BlFyB;U0BkFzB,+C1BlFyB,EAAA;;A0BqFzB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qD1BjF6E;U0BiF7E,6C1BjF6E,EAAA;;A0ByF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EA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UmB,EAAA;;AEyUrB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TsB;EEkTxB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUsB,EAAA;;AEwUxB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;EDyNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzOsC;EDwNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF9TqB;EE6SvB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCvOqC;EDsNvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtOsC;EDqNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrOsC;EDoNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpOsC;EDmNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvPuC,EAAA;;ADsPzC;EACE,cCtPuC,EAAA;;ADqPzC;EACE,cCrPuC,EAAA;;ADoPzC;EACE,cCpPuC,EAAA;;ADmPzC;EACE,cCnPsC,EAAA;;ADkPxC;EACE,cFxUqB,EAAA;;AEuUvB;EACE,cCjPqC,EAAA;;ADgPvC;EACE,cChPsC,EAAA;;AD+OxC;EACE,cC/OsC,EAAA;;AD8OxC;EACE,cC9OsC,EAAA;;ADmOxC;EACE,yBCjOuC;EDgNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBChOuC;ED+MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC/NuC;ED8MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9NuC;ED6MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7NsC;ED4MxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF7TyE;EE4S3E,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3NqC;ED0MvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1NsC;EDyMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzNsC;EDwMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCxNsC;EDuMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cC3OuC,EAAA;;AD0OzC;EACE,cC1OuC,EAAA;;ADyOzC;EACE,cCzOuC,EAAA;;ADwOzC;EACE,cCxOuC,EAAA;;ADuOzC;EACE,cCvOsC,EAAA;;ADsOxC;EACE,cFvUyE,EAAA;;AEsU3E;EACE,cCrOqC,EAAA;;ADoOvC;EACE,cCpOsC,EAAA;;ADmOxC;EACE,cCnOsC,EAAA;;ADkOxC;EACE,cClOsC,EAAA;;ADiOxC;EACE,WGvUS,EAAA;;AHsUX;EACE,cyClM+B,EAAA;;AzCkNjC;EAEE,+EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,6EAAyE,EAAA;;AwBrQ7E;EkBrFA,WvCCa;EwCDX,yB7CJwB;E4CM1B,qB5CN0B;EEkIxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5C7BwB;I4C8BxB,qB5C9BwB,EAAA;E4CqC1B;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yBxCOc;EuCLhB,qBvCKgB;EHuHd,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBvClBc;IuCmBd,qBvCnBc,EAAA;EuC0BhB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CHwB;E4CK1B,qB5CL0B;EEiIxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5C5BwB;I4C6BxB,qB5C7BwB,EAAA;E4CoC1B;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB7CFqB;E4CIvB,qB5CJuB;EEgIrB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C3BqB;I4C4BrB,qB5C5BqB,EAAA;E4CmCvB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB7CDwB;E4CG1B,qB5CH0B;EE+HxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C1BwB;I4C2BxB,qB5C3BwB,EAAA;E4CkC1B;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CAuB;E4CEzB,qB5CFyB;EE8HvB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5CzBuB;I4C0BvB,qB5C1BuB,EAAA;E4CiCzB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CC2E;E4CC7E,qB5CD6E;EE6H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5CxB2E;I4CyB3E,qB5CzB2E,EAAA;E4CgC7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3D0B;E4C4D1B,qB5C5D0B,EAAA;E8CU1B;IFqDE,WvC1DW;IuC2DX,yB5ChEwB;I4CiExB,qB5CjEwB,EAAA;E4CoE1B;IAEE,yD5CtEwB;Y4CsExB,iD5CtEwB,EAAA;E4CyE1B;IAEE,c5C3EwB;I4C4ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFwB;I4CoFxB,qB5CpFwB,EAAA;I4CsFxB;;MAKI,yD5C3FoB;c4C2FpB,iD5C3FoB,EAAA;;A+CM1B;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1D0B;E4C2D1B,qB5C3D0B,EAAA;E8CS1B;IFqDE,WvC1DW;IuC2DX,yB5C/DwB;I4CgExB,qB5ChEwB,EAAA;E4CmE1B;IAEE,uD5CrEwB;Y4CqExB,+C5CrEwB,EAAA;E4CwE1B;IAEE,c5C1EwB;I4C2ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5ClFwB;I4CmFxB,qB5CnFwB,EAAA;I4CqFxB;;MAKI,uD5C1FoB;c4C0FpB,+C5C1FoB,EAAA;;A+CK1B;EHqDA,c5CzDuB;E4C0DvB,qB5C1DuB,EAAA;E8CQvB;IFqDE,cvCjDc;IuCkDd,yB5C9DqB;I4C+DrB,qB5C/DqB,EAAA;E4CkEvB;IAEE,wD5CpEqB;Y4CoErB,gD5CpEqB,EAAA;E4CuEvB;IAEE,c5CzEqB;I4C0ErB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CjFqB;I4CkFrB,qB5ClFqB,EAAA;I4CoFrB;;MAKI,wD5CzFiB;c4CyFjB,gD5CzFiB,EAAA;;A+CIvB;EHqDA,c5CxD0B;E4CyD1B,qB5CzD0B,EAAA;E8CO1B;IFqDE,cvCjDc;IuCkDd,yB5C7DwB;I4C8DxB,qB5C9DwB,EAAA;E4CiE1B;IAEE,wD5CnEwB;Y4CmExB,gD5CnEwB,EAAA;E4CsE1B;IAEE,c5CxEwB;I4CyExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFwB;I4CiFxB,qB5CjFwB,EAAA;I4CmFxB;;MAKI,wD5CxFoB;c4CwFpB,gD5CxFoB,EAAA;;A+CG1B;EHqDA,c5CvDyB;E4CwDzB,qB5CxDyB,EAAA;E8CMzB;IFqDE,WvC1DW;IuC2DX,yB5C5DuB;I4C6DvB,qB5C7DuB,EAAA;E4CgEzB;IAEE,wD5ClEuB;Y4CkEvB,gD5ClEuB,EAAA;E4CqEzB;IAEE,c5CvEuB;I4CwEvB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EuB;I4CgFvB,qB5ChFuB,EAAA;I4CkFvB;;MAKI,wD5CvFmB;c4CuFnB,gD5CvFmB,EAAA;;A+CEzB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,c5CtD6E;E4CuD7E,qB5CvD6E,EAAA;E8CK7E;IFqDE,WvC1DW;IuC2DX,yB5C3D2E;I4C4D3E,qB5C5D2E,EAAA;E4C+D7E;IAEE,sD5CjE2E;Y4CiE3E,8C5CjE2E,EAAA;E4CoE7E;IAEE,c5CtE2E;I4CuE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C9E2E;I4C+E3E,qB5C/E2E,EAAA;I4CiF3E;;MAKI,sD5CtFuE;c4CsFvE,8C5CtFuE,EAAA;;A+CQ7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDElF;4EAulE4E;AArlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-1.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary:\t\t\t\t\t\t#b56a9f;\r\n$color-success:\t\t\t\t\t\t#1dc958;\r\n$color-info:\t\t\t\t\t\t#21e2f3;\r\n$color-warning:\t\t\t\t\t\t#b8ff41;\r\n$color-danger:\t\t\t\t\t\t#c139fd;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-1 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-10.css b/public/assets/css/themes/cust-theme-10.css
new file mode 100644
index 0000000..5264019
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-10.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(70, 138, 240, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(70, 138, 240, 0.18), transparent);
+ background-color: #4d504f; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #a0afaa !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #778c85 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #778c85 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #778c85; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #cecece;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #778c85;
+ background: #93a39e;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #b7ffdf;
+ border: 1px solid #04ff92;
+ color: #0f0f0f; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #778c85; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #e4fff3; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #778c85; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(72, 85, 81, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(72, 85, 81, 0.13); } }
+
+.nav-title {
+ color: #787c7a; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #778c85;
+ box-shadow: inset 3px 0 0 #778c85; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #9b9b9b; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #b1b3b2; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #7d8180; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #9b9b9b; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(98, 100, 99, 0.8);
+ box-shadow: 0 0 0 1px rgba(98, 100, 99, 0.8);
+ border: 1px solid rgba(98, 100, 99, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #859891; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #a4a6a6; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #7d8180; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #af37ff; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #9b9b9b; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #9b9b9b; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #9fa1a1; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #af37ff;
+ border: 1px solid #424242; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #424242 !important; }
+ .nav-menu-clean li a span {
+ color: #424242 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #6e7170; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #b7ffdf;
+ border: 1px solid #04ff92;
+ color: #0f0f0f; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(70, 138, 240, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(70, 138, 240, 0.18), transparent);
+ background-color: #4d504f;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(72, 85, 81, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(72, 85, 81, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #93a39e; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #aebbb7; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #6b7f78;
+ box-shadow: 0 0 0 1px #6b7f78; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(72, 85, 81, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(72, 85, 81, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #9a9c9b; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #4d504f; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #5f6261; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #b1b3b2; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #5f6261; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #5f6261; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #778c85;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #4d504f; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #4d504f; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #575a59;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #4d504f; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #4d504f; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #424242;
+ border-color: #282828 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #8d908f; }
+
+.nav-function-fixed .nav-footer {
+ background: #4d504f; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(103, 105, 104, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#4d504f), color-stop(50%, #737675), color-stop(50%, #737675), to(#4d504f));
+ background: linear-gradient(to right, #4d504f 0%, #737675 50%, #737675 50%, #4d504f 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #484a4a; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #7d8180; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #555757; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #9b9b9b; } }
+
+.page-content-wrapper {
+ background-color: #ebecec; }
+
+.subheader-icon {
+ color: #9b9b9b; }
+
+.subheader-title {
+ color: #424242;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #757575; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #778c85; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #757575; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #93a39e; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #778c85; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #5b5b5b;
+ background-color: #e5e5e5;
+ border-color: #c9c9c9; }
+
+.alert-success {
+ color: #93dc5a;
+ background-color: white;
+ border-color: #edfde1; }
+
+.alert-danger {
+ color: #8c00ea;
+ background-color: #f4e4ff;
+ border-color: #d89dff; }
+
+.alert-warning {
+ color: #00b767;
+ background-color: #dffff1;
+ border-color: #5bffb8; }
+
+.alert-info {
+ color: #005dea;
+ background-color: white;
+ border-color: #9dc4ff; }
+
+.alert-secondary {
+ color: #424242;
+ background-color: #ededed;
+ border-color: #cecece; }
+
+.badge.badge-icon {
+ background-color: #af37ff;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #5b5b5b;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #778c85; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #778c85; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #9b04ff;
+ background-color: #a51eff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#a51eff), to(#8c00ea));
+ background-image: linear-gradient(to top, #a51eff, #8c00ea);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(119, 140, 133, 0.3);
+ box-shadow: 0px 0px 2px rgba(119, 140, 133, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #778c85;
+ border-color: #6b7f78; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(119, 140, 133, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(119, 140, 133, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(142, 255, 55, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(142, 255, 55, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(55, 135, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(55, 135, 255, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(55, 255, 168, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(55, 255, 168, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(175, 55, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(175, 55, 255, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(66, 66, 66, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(66, 66, 66, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #5f716b; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #8eff37; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(72, 85, 81, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(72, 85, 81, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(28, 28, 28, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(60, 71, 68, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(60, 71, 68, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #af37ff; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(147, 163, 158, 0.7);
+ border-left-color: rgba(119, 140, 133, 0.7);
+ border-right-color: rgba(119, 140, 133, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(119, 140, 133, 0.7) rgba(107, 127, 120, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #c36aff;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #8eff37; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #37ffa8; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #af37ff; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #dbdbdb; }
+ .panel-placeholder:before {
+ background: #dbdbdb; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #778c85;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #5f716b; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #424242; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#eaeaea));
+ background-image: linear-gradient(to top, #fff, #eaeaea); }
+
+.bg-subtlelight {
+ background-color: #f1f3f2; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f1f3f2));
+ background-image: linear-gradient(to top, #fff, #f1f3f2); }
+
+.bg-highlight {
+ background-color: #e4fff3; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(15, 15, 15, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: white !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #508ce6, #828282); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #424242;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #8eff37; }
+ .status.status-danger:before {
+ background: #af37ff; }
+ .status.status-warning:before {
+ background: #37ffa8; }
+
+/* display frame */
+.frame-heading {
+ color: #939393; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #686868; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #eaeaea; }
+
+/* select background */
+::-moz-selection {
+ background: #424242;
+ color: #fff; }
+::selection {
+ background: #424242;
+ color: #fff; }
+
+::-moz-selection {
+ background: #424242;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #ebecec; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #778c85; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #828282; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #778c85; }
+
+.has-length .input-group-text {
+ border-color: #778c85; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #778c85;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #828282; }
+
+.settings-panel h5 {
+ color: #424242; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #4f4f4f; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #b7ffdf;
+ border: 1px solid #04ff92;
+ color: #0f0f0f; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #575a59; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #7d8180; }
+
+.bg-primary-50 {
+ background-color: #bcc6c3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #aebbb7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #a0afaa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #93a39e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #859891;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #778c85;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #6b7f78;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #5f716b;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #54635e;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #485551;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #bcc6c3; }
+
+.color-primary-100 {
+ color: #aebbb7; }
+
+.color-primary-200 {
+ color: #a0afaa; }
+
+.color-primary-300 {
+ color: #93a39e; }
+
+.color-primary-400 {
+ color: #859891; }
+
+.color-primary-500 {
+ color: #778c85; }
+
+.color-primary-600 {
+ color: #6b7f78; }
+
+.color-primary-700 {
+ color: #5f716b; }
+
+.color-primary-800 {
+ color: #54635e; }
+
+.color-primary-900 {
+ color: #485551; }
+
+.bg-success-50 {
+ background-color: #d6ffb7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #c8ff9d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #b9ff84;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #abff6a;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #9cff51;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #8eff37;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-600 {
+ background-color: #80ff1e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-700 {
+ background-color: #71ff04;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-800 {
+ background-color: #66ea00;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-900 {
+ background-color: #5ad000;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-success-50 {
+ color: #d6ffb7; }
+
+.color-success-100 {
+ color: #c8ff9d; }
+
+.color-success-200 {
+ color: #b9ff84; }
+
+.color-success-300 {
+ color: #abff6a; }
+
+.color-success-400 {
+ color: #9cff51; }
+
+.color-success-500 {
+ color: #8eff37; }
+
+.color-success-600 {
+ color: #80ff1e; }
+
+.color-success-700 {
+ color: #71ff04; }
+
+.color-success-800 {
+ color: #66ea00; }
+
+.color-success-900 {
+ color: #5ad000; }
+
+.bg-info-50 {
+ background-color: #b7d4ff;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #9dc4ff;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #84b5ff;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #6aa6ff;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #5196ff;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #3787ff;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #1e78ff;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0468ff;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #005dea;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0053d0;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #b7d4ff; }
+
+.color-info-100 {
+ color: #9dc4ff; }
+
+.color-info-200 {
+ color: #84b5ff; }
+
+.color-info-300 {
+ color: #6aa6ff; }
+
+.color-info-400 {
+ color: #5196ff; }
+
+.color-info-500 {
+ color: #3787ff; }
+
+.color-info-600 {
+ color: #1e78ff; }
+
+.color-info-700 {
+ color: #0468ff; }
+
+.color-info-800 {
+ color: #005dea; }
+
+.color-info-900 {
+ color: #0053d0; }
+
+.bg-warning-50 {
+ background-color: #b7ffdf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #9dffd4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #84ffc9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #6affbe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #51ffb3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #37ffa8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #1eff9d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #04ff92;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #00ea84;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #00d076;
+ color: white; }
+ .bg-warning-900:hover {
+ color: white; }
+
+.color-warning-50 {
+ color: #b7ffdf; }
+
+.color-warning-100 {
+ color: #9dffd4; }
+
+.color-warning-200 {
+ color: #84ffc9; }
+
+.color-warning-300 {
+ color: #6affbe; }
+
+.color-warning-400 {
+ color: #51ffb3; }
+
+.color-warning-500 {
+ color: #37ffa8; }
+
+.color-warning-600 {
+ color: #1eff9d; }
+
+.color-warning-700 {
+ color: #04ff92; }
+
+.color-warning-800 {
+ color: #00ea84; }
+
+.color-warning-900 {
+ color: #00d076; }
+
+.bg-danger-50 {
+ background-color: #e2b7ff;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #d89dff;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #ce84ff;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #c36aff;
+ color: white; }
+ .bg-danger-300:hover {
+ color: white; }
+
+.bg-danger-400 {
+ background-color: #b951ff;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #af37ff;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #a51eff;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #9b04ff;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #8c00ea;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #7d00d0;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #e2b7ff; }
+
+.color-danger-100 {
+ color: #d89dff; }
+
+.color-danger-200 {
+ color: #ce84ff; }
+
+.color-danger-300 {
+ color: #c36aff; }
+
+.color-danger-400 {
+ color: #b951ff; }
+
+.color-danger-500 {
+ color: #af37ff; }
+
+.color-danger-600 {
+ color: #a51eff; }
+
+.color-danger-700 {
+ color: #9b04ff; }
+
+.color-danger-800 {
+ color: #8c00ea; }
+
+.color-danger-900 {
+ color: #7d00d0; }
+
+.bg-fusion-50 {
+ background-color: #828282;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #757575;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #686868;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #5b5b5b;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #4f4f4f;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #424242;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #353535;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #282828;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #1c1c1c;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #0f0f0f;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #828282; }
+
+.color-fusion-100 {
+ color: #757575; }
+
+.color-fusion-200 {
+ color: #686868; }
+
+.color-fusion-300 {
+ color: #5b5b5b; }
+
+.color-fusion-400 {
+ color: #4f4f4f; }
+
+.color-fusion-500 {
+ color: #424242; }
+
+.color-fusion-600 {
+ color: #353535; }
+
+.color-fusion-700 {
+ color: #282828; }
+
+.color-fusion-800 {
+ color: #1c1c1c; }
+
+.color-fusion-900 {
+ color: #0f0f0f; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(72, 85, 81, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(125, 0, 208, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(0, 83, 208, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(0, 208, 118, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(90, 208, 0, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(15, 15, 15, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #778c85;
+ border-color: #778c85;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #657871;
+ border-color: #5f716b; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(139, 157, 151, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(139, 157, 151, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #778c85;
+ border-color: #778c85; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #5f716b;
+ border-color: #596a64; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(139, 157, 151, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(139, 157, 151, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #212529;
+ background-color: #8eff37;
+ border-color: #8eff37;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #212529;
+ background-color: #78ff11;
+ border-color: #71ff04; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(126, 222, 53, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(126, 222, 53, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #212529;
+ background-color: #8eff37;
+ border-color: #8eff37; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #212529;
+ background-color: #71ff04;
+ border-color: #6bf600; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(126, 222, 53, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(126, 222, 53, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #3787ff;
+ border-color: #3787ff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #1170ff;
+ border-color: #0468ff; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 153, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(85, 153, 255, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #3787ff;
+ border-color: #3787ff; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0468ff;
+ border-color: #0063f6; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 153, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(85, 153, 255, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #37ffa8;
+ border-color: #37ffa8;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #11ff97;
+ border-color: #04ff92; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 222, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(52, 222, 149, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #37ffa8;
+ border-color: #37ffa8; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #04ff92;
+ border-color: #00f68b; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 222, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(52, 222, 149, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #af37ff;
+ border-color: #af37ff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #a011ff;
+ border-color: #9b04ff; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 85, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(187, 85, 255, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #af37ff;
+ border-color: #af37ff; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #9b04ff;
+ border-color: #9400f6; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 85, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(187, 85, 255, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #424242;
+ border-color: #424242;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #2f2f2f;
+ border-color: #282828; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #424242;
+ border-color: #424242; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #282828;
+ border-color: #222222; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(94, 94, 94, 0.5); }
+
+.btn-outline-primary {
+ color: #778c85;
+ border-color: #778c85; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #778c85;
+ border-color: #778c85; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(119, 140, 133, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(119, 140, 133, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #778c85;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #778c85;
+ border-color: #778c85; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(119, 140, 133, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(119, 140, 133, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #8eff37;
+ border-color: #8eff37; }
+ .btn-outline-success:hover {
+ color: #212529;
+ background-color: #8eff37;
+ border-color: #8eff37; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(142, 255, 55, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(142, 255, 55, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #8eff37;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #212529;
+ background-color: #8eff37;
+ border-color: #8eff37; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(142, 255, 55, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(142, 255, 55, 0.5); }
+
+.btn-outline-info {
+ color: #3787ff;
+ border-color: #3787ff; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #3787ff;
+ border-color: #3787ff; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(55, 135, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(55, 135, 255, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #3787ff;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #3787ff;
+ border-color: #3787ff; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(55, 135, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(55, 135, 255, 0.5); }
+
+.btn-outline-warning {
+ color: #37ffa8;
+ border-color: #37ffa8; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #37ffa8;
+ border-color: #37ffa8; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(55, 255, 168, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(55, 255, 168, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #37ffa8;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #37ffa8;
+ border-color: #37ffa8; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(55, 255, 168, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(55, 255, 168, 0.5); }
+
+.btn-outline-danger {
+ color: #af37ff;
+ border-color: #af37ff; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #af37ff;
+ border-color: #af37ff; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(175, 55, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(175, 55, 255, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #af37ff;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #af37ff;
+ border-color: #af37ff; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(175, 55, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(175, 55, 255, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #424242;
+ border-color: #424242; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #424242;
+ border-color: #424242; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #424242;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #424242;
+ border-color: #424242; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5); }
+
+.border-primary {
+ border-color: #778c85 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #8eff37 !important; }
+
+.border-info {
+ border-color: #3787ff !important; }
+
+.border-warning {
+ border-color: #37ffa8 !important; }
+
+.border-danger {
+ border-color: #af37ff !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #424242 !important; }
+
+.text-primary {
+ color: #778c85 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #54635e !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #8eff37 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #66ea00 !important; }
+
+.text-info {
+ color: #3787ff !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #005dea !important; }
+
+.text-warning {
+ color: #37ffa8 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #00ea84 !important; }
+
+.text-danger {
+ color: #af37ff !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #8c00ea !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #424242 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #1c1c1c !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-10 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-10.css.map */
diff --git a/public/assets/css/themes/cust-theme-10.css.map b/public/assets/css/themes/cust-theme-10.css.map
new file mode 100644
index 0000000..4cea58c
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-10.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-10.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlDsB;U0BkDtB,gD1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtFqB;U0BsFrB,gD1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,uD1BrFqB;U0BqFrB,+C1BrFqB,EAAA;;A0BwFrB;EAHA,uD1BpFkB;U0BoFlB,+C1BpFkB,EAAA;;A0BuFlB;EAHA,uD1BnFqB;U0BmFrB,+C1BnFqB,EAAA;;A0BsFrB;EAHA,uD1BlFoB;U0BkFpB,+C1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AA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1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzOsC;EDwNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF9TgB;EE6SlB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCvOqC;EDsNvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtOsC;EDqNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrOsC;EDoNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpOsC;EDmNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvPuC,EAAA;;ADsPzC;EACE,cCtPuC,EAAA;;ADqPzC;EACE,cCrPuC,EAAA;;ADoPzC;EACE,cCpPuC,EAAA;;ADmPzC;EACE,cCnPsC,EAAA;;ADkPxC;EACE,cFxUgB,EAAA;;AEuUlB;EACE,cCjPqC,EAAA;;ADgPvC;EACE,cChPsC,EAAA;;AD+OxC;EACE,cC/OsC,EAAA;;AD8OxC;EACE,cC9OsC,EAAA;;ADmOxC;EACE,yBCjOuC;EDgNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBChOuC;ED+MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC/NuC;ED8MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9NuC;ED6MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7NsC;ED4MxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC5TyE;ED2S3E,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3NqC;ED0MvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1NsC;EDyMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzNsC;EDwMxC,YAA0B,EAAA;EAgB1B;IA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cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,sDAAiF;YAAjF,8CAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,sDAAiF;cAAjF,8CAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,WvC1DW;IuC2DX,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,yD5CtEmB;Y4CsEnB,iD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,yD5C3Fe;c4C2Ff,iD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,cvCjDc;IuCkDd,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,wD5CrEmB;Y4CqEnB,gD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,wD5C1Fe;c4C0Ff,gD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,WvC1DW;IuC2DX,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,wD5CpEgB;Y4CoEhB,gD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,wD5CzFY;c4CyFZ,gD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,wD5CnEmB;Y4CmEnB,gD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,wD5CxFe;c4CwFf,gD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,WvC1DW;IuC2DX,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,wD5ClEkB;Y4CkElB,gD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,wD5CvFc;c4CuFd,gD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-10.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #778c85; \r\n$color-success: #8eff37; \r\n$color-info: #3787ff; \r\n$color-warning: #37ffa8; \r\n$color-danger: #af37ff;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-10 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-11.css b/public/assets/css/themes/cust-theme-11.css
new file mode 100644
index 0000000..a190efd
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-11.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(207, 184, 173, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(207, 184, 173, 0.18), transparent);
+ background-color: #6a734e; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #c3cca7 !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #a2b077 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #a2b077 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #a2b077; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #e0e0e0;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #a2b077;
+ background: #b8c397;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #fefbfe;
+ border: 1px solid #df68c8;
+ color: #212121; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #a2b077; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: white; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #a2b077; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(110, 122, 71, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(110, 122, 71, 0.13); } }
+
+.nav-title {
+ color: #97a275; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #a2b077;
+ box-shadow: inset 3px 0 0 #a2b077; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #adadad; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #cacfb8; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #9ca67b; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #adadad; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(129, 140, 94, 0.8);
+ box-shadow: 0 0 0 1px rgba(129, 140, 94, 0.8);
+ border: 1px solid rgba(129, 140, 94, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #adb987; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #bec5a9; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #9ca67b; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #f88c71; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #adadad; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #adadad; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #bac1a3; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #f88c71;
+ border: 1px solid #545454; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #545454 !important; }
+ .nav-menu-clean li a span {
+ color: #545454 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #8e9a69; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #fefbfe;
+ border: 1px solid #df68c8;
+ color: #212121; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(207, 184, 173, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(207, 184, 173, 0.18), transparent);
+ background-color: #6a734e;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(110, 122, 71, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(110, 122, 71, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #b8c397; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #ced5b8; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #97a767;
+ box-shadow: 0 0 0 1px #97a767; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(110, 122, 71, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(110, 122, 71, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #b5bd9d; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #6a734e; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #7e895c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #cacfb8; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #7e895c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #7e895c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #a2b077;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #6a734e; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #6a734e; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #758056;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #6a734e; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #6a734e; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #545454;
+ border-color: #3a3a3a !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #aab38e; }
+
+.nav-function-fixed .nav-footer {
+ background: #6a734e; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(134, 146, 98, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#6a734e), color-stop(50%, #939e6f), color-stop(50%, #939e6f), to(#6a734e));
+ background: linear-gradient(to right, #6a734e 0%, #939e6f 50%, #939e6f 50%, #6a734e 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #646d4a; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #9ca67b; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #727c54; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #adadad; } }
+
+.page-content-wrapper {
+ background-color: #fefefe; }
+
+.subheader-icon {
+ color: #adadad; }
+
+.subheader-title {
+ color: #545454;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #878787; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #a2b077; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #878787; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #b8c397; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #a2b077; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #6d6d6d;
+ background-color: #f7f8f6;
+ border-color: #dbdbda; }
+
+.alert-success {
+ color: #9cbba3;
+ background-color: white;
+ border-color: white; }
+
+.alert-danger {
+ color: #f45128;
+ background-color: white;
+ border-color: #fddbd2; }
+
+.alert-warning {
+ color: #cf2caf;
+ background-color: white;
+ border-color: #eeafe2; }
+
+.alert-info {
+ color: #c3896d;
+ background-color: white;
+ border-color: #f7efeb; }
+
+.alert-secondary {
+ color: #545454;
+ background-color: white;
+ border-color: #e0e0e0; }
+
+.badge.badge-icon {
+ background-color: #f88c71;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #6d6d6d;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #a2b077; }
+ .btn-switch.active:before {
+ color: rgba(0, 0, 0, 0.8); }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #a2b077; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #f66540;
+ background-color: #f77859;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f77859), to(#f45128));
+ background-image: linear-gradient(to top, #f77859, #f45128);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(162, 176, 119, 0.3);
+ box-shadow: 0px 0px 2px rgba(162, 176, 119, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #a2b077;
+ border-color: #97a767; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(162, 176, 119, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(162, 176, 119, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(127, 216, 148, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(127, 216, 148, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(217, 181, 163, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(217, 181, 163, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(232, 146, 215, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(232, 146, 215, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(248, 140, 113, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(248, 140, 113, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(84, 84, 84, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(84, 84, 84, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #8a9a5a; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #7fd894; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(110, 122, 71, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(110, 122, 71, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(47, 48, 43, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(95, 106, 62, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(95, 106, 62, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #f88c71; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(184, 195, 151, 0.7);
+ border-left-color: rgba(162, 176, 119, 0.7);
+ border-right-color: rgba(162, 176, 119, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(162, 176, 119, 0.7) rgba(151, 167, 103, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #fab3a2;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #7fd894; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #e892d7; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #f88c71; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #edeeec; }
+ .panel-placeholder:before {
+ background: #edeeec; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #a2b077;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #8a9a5a; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #545454; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fcfcfc));
+ background-image: linear-gradient(to top, #fff, #fcfcfc); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: white; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(33, 33, 33, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: white !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #c9bab3, #9da582); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #545454;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #7fd894; }
+ .status.status-danger:before {
+ background: #f88c71; }
+ .status.status-warning:before {
+ background: #e892d7; }
+
+/* display frame */
+.frame-heading {
+ color: #a5a5a5; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #7a7a7a; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #fcfcfc; }
+
+/* select background */
+::-moz-selection {
+ background: #545454;
+ color: #fff; }
+::selection {
+ background: #545454;
+ color: #fff; }
+
+::-moz-selection {
+ background: #545454;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #fefefe; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #a2b077; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #949494; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #a2b077; }
+
+.has-length .input-group-text {
+ border-color: #a2b077; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #a2b077;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #949494; }
+
+.settings-panel h5 {
+ color: #545454; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #616161; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #fefbfe;
+ border: 1px solid #df68c8;
+ color: #212121; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #758056; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #9ca67b; }
+
+.bg-primary-50 {
+ background-color: #d9dfc8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #ced5b8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #c3cca7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #b8c397;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #adb987;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #a2b077;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-600 {
+ background-color: #97a767;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-700 {
+ background-color: #8a9a5a;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #7c8a50;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #6e7a47;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #d9dfc8; }
+
+.color-primary-100 {
+ color: #ced5b8; }
+
+.color-primary-200 {
+ color: #c3cca7; }
+
+.color-primary-300 {
+ color: #b8c397; }
+
+.color-primary-400 {
+ color: #adb987; }
+
+.color-primary-500 {
+ color: #a2b077; }
+
+.color-primary-600 {
+ color: #97a767; }
+
+.color-primary-700 {
+ color: #8a9a5a; }
+
+.color-primary-800 {
+ color: #7c8a50; }
+
+.color-primary-900 {
+ color: #6e7a47; }
+
+.bg-success-50 {
+ background-color: #e1f6e6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #cdf0d5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #baeac5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #a6e4b5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #93dea4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #7fd894;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-600 {
+ background-color: #6bd284;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-700 {
+ background-color: #58cc73;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-800 {
+ background-color: #44c663;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-900 {
+ background-color: #38b957;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #e1f6e6; }
+
+.color-success-100 {
+ color: #cdf0d5; }
+
+.color-success-200 {
+ color: #baeac5; }
+
+.color-success-300 {
+ color: #a6e4b5; }
+
+.color-success-400 {
+ color: #93dea4; }
+
+.color-success-500 {
+ color: #7fd894; }
+
+.color-success-600 {
+ color: #6bd284; }
+
+.color-success-700 {
+ color: #58cc73; }
+
+.color-success-800 {
+ color: #44c663; }
+
+.color-success-900 {
+ color: #38b957; }
+
+.bg-info-50 {
+ background-color: #fefefd;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #f7efeb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #efe1d9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #e8d2c7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-400 {
+ background-color: #e0c4b5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-500 {
+ background-color: #d9b5a3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-600 {
+ background-color: #d2a691;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-700 {
+ background-color: #ca987f;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-800 {
+ background-color: #c3896d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-900 {
+ background-color: #bb7b5b;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #fefefd; }
+
+.color-info-100 {
+ color: #f7efeb; }
+
+.color-info-200 {
+ color: #efe1d9; }
+
+.color-info-300 {
+ color: #e8d2c7; }
+
+.color-info-400 {
+ color: #e0c4b5; }
+
+.color-info-500 {
+ color: #d9b5a3; }
+
+.color-info-600 {
+ color: #d2a691; }
+
+.color-info-700 {
+ color: #ca987f; }
+
+.color-info-800 {
+ color: #c3896d; }
+
+.color-info-900 {
+ color: #bb7b5b; }
+
+.bg-warning-50 {
+ background-color: #fefbfe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #fae6f6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #f5d1ee;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #f1bce6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #eca7df;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #e892d7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #e47dcf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #df68c8;
+ color: white; }
+ .bg-warning-700:hover {
+ color: white; }
+
+.bg-warning-800 {
+ background-color: #db53c0;
+ color: white; }
+ .bg-warning-800:hover {
+ color: white; }
+
+.bg-warning-900 {
+ background-color: #d63eb8;
+ color: white; }
+ .bg-warning-900:hover {
+ color: white; }
+
+.color-warning-50 {
+ color: #fefbfe; }
+
+.color-warning-100 {
+ color: #fae6f6; }
+
+.color-warning-200 {
+ color: #f5d1ee; }
+
+.color-warning-300 {
+ color: #f1bce6; }
+
+.color-warning-400 {
+ color: #eca7df; }
+
+.color-warning-500 {
+ color: #e892d7; }
+
+.color-warning-600 {
+ color: #e47dcf; }
+
+.color-warning-700 {
+ color: #df68c8; }
+
+.color-warning-800 {
+ color: #db53c0; }
+
+.color-warning-900 {
+ color: #d63eb8; }
+
+.bg-danger-50 {
+ background-color: #feeeeb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #fddbd2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #fcc7ba;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #fab3a2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #f9a089;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-500 {
+ background-color: #f88c71;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-600 {
+ background-color: #f77859;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-700 {
+ background-color: #f66540;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #f45128;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #f33d10;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #feeeeb; }
+
+.color-danger-100 {
+ color: #fddbd2; }
+
+.color-danger-200 {
+ color: #fcc7ba; }
+
+.color-danger-300 {
+ color: #fab3a2; }
+
+.color-danger-400 {
+ color: #f9a089; }
+
+.color-danger-500 {
+ color: #f88c71; }
+
+.color-danger-600 {
+ color: #f77859; }
+
+.color-danger-700 {
+ color: #f66540; }
+
+.color-danger-800 {
+ color: #f45128; }
+
+.color-danger-900 {
+ color: #f33d10; }
+
+.bg-fusion-50 {
+ background-color: #949494;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #878787;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #7a7a7a;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #6d6d6d;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #616161;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #545454;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #474747;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #3a3a3a;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #2e2e2e;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #212121;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #949494; }
+
+.color-fusion-100 {
+ color: #878787; }
+
+.color-fusion-200 {
+ color: #7a7a7a; }
+
+.color-fusion-300 {
+ color: #6d6d6d; }
+
+.color-fusion-400 {
+ color: #616161; }
+
+.color-fusion-500 {
+ color: #545454; }
+
+.color-fusion-600 {
+ color: #474747; }
+
+.color-fusion-700 {
+ color: #3a3a3a; }
+
+.color-fusion-800 {
+ color: #2e2e2e; }
+
+.color-fusion-900 {
+ color: #212121; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(110, 122, 71, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(243, 61, 16, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(187, 123, 91, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(214, 62, 184, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(56, 185, 87, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(33, 33, 33, 0.7), transparent); }
+
+.btn-primary {
+ color: #212529;
+ background-color: #a2b077;
+ border-color: #a2b077;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #91a25f;
+ border-color: #8a9a5a; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(143, 155, 107, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(143, 155, 107, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #212529;
+ background-color: #a2b077;
+ border-color: #a2b077; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #8a9a5a;
+ border-color: #839255; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(143, 155, 107, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(143, 155, 107, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #212529;
+ background-color: #7fd894;
+ border-color: #7fd894;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #212529;
+ background-color: #62cf7b;
+ border-color: #58cc73; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 189, 132, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(113, 189, 132, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #212529;
+ background-color: #7fd894;
+ border-color: #7fd894; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #212529;
+ background-color: #58cc73;
+ border-color: #4ec96b; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 189, 132, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(113, 189, 132, 0.5); }
+
+.btn-info {
+ color: #212529;
+ background-color: #d9b5a3;
+ border-color: #d9b5a3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #212529;
+ background-color: #ce9f88;
+ border-color: #ca987f; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 159, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(189, 159, 145, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #212529;
+ background-color: #d9b5a3;
+ border-color: #d9b5a3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #212529;
+ background-color: #ca987f;
+ border-color: #c69176; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(189, 159, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(189, 159, 145, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #e892d7;
+ border-color: #e892d7;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #e172cb;
+ border-color: #df68c8; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 130, 189, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 130, 189, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #e892d7;
+ border-color: #e892d7; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #df68c8;
+ border-color: #dd5dc4; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 130, 189, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 130, 189, 0.5); }
+
+.btn-danger {
+ color: #212529;
+ background-color: #f88c71;
+ border-color: #f88c71;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #f66e4d;
+ border-color: #f66540; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 125, 102, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(216, 125, 102, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #212529;
+ background-color: #f88c71;
+ border-color: #f88c71; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #f66540;
+ border-color: #f55b34; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 125, 102, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(216, 125, 102, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #545454;
+ border-color: #545454;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #414141;
+ border-color: #3a3a3a; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(109, 109, 109, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(109, 109, 109, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #545454;
+ border-color: #545454; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #3a3a3a;
+ border-color: #343434; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(109, 109, 109, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(109, 109, 109, 0.5); }
+
+.btn-outline-primary {
+ color: #a2b077;
+ border-color: #a2b077; }
+ .btn-outline-primary:hover {
+ color: #212529;
+ background-color: #a2b077;
+ border-color: #a2b077; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(162, 176, 119, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(162, 176, 119, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #a2b077;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #212529;
+ background-color: #a2b077;
+ border-color: #a2b077; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(162, 176, 119, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(162, 176, 119, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #7fd894;
+ border-color: #7fd894; }
+ .btn-outline-success:hover {
+ color: #212529;
+ background-color: #7fd894;
+ border-color: #7fd894; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(127, 216, 148, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(127, 216, 148, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #7fd894;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #212529;
+ background-color: #7fd894;
+ border-color: #7fd894; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(127, 216, 148, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(127, 216, 148, 0.5); }
+
+.btn-outline-info {
+ color: #d9b5a3;
+ border-color: #d9b5a3; }
+ .btn-outline-info:hover {
+ color: #212529;
+ background-color: #d9b5a3;
+ border-color: #d9b5a3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 181, 163, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(217, 181, 163, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #d9b5a3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #212529;
+ background-color: #d9b5a3;
+ border-color: #d9b5a3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 181, 163, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(217, 181, 163, 0.5); }
+
+.btn-outline-warning {
+ color: #e892d7;
+ border-color: #e892d7; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #e892d7;
+ border-color: #e892d7; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(232, 146, 215, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(232, 146, 215, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #e892d7;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #e892d7;
+ border-color: #e892d7; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(232, 146, 215, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(232, 146, 215, 0.5); }
+
+.btn-outline-danger {
+ color: #f88c71;
+ border-color: #f88c71; }
+ .btn-outline-danger:hover {
+ color: #212529;
+ background-color: #f88c71;
+ border-color: #f88c71; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 140, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(248, 140, 113, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #f88c71;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #212529;
+ background-color: #f88c71;
+ border-color: #f88c71; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 140, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(248, 140, 113, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #545454;
+ border-color: #545454; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #545454;
+ border-color: #545454; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 84, 84, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(84, 84, 84, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #545454;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #545454;
+ border-color: #545454; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 84, 84, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(84, 84, 84, 0.5); }
+
+.border-primary {
+ border-color: #a2b077 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #7fd894 !important; }
+
+.border-info {
+ border-color: #d9b5a3 !important; }
+
+.border-warning {
+ border-color: #e892d7 !important; }
+
+.border-danger {
+ border-color: #f88c71 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #545454 !important; }
+
+.text-primary {
+ color: #a2b077 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #7c8a50 !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #7fd894 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #44c663 !important; }
+
+.text-info {
+ color: #d9b5a3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #c3896d !important; }
+
+.text-warning {
+ color: #e892d7 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #db53c0 !important; }
+
+.text-danger {
+ color: #f88c71 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #f45128 !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #545454 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #2e2e2e !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-11 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-11.css.map */
diff --git a/public/assets/css/themes/cust-theme-11.css.map b/public/assets/css/themes/cust-theme-11.css.map
new file mode 100644
index 0000000..0590e8e
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-11.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-11.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBsTI,yBAAsB,EAAA;IwBtT1B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlDsB;U0BkDtB,gD1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtFqB;U0BsFrB,gD1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,wD1BrFqB;U0BqFrB,gD1BrFqB,EAAA;;A0BwFrB;EAHA,wD1BpFkB;U0BoFlB,gD1BpFkB,EAAA;;A0BuFlB;EAHA,wD1BnFqB;U0BmFrB,gD1BnFqB,EAAA;;A0BsFrB;EAHA,wD1BlFoB;U0BkFpB,gD1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;A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EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,cvCjDc;IuCkDd,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,yD5CtEmB;Y4CsEnB,iD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,yD5C3Fe;c4C2Ff,iD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,cvCjDc;IuCkDd,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,yD5CrEmB;Y4CqEnB,iD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,yD5C1Fe;c4C0Ff,iD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,cvCjDc;IuCkDd,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,yD5CpEgB;Y4CoEhB,iD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,yD5CzFY;c4CyFZ,iD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,yD5CnEmB;Y4CmEnB,iD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,yD5CxFe;c4CwFf,iD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,cvCjDc;IuCkDd,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,yD5ClEkB;Y4CkElB,iD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,yD5CvFc;c4CuFd,iD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-11.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #a2b077; \r\n$color-success: #7fd894; \r\n$color-info: #d9b5a3; \r\n$color-warning: #e892d7; \r\n$color-danger: #f88c71;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-11 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-12.css b/public/assets/css/themes/cust-theme-12.css
new file mode 100644
index 0000000..9b7ff31
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-12.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
+ background-color: #4e4c77; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #a9a7ce !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #7976b3 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #7976b3 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #7976b3; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #e1e1e1;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #7976b3;
+ background: #9997c5;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #222222; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #7976b3; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #f9ffee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #7976b3; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(72, 70, 125, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(72, 70, 125, 0.13); } }
+
+.nav-title {
+ color: #7774a6; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #7976b3;
+ box-shadow: inset 3px 0 0 #7976b3; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #aeaeae; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #bab8d2; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #7d7aaa; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #aeaeae; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(95, 92, 143, 0.8);
+ box-shadow: 0 0 0 1px rgba(95, 92, 143, 0.8);
+ border: 1px solid rgba(95, 92, 143, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #8986bc; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #aaa9c8; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #7d7aaa; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #c139fd; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #aeaeae; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #aeaeae; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #a4a3c4; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #c139fd;
+ border: 1px solid #555555; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #555555 !important; }
+ .nav-menu-clean li a span {
+ color: #555555 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #6a689e; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #222222; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
+ background-color: #4e4c77;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #9997c5; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #b9b8d7; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #6966aa;
+ box-shadow: 0 0 0 1px #6966aa; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #9e9cc0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #4e4c77; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #5d5a8c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #bab8d2; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #5d5a8c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #5d5a8c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #7976b3;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #4e4c77; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #4e4c77; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #575483;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #4e4c77; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #4e4c77; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #555555;
+ border-color: #3b3b3b !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #8f8db6; }
+
+.nav-function-fixed .nav-footer {
+ background: #4e4c77; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(99, 96, 150, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#4e4c77), color-stop(50%, #706ea2), color-stop(50%, #706ea2), to(#4e4c77));
+ background: linear-gradient(to right, #4e4c77 0%, #706ea2 50%, #706ea2 50%, #4e4c77 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #4a4870; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #7d7aaa; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #555280; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #aeaeae; } }
+
+.page-content-wrapper {
+ background-color: white; }
+
+.subheader-icon {
+ color: #aeaeae; }
+
+.subheader-title {
+ color: #555555;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #888888; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #7976b3; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #888888; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #9997c5; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #7976b3; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #6e6e6e;
+ background-color: #f7f7f9;
+ border-color: #dbdbdd; }
+
+.alert-success {
+ color: #45a165;
+ background-color: #f7fdf9;
+ border-color: #a3ebbc; }
+
+.alert-danger {
+ color: #a102e7;
+ background-color: #f7e5ff;
+ border-color: #e19efe; }
+
+.alert-warning {
+ color: #79c100;
+ background-color: #f7ffe9;
+ border-color: #c5ff65; }
+
+.alert-info {
+ color: #0aafbd;
+ background-color: #e3fbfd;
+ border-color: #82eff8; }
+
+.alert-secondary {
+ color: #555555;
+ background-color: white;
+ border-color: #e1e1e1; }
+
+.badge.badge-icon {
+ background-color: #c139fd;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #6e6e6e;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #7976b3; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #7976b3; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #b107fc;
+ background-color: #b920fd;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#b920fd), to(#a102e7));
+ background-image: linear-gradient(to top, #b920fd, #a102e7);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(121, 118, 179, 0.3);
+ box-shadow: 0px 0px 2px rgba(121, 118, 179, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #7976b3;
+ border-color: #6966aa; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(121, 118, 179, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(121, 118, 179, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(85, 85, 85, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(85, 85, 85, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #5b589e; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc958; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(72, 70, 125, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(72, 70, 125, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(43, 42, 51, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(63, 60, 109, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(63, 60, 109, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #c139fd; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(153, 151, 197, 0.7);
+ border-left-color: rgba(121, 118, 179, 0.7);
+ border-right-color: rgba(121, 118, 179, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(121, 118, 179, 0.7) rgba(105, 102, 170, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #d16bfe;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc958; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #b8ff41; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #c139fd; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #ececef; }
+ .panel-placeholder:before {
+ background: #ececef; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #7976b3;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #5b589e; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #555555; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fdfdfd));
+ background-image: linear-gradient(to top, #fff, #fdfdfd); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: #f9ffee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(34, 34, 34, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7fcfe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3ec9d6, #8381a8); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #555555;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc958; }
+ .status.status-danger:before {
+ background: #c139fd; }
+ .status.status-warning:before {
+ background: #b8ff41; }
+
+/* display frame */
+.frame-heading {
+ color: #a6a6a6; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #7b7b7b; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #fdfdfd; }
+
+/* select background */
+::-moz-selection {
+ background: #555555;
+ color: #fff; }
+::selection {
+ background: #555555;
+ color: #fff; }
+
+::-moz-selection {
+ background: #555555;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: white; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #7976b3; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #959595; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #7976b3; }
+
+.has-length .input-group-text {
+ border-color: #7976b3; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #7976b3;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #959595; }
+
+.settings-panel h5 {
+ color: #555555; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #626262; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #222222; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #575483; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #7d7aaa; }
+
+.bg-primary-50 {
+ background-color: #c9c8e0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #b9b8d7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #a9a7ce;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #9997c5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #8986bc;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #7976b3;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #6966aa;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #5b589e;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #524f8e;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #48467d;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #c9c8e0; }
+
+.color-primary-100 {
+ color: #b9b8d7; }
+
+.color-primary-200 {
+ color: #a9a7ce; }
+
+.color-primary-300 {
+ color: #9997c5; }
+
+.color-primary-400 {
+ color: #8986bc; }
+
+.color-primary-500 {
+ color: #7976b3; }
+
+.color-primary-600 {
+ color: #6966aa; }
+
+.color-primary-700 {
+ color: #5b589e; }
+
+.color-primary-800 {
+ color: #524f8e; }
+
+.color-primary-900 {
+ color: #48467d; }
+
+.bg-success-50 {
+ background-color: #7aeca1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e991;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de581;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e272;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21df62;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc958;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab34e;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c44;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13863b;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107031;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aeca1; }
+
+.color-success-100 {
+ color: #63e991; }
+
+.color-success-200 {
+ color: #4de581; }
+
+.color-success-300 {
+ color: #37e272; }
+
+.color-success-400 {
+ color: #21df62; }
+
+.color-success-500 {
+ color: #1dc958; }
+
+.color-success-600 {
+ color: #1ab34e; }
+
+.color-success-700 {
+ color: #179c44; }
+
+.color-success-800 {
+ color: #13863b; }
+
+.color-success-900 {
+ color: #107031; }
+
+.bg-info-50 {
+ background-color: #9af2fa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82eff8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6aebf7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51e8f6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-400 {
+ background-color: #39e5f4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-500 {
+ background-color: #21e2f3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-600 {
+ background-color: #0ddbee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0cc5d5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0aafbd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0998a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9af2fa; }
+
+.color-info-100 {
+ color: #82eff8; }
+
+.color-info-200 {
+ color: #6aebf7; }
+
+.color-info-300 {
+ color: #51e8f6; }
+
+.color-info-400 {
+ color: #39e5f4; }
+
+.color-info-500 {
+ color: #21e2f3; }
+
+.color-info-600 {
+ color: #0ddbee; }
+
+.color-info-700 {
+ color: #0cc5d5; }
+
+.color-info-800 {
+ color: #0aafbd; }
+
+.color-info-900 {
+ color: #0998a5; }
+
+.bg-warning-50 {
+ background-color: #e8ffc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #deffa7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #d5ff8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #cbff74;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #c2ff5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #b8ff41;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #aeff28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #a5ff0e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #99f400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #89da00;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #e8ffc1; }
+
+.color-warning-100 {
+ color: #deffa7; }
+
+.color-warning-200 {
+ color: #d5ff8e; }
+
+.color-warning-300 {
+ color: #cbff74; }
+
+.color-warning-400 {
+ color: #c2ff5b; }
+
+.color-warning-500 {
+ color: #b8ff41; }
+
+.color-warning-600 {
+ color: #aeff28; }
+
+.color-warning-700 {
+ color: #a5ff0e; }
+
+.color-warning-800 {
+ color: #99f400; }
+
+.color-warning-900 {
+ color: #89da00; }
+
+.bg-danger-50 {
+ background-color: #e9b7fe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #e19efe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #d985fe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #d16bfe;
+ color: white; }
+ .bg-danger-300:hover {
+ color: white; }
+
+.bg-danger-400 {
+ background-color: #c952fd;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #c139fd;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #b920fd;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #b107fc;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #a102e7;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #9002ce;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #e9b7fe; }
+
+.color-danger-100 {
+ color: #e19efe; }
+
+.color-danger-200 {
+ color: #d985fe; }
+
+.color-danger-300 {
+ color: #d16bfe; }
+
+.color-danger-400 {
+ color: #c952fd; }
+
+.color-danger-500 {
+ color: #c139fd; }
+
+.color-danger-600 {
+ color: #b920fd; }
+
+.color-danger-700 {
+ color: #b107fc; }
+
+.color-danger-800 {
+ color: #a102e7; }
+
+.color-danger-900 {
+ color: #9002ce; }
+
+.bg-fusion-50 {
+ background-color: #959595;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #888888;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #7b7b7b;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #6e6e6e;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #626262;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #555555;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #484848;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #3b3b3b;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #2f2f2f;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #222222;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #959595; }
+
+.color-fusion-100 {
+ color: #888888; }
+
+.color-fusion-200 {
+ color: #7b7b7b; }
+
+.color-fusion-300 {
+ color: #6e6e6e; }
+
+.color-fusion-400 {
+ color: #626262; }
+
+.color-fusion-500 {
+ color: #555555; }
+
+.color-fusion-600 {
+ color: #484848; }
+
+.color-fusion-700 {
+ color: #3b3b3b; }
+
+.color-fusion-800 {
+ color: #2f2f2f; }
+
+.color-fusion-900 {
+ color: #222222; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(72, 70, 125, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(144, 2, 206, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 152, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(137, 218, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 49, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(34, 34, 34, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #7976b3;
+ border-color: #7976b3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #615da5;
+ border-color: #5b589e; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #7976b3;
+ border-color: #7976b3; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #5b589e;
+ border-color: #575396; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a849;
+ border-color: #179c44; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c44;
+ border-color: #159140; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
+
+.btn-info {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #212529;
+ background-color: #0cd0e2;
+ border-color: #0cc5d5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0cc5d5;
+ border-color: #0bbac9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #aaff1b;
+ border-color: #a5ff0e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #a5ff0e;
+ border-color: #a0ff01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #b513fd;
+ border-color: #b107fc; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b107fc;
+ border-color: #aa02f4; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #555555;
+ border-color: #555555;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #424242;
+ border-color: #3b3b3b; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #555555;
+ border-color: #555555; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #3b3b3b;
+ border-color: #353535; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5); }
+
+.btn-outline-primary {
+ color: #7976b3;
+ border-color: #7976b3; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #7976b3;
+ border-color: #7976b3; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #7976b3;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #7976b3;
+ border-color: #7976b3; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc958;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
+
+.btn-outline-info {
+ color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:hover {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #21e2f3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #b8ff41;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #c139fd;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #555555;
+ border-color: #555555; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #555555;
+ border-color: #555555; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #555555;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #555555;
+ border-color: #555555; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
+
+.border-primary {
+ border-color: #7976b3 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc958 !important; }
+
+.border-info {
+ border-color: #21e2f3 !important; }
+
+.border-warning {
+ border-color: #b8ff41 !important; }
+
+.border-danger {
+ border-color: #c139fd !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #555555 !important; }
+
+.text-primary {
+ color: #7976b3 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #524f8e !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc958 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13863b !important; }
+
+.text-info {
+ color: #21e2f3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0aafbd !important; }
+
+.text-warning {
+ color: #b8ff41 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #99f400 !important; }
+
+.text-danger {
+ color: #c139fd !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #a102e7 !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #555555 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #2f2f2f !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-12 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-12.css.map */
diff --git a/public/assets/css/themes/cust-theme-12.css.map b/public/assets/css/themes/cust-theme-12.css.map
new file mode 100644
index 0000000..80efe5c
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-12.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-12.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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B;EyBJ1B,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1Bb0B,EAAA;I0BD5B;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpByB,EAAA;;A0B0B5B,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlD2B;U0BkD3B,gD1BlD2B,EAAA;E0B8C5B;IAOE,mB1BrD0B;I0BsD1B,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtF0B;U0BsF1B,gD1BtF0B,EAAA;;A0ByF1B;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,sD1BrF0B;U0BqF1B,8C1BrF0B,EAAA;;A0BwF1B;EAHA,uD1BpFuB;U0BoFvB,+C1BpFuB,EAAA;;A0BuFvB;EAHA,uD1BnF0B;U0BmF1B,+C1BnF0B,EAAA;;A0BsF1B;EAHA,uD1BlFyB;U0BkFzB,+C1BlFyB,EAAA;;A0BqFzB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qD1BjF6E;U0BiF7E,6C1BjF6E,EAAA;;A0ByF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EA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UmB,EAAA;;AEyUrB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TsB;EEkTxB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUsB,EAAA;;AEwUxB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;EDyNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzOsC;EDwNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF9TqB;EE6SvB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCvOqC;EDsNvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtOsC;EDqNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrOsC;EDoNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpOsC;EDmNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvPuC,EAAA;;ADsPzC;EACE,cCtPuC,EAAA;;ADqPzC;EACE,cCrPuC,EAAA;;ADoPzC;EACE,cCpPuC,EAAA;;ADmPzC;EACE,cCnPsC,EAAA;;ADkPxC;EACE,cFxUqB,EAAA;;AEuUvB;EACE,cCjPqC,EAAA;;ADgPvC;EACE,cChPsC,EAAA;;AD+OxC;EACE,cC/OsC,EAAA;;AD8OxC;EACE,cC9OsC,EAAA;;ADmOxC;EACE,yBCjOuC;EDgNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBChOuC;ED+MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC/NuC;ED8MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9NuC;ED6MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7NsC;ED4MxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF7TyE;EE4S3E,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3NqC;ED0MvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1NsC;EDyMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzNsC;EDwMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCxNsC;EDuMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cC3OuC,EAAA;;AD0OzC;EACE,cC1OuC,EAAA;;ADyOzC;EACE,cCzOuC,EAAA;;ADwOzC;EACE,cCxOuC,EAAA;;ADuOzC;EACE,cCvOsC,EAAA;;ADsOxC;EACE,cFvUyE,EAAA;;AEsU3E;EACE,cCrOqC,EAAA;;ADoOvC;EACE,cCpOsC,EAAA;;ADmOxC;EACE,cCnOsC,EAAA;;ADkOxC;EACE,cClOsC,EAAA;;ADiOxC;EACE,WGvUS,EAAA;;AHsUX;EACE,cyClM+B,EAAA;;AzCkNjC;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,6EAAyE,EAAA;;AwBrQ7E;EkBrFA,WvCCa;EwCDX,yB7CJwB;E4CM1B,qB5CN0B;EEkIxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5C7BwB;I4C8BxB,qB5C9BwB,EAAA;E4CqC1B;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yBxCOc;EuCLhB,qBvCKgB;EHuHd,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBvClBc;IuCmBd,qBvCnBc,EAAA;EuC0BhB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CHwB;E4CK1B,qB5CL0B;EEiIxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5C5BwB;I4C6BxB,qB5C7BwB,EAAA;E4CoC1B;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB7CFqB;E4CIvB,qB5CJuB;EEgIrB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C3BqB;I4C4BrB,qB5C5BqB,EAAA;E4CmCvB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB7CDwB;E4CG1B,qB5CH0B;EE+HxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C1BwB;I4C2BxB,qB5C3BwB,EAAA;E4CkC1B;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CAuB;E4CEzB,qB5CFyB;EE8HvB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5CzBuB;I4C0BvB,qB5C1BuB,EAAA;E4CiCzB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CC2E;E4CC7E,qB5CD6E;EE6H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5CxB2E;I4CyB3E,qB5CzB2E,EAAA;E4CgC7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3D0B;E4C4D1B,qB5C5D0B,EAAA;E8CU1B;IFqDE,WvC1DW;IuC2DX,yB5ChEwB;I4CiExB,qB5CjEwB,EAAA;E4CoE1B;IAEE,yD5CtEwB;Y4CsExB,iD5CtEwB,EAAA;E4CyE1B;IAEE,c5C3EwB;I4C4ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFwB;I4CoFxB,qB5CpFwB,EAAA;I4CsFxB;;MAKI,yD5C3FoB;c4C2FpB,iD5C3FoB,EAAA;;A+CM1B;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1D0B;E4C2D1B,qB5C3D0B,EAAA;E8CS1B;IFqDE,WvC1DW;IuC2DX,yB5C/DwB;I4CgExB,qB5ChEwB,EAAA;E4CmE1B;IAEE,uD5CrEwB;Y4CqExB,+C5CrEwB,EAAA;E4CwE1B;IAEE,c5C1EwB;I4C2ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5ClFwB;I4CmFxB,qB5CnFwB,EAAA;I4CqFxB;;MAKI,uD5C1FoB;c4C0FpB,+C5C1FoB,EAAA;;A+CK1B;EHqDA,c5CzDuB;E4C0DvB,qB5C1DuB,EAAA;E8CQvB;IFqDE,cvCjDc;IuCkDd,yB5C9DqB;I4C+DrB,qB5C/DqB,EAAA;E4CkEvB;IAEE,wD5CpEqB;Y4CoErB,gD5CpEqB,EAAA;E4CuEvB;IAEE,c5CzEqB;I4C0ErB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CjFqB;I4CkFrB,qB5ClFqB,EAAA;I4CoFrB;;MAKI,wD5CzFiB;c4CyFjB,gD5CzFiB,EAAA;;A+CIvB;EHqDA,c5CxD0B;E4CyD1B,qB5CzD0B,EAAA;E8CO1B;IFqDE,cvCjDc;IuCkDd,yB5C7DwB;I4C8DxB,qB5C9DwB,EAAA;E4CiE1B;IAEE,wD5CnEwB;Y4CmExB,gD5CnEwB,EAAA;E4CsE1B;IAEE,c5CxEwB;I4CyExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFwB;I4CiFxB,qB5CjFwB,EAAA;I4CmFxB;;MAKI,wD5CxFoB;c4CwFpB,gD5CxFoB,EAAA;;A+CG1B;EHqDA,c5CvDyB;E4CwDzB,qB5CxDyB,EAAA;E8CMzB;IFqDE,WvC1DW;IuC2DX,yB5C5DuB;I4C6DvB,qB5C7DuB,EAAA;E4CgEzB;IAEE,wD5ClEuB;Y4CkEvB,gD5ClEuB,EAAA;E4CqEzB;IAEE,c5CvEuB;I4CwEvB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EuB;I4CgFvB,qB5ChFuB,EAAA;I4CkFvB;;MAKI,wD5CvFmB;c4CuFnB,gD5CvFmB,EAAA;;A+CEzB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,c5CtD6E;E4CuD7E,qB5CvD6E,EAAA;E8CK7E;IFqDE,WvC1DW;IuC2DX,yB5C3D2E;I4C4D3E,qB5C5D2E,EAAA;E4C+D7E;IAEE,sD5CjE2E;Y4CiE3E,8C5CjE2E,EAAA;E4CoE7E;IAEE,c5CtE2E;I4CuE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C9E2E;I4C+E3E,qB5C/E2E,EAAA;I4CiF3E;;MAKI,sD5CtFuE;c4CsFvE,8C5CtFuE,EAAA;;A+CQ7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDElF;4EAulE4E;AArlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-12.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary:\t\t\t\t\t\t#7976b3;\r\n$color-success:\t\t\t\t\t\t#1dc958;\r\n$color-info:\t\t\t\t\t\t#21e2f3;\r\n$color-warning:\t\t\t\t\t\t#b8ff41;\r\n$color-danger:\t\t\t\t\t\t#c139fd;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-12 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-13.css b/public/assets/css/themes/cust-theme-13.css
new file mode 100644
index 0000000..9222cd6
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-13.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
+ background-color: #318c38; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #90df97 !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #55ce5f !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #55ce5f !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #55ce5f; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #dedede;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #55ce5f;
+ background: #7dd984;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #1f1f1f; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #55ce5f; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #f9ffee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #55ce5f; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(42, 147, 51, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(42, 147, 51, 0.13); } }
+
+.nav-title {
+ color: #51c25b; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #55ce5f;
+ box-shadow: inset 3px 0 0 #55ce5f; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #96c099; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #a4dfa9; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #59c562; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #96c099; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(59, 170, 69, 0.8);
+ box-shadow: 0 0 0 1px rgba(59, 170, 69, 0.8);
+ border: 1px solid rgba(59, 170, 69, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #69d472; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #92d997; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #59c562; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #c139fd; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #96c099; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #96c099; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #8ad690; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #c139fd;
+ border: 1px solid #525252; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #525252 !important; }
+ .nav-menu-clean li a span {
+ color: #525252 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #42bd4c; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #1f1f1f; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
+ background-color: #318c38;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(42, 147, 51, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(42, 147, 51, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #7dd984; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #a4e5aa; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #41c84c;
+ box-shadow: 0 0 0 1px #41c84c; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(42, 147, 51, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(42, 147, 51, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #82d489; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #318c38; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #3aa743; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #a4dfa9; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #3aa743; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #3aa743; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #55ce5f;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #318c38; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #318c38; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #369b3f;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #318c38; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #318c38; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #525252;
+ border-color: #383838 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #70cd77; }
+
+.nav-function-fixed .nav-footer {
+ background: #318c38; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(62, 178, 72, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#318c38), color-stop(50%, #4ac054), color-stop(50%, #4ac054), to(#318c38));
+ background: linear-gradient(to right, #318c38 0%, #4ac054 50%, #4ac054 50%, #318c38 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #2e8535; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #59c562; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #35973d; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #96c099; } }
+
+.page-content-wrapper {
+ background-color: #fafdfb; }
+
+.subheader-icon {
+ color: #96c099; }
+
+.subheader-title {
+ color: #525252;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #858585; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #55ce5f; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #858585; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #7dd984; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #55ce5f; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #607662;
+ background-color: #f1f9f2;
+ border-color: #cde4cf; }
+
+.alert-success {
+ color: #45a165;
+ background-color: #f7fdf9;
+ border-color: #a3ebbc; }
+
+.alert-danger {
+ color: #a102e7;
+ background-color: #f7e5ff;
+ border-color: #e19efe; }
+
+.alert-warning {
+ color: #79c100;
+ background-color: #f7ffe9;
+ border-color: #c5ff65; }
+
+.alert-info {
+ color: #0aafbd;
+ background-color: #e3fbfd;
+ border-color: #82eff8; }
+
+.alert-secondary {
+ color: #525252;
+ background-color: #fdfdfd;
+ border-color: #dedede; }
+
+.badge.badge-icon {
+ background-color: #c139fd;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #6b6b6b;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #55ce5f; }
+ .btn-switch.active:before {
+ color: rgba(0, 0, 0, 0.8); }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #55ce5f; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #b107fc;
+ background-color: #b920fd;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#b920fd), to(#a102e7));
+ background-image: linear-gradient(to top, #b920fd, #a102e7);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(85, 206, 95, 0.3);
+ box-shadow: 0px 0px 2px rgba(85, 206, 95, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #55ce5f;
+ border-color: #41c84c; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(85, 206, 95, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(85, 206, 95, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(82, 82, 82, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(82, 82, 82, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #36ba41; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc958; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(42, 147, 51, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(42, 147, 51, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(28, 59, 31, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(37, 127, 44, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(37, 127, 44, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #c139fd; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(125, 217, 132, 0.7);
+ border-left-color: rgba(85, 206, 95, 0.7);
+ border-right-color: rgba(85, 206, 95, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(85, 206, 95, 0.7) rgba(65, 200, 76, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #d16bfe;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc958; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #b8ff41; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #c139fd; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #e4f2e5; }
+ .panel-placeholder:before {
+ background: #e4f2e5; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #55ce5f;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #36ba41; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #525252; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fafafa));
+ background-image: linear-gradient(to top, #fff, #fafafa); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: #f9ffee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(31, 31, 31, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7fcfe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3ec9d6, #60c368); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #525252;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc958; }
+ .status.status-danger:before {
+ background: #c139fd; }
+ .status.status-warning:before {
+ background: #b8ff41; }
+
+/* display frame */
+.frame-heading {
+ color: #a3a3a3; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #787878; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #fafafa; }
+
+/* select background */
+::-moz-selection {
+ background: #525252;
+ color: #fff; }
+::selection {
+ background: #525252;
+ color: #fff; }
+
+::-moz-selection {
+ background: #525252;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #fafdfb; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #55ce5f; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #929292; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #55ce5f; }
+
+.has-length .input-group-text {
+ border-color: #55ce5f; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #55ce5f;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #929292; }
+
+.settings-panel h5 {
+ color: #525252; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #5f5f5f; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #e8ffc1;
+ border: 1px solid #a5ff0e;
+ color: #1f1f1f; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #369b3f; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #59c562; }
+
+.bg-primary-50 {
+ background-color: #b8ebbc;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #a4e5aa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #90df97;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #7dd984;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #69d472;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #55ce5f;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-600 {
+ background-color: #41c84c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-700 {
+ background-color: #36ba41;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #30a73a;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #2a9333;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #b8ebbc; }
+
+.color-primary-100 {
+ color: #a4e5aa; }
+
+.color-primary-200 {
+ color: #90df97; }
+
+.color-primary-300 {
+ color: #7dd984; }
+
+.color-primary-400 {
+ color: #69d472; }
+
+.color-primary-500 {
+ color: #55ce5f; }
+
+.color-primary-600 {
+ color: #41c84c; }
+
+.color-primary-700 {
+ color: #36ba41; }
+
+.color-primary-800 {
+ color: #30a73a; }
+
+.color-primary-900 {
+ color: #2a9333; }
+
+.bg-success-50 {
+ background-color: #7aeca1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e991;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de581;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e272;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21df62;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc958;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab34e;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c44;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13863b;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107031;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aeca1; }
+
+.color-success-100 {
+ color: #63e991; }
+
+.color-success-200 {
+ color: #4de581; }
+
+.color-success-300 {
+ color: #37e272; }
+
+.color-success-400 {
+ color: #21df62; }
+
+.color-success-500 {
+ color: #1dc958; }
+
+.color-success-600 {
+ color: #1ab34e; }
+
+.color-success-700 {
+ color: #179c44; }
+
+.color-success-800 {
+ color: #13863b; }
+
+.color-success-900 {
+ color: #107031; }
+
+.bg-info-50 {
+ background-color: #9af2fa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82eff8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6aebf7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51e8f6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-400 {
+ background-color: #39e5f4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-500 {
+ background-color: #21e2f3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-600 {
+ background-color: #0ddbee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0cc5d5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0aafbd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0998a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9af2fa; }
+
+.color-info-100 {
+ color: #82eff8; }
+
+.color-info-200 {
+ color: #6aebf7; }
+
+.color-info-300 {
+ color: #51e8f6; }
+
+.color-info-400 {
+ color: #39e5f4; }
+
+.color-info-500 {
+ color: #21e2f3; }
+
+.color-info-600 {
+ color: #0ddbee; }
+
+.color-info-700 {
+ color: #0cc5d5; }
+
+.color-info-800 {
+ color: #0aafbd; }
+
+.color-info-900 {
+ color: #0998a5; }
+
+.bg-warning-50 {
+ background-color: #e8ffc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #deffa7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #d5ff8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #cbff74;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #c2ff5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #b8ff41;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #aeff28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #a5ff0e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #99f400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #89da00;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #e8ffc1; }
+
+.color-warning-100 {
+ color: #deffa7; }
+
+.color-warning-200 {
+ color: #d5ff8e; }
+
+.color-warning-300 {
+ color: #cbff74; }
+
+.color-warning-400 {
+ color: #c2ff5b; }
+
+.color-warning-500 {
+ color: #b8ff41; }
+
+.color-warning-600 {
+ color: #aeff28; }
+
+.color-warning-700 {
+ color: #a5ff0e; }
+
+.color-warning-800 {
+ color: #99f400; }
+
+.color-warning-900 {
+ color: #89da00; }
+
+.bg-danger-50 {
+ background-color: #e9b7fe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #e19efe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #d985fe;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #d16bfe;
+ color: white; }
+ .bg-danger-300:hover {
+ color: white; }
+
+.bg-danger-400 {
+ background-color: #c952fd;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #c139fd;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #b920fd;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #b107fc;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #a102e7;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #9002ce;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #e9b7fe; }
+
+.color-danger-100 {
+ color: #e19efe; }
+
+.color-danger-200 {
+ color: #d985fe; }
+
+.color-danger-300 {
+ color: #d16bfe; }
+
+.color-danger-400 {
+ color: #c952fd; }
+
+.color-danger-500 {
+ color: #c139fd; }
+
+.color-danger-600 {
+ color: #b920fd; }
+
+.color-danger-700 {
+ color: #b107fc; }
+
+.color-danger-800 {
+ color: #a102e7; }
+
+.color-danger-900 {
+ color: #9002ce; }
+
+.bg-fusion-50 {
+ background-color: #929292;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #858585;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #787878;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #6b6b6b;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #5f5f5f;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #525252;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #454545;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #383838;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #2c2c2c;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #1f1f1f;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #929292; }
+
+.color-fusion-100 {
+ color: #858585; }
+
+.color-fusion-200 {
+ color: #787878; }
+
+.color-fusion-300 {
+ color: #6b6b6b; }
+
+.color-fusion-400 {
+ color: #5f5f5f; }
+
+.color-fusion-500 {
+ color: #525252; }
+
+.color-fusion-600 {
+ color: #454545; }
+
+.color-fusion-700 {
+ color: #383838; }
+
+.color-fusion-800 {
+ color: #2c2c2c; }
+
+.color-fusion-900 {
+ color: #1f1f1f; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(42, 147, 51, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(144, 2, 206, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 152, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(137, 218, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 49, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(31, 31, 31, 0.7), transparent); }
+
+.btn-primary {
+ color: #212529;
+ background-color: #55ce5f;
+ border-color: #55ce5f;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #39c444;
+ border-color: #36ba41; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 181, 87, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(77, 181, 87, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #212529;
+ background-color: #55ce5f;
+ border-color: #55ce5f; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #36ba41;
+ border-color: #33b03d; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(77, 181, 87, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(77, 181, 87, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a849;
+ border-color: #179c44; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c44;
+ border-color: #159140; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
+
+.btn-info {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #212529;
+ background-color: #0cd0e2;
+ border-color: #0cc5d5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0cc5d5;
+ border-color: #0bbac9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #aaff1b;
+ border-color: #a5ff0e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #a5ff0e;
+ border-color: #a0ff01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #b513fd;
+ border-color: #b107fc; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b107fc;
+ border-color: #aa02f4; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #525252;
+ border-color: #525252;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #3f3f3f;
+ border-color: #383838; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 108, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 108, 108, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #525252;
+ border-color: #525252; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #383838;
+ border-color: #323232; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 108, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 108, 108, 0.5); }
+
+.btn-outline-primary {
+ color: #55ce5f;
+ border-color: #55ce5f; }
+ .btn-outline-primary:hover {
+ color: #212529;
+ background-color: #55ce5f;
+ border-color: #55ce5f; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 206, 95, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(85, 206, 95, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #55ce5f;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #212529;
+ background-color: #55ce5f;
+ border-color: #55ce5f; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 206, 95, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(85, 206, 95, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc958;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc958;
+ border-color: #1dc958; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
+
+.btn-outline-info {
+ color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:hover {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #21e2f3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #212529;
+ background-color: #21e2f3;
+ border-color: #21e2f3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #b8ff41;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #b8ff41;
+ border-color: #b8ff41; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #c139fd;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #c139fd;
+ border-color: #c139fd; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #525252;
+ border-color: #525252; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #525252;
+ border-color: #525252; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #525252;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #525252;
+ border-color: #525252; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(82, 82, 82, 0.5); }
+
+.border-primary {
+ border-color: #55ce5f !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc958 !important; }
+
+.border-info {
+ border-color: #21e2f3 !important; }
+
+.border-warning {
+ border-color: #b8ff41 !important; }
+
+.border-danger {
+ border-color: #c139fd !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #525252 !important; }
+
+.text-primary {
+ color: #55ce5f !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #30a73a !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc958 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13863b !important; }
+
+.text-info {
+ color: #21e2f3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0aafbd !important; }
+
+.text-warning {
+ color: #b8ff41 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #99f400 !important; }
+
+.text-danger {
+ color: #c139fd !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #a102e7 !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #525252 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #2c2c2c !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-13 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-13.css.map */
diff --git a/public/assets/css/themes/cust-theme-13.css.map b/public/assets/css/themes/cust-theme-13.css.map
new file mode 100644
index 0000000..0ccb722
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-13.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-13.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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B;EyBJ1B,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1Bb0B,EAAA;I0BD5B;MxBsTI,yBAAsB,EAAA;IwBtT1B;MAoBG,gBrBdY;MqBeZ,c1BpByB,EAAA;;A0B0B5B,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,sD1BlD2B;U0BkD3B,8C1BlD2B,EAAA;E0B8C5B;IAOE,mB1BrD0B;I0BsD1B,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,sD1BtF0B;U0BsF1B,8C1BtF0B,EAAA;;A0ByF1B;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,sD1BrF0B;U0BqF1B,8C1BrF0B,EAAA;;A0BwF1B;EAHA,uD1BpFuB;U0BoFvB,+C1BpFuB,EAAA;;A0BuFvB;EAHA,uD1BnF0B;U0BmF1B,+C1BnF0B,EAAA;;A0BsF1B;EAHA,uD1BlFyB;U0BkFzB,+C1BlFyB,EAAA;;A0BqFzB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qD1BjF6E;U0BiF7E,6C1BjF6E,EAAA;;A0ByF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AAG7E;EACC,uHAA2E;EAA3E,kFAA2E,EAAA;;ACL5E,8BAAA;AACA;EAEE,gBxBIa,EAAA;;AwBNf;EAOI,mBxBAc;EwBCd,c1BqC0C,EAAA;;A2B9C9C;EAEE,mB3B8uB+B,EAAA;;A2B1uBjC;EAEE,mB9BL0B,EAAA;;A+BH5B,sBAAA;AACA;EAEE,yD5B6C4C;U4B7C5C,iD5B6C4C,EAAA;;A4B/C9C;EAKE,kCAA2D,EAAA;;ACN7D;EAEC,sB3BKc;E2BFd,gCAAgC;EAEhC,qBAAA;EAUA,iBAAA,EAAkB;EAjBnB;IAUE,6BAAA,EAA8B;IAVhC;MAYG,yEAA0E;cAA1E,iEAA0E,EAAA;EAZ7E;IAwBK,chClBsB,EAAA;;AgC2B3B,mCAAA;AACA;EACC,mBAAmB,EAAA;;AAGpB,iBAAA;AACA;EACC,gB3BjCc,EAAA;;A2BoCf,wBAAA;AACA;EAGG,0C7BL4C;E6BM5C,yChC9CyB;EgC+CzB,0ChC/CyB,EAAA;EgC0C5B;IASI,uE7BRyC,EAAA;;A6Bc7C;;;EhCqxBE;AgChxBF;EAGG,yB7BuB0C;E6BtB1C,0B3B5Bc;E2B6Bd,2B3B7Bc,EAAA;E2BwBjB;IAQI,yC3BhCa,EAAA;;A2BsCjB,6CAAA;AACA;EAIE,0CAAA,EAA2C;EAJ7C;IAOG,mBhCnFyB,EAAA;EgC4E5B;IAYG,mBhCtFyB,EAAA;EgC0E5B;IAiBG,mBhC1FwB,EAAA;;AgCiG3B,gBAAA;AACA;EACC,yB7B0nBsE,EAAA;E6B3nBvE;IAIE,mB7BunBqE,EAAA;;A6BnnBvE;EAGE,gB3B5Ga;E2B6Gb,0FAA4D;EAA5D,2DAA4D,EAAA;;AAM9D;EACC,0CAAA;EACA;IAEE,cAAc,EAAA,EACd;;AC/HH;EAEE,qB9ByYoC,EAAA;;A+B3YtC;;EACE,mBlCC0B;EkCA1B,sBAAuB,EAAA;EAErB;;IACE,mB/ByCwC,EAAA;;A+BhC9C;EACE,mBAAmB;EACnB,cAAc,EAAA;;AAGhB;EACE,mBlCb6E,EAAA;;AmCP/E,gBAAA;AACA;EAAY,sB9BMG;E8BNuB,chCoeG,EAAA;;AgCnezC;EAAY,yBhCmiBoB,EAAA;;AgCliBhC;EjCKE,sBGDa;EHGb,0FAAsD;EAAtD,wDAAsD,EAAA;;AiCNxD;EAAkB,uBAA8C,EAAA;;AAChE;EjCGE,sBGDa;EHGb,wFAAsD;EAAtD,sDAAsD,EAAA;;AiCJxD;EAAgB,yBAA0C,EAAA;;AAE1D;EAAe,yBhCmBQ,EAAA;;AgClBvB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BGlB,YAAA;AACA;EAAgB,wChCwF4B,EAAA;;AgCrF5C,iBAAA;AACA,4CAAA;AACA;EACC,gB9BnBc,EAAA;;A8BsBf,WAAA;AACA;EACC,8BAA8C,EAAA;;AAG/C,gBAAA;AACA;EACC,kDAAuC;UAAvC,0CAAuC,EAAA;EADxC;IAIE,mBAAmB,EAAA;EAJrB;;;IAUE,gBAAgB,EAAA;;AC7ClB;EAEC,qDAA8F,EAAA;;AAO/F;EACC,mBAAmB,EAAA;;AAGpB,qBAAA;AACA;EACC,cAAc,EAAA;;AAIf,kBAAA;AACA;EACC,kBAAkB,EAAA;EADnB;IAIE,mBpCjB6E;IoCkB7E,sBAAsB,EAAA;EALxB;IASE,mBpC1B0B,EAAA;EoCiB5B;IAaE,mBpC3ByB,EAAA;EoCc3B;IAiBE,mBpChC0B,EAAA;;AoCqC5B,kBAAA;AACA;EACC,cAA8B,EAAA;;AAE/B;EACC,iBAAiB,EAAA;;AAGlB,eAAA;AACA;EACC,cjCiD4C,EAAA;;AiC9C7C,iBAAA;ApC67BA;EoC37BC,W/BlDc,EAAA;EL++Bb;IoC37BA,8B/B1Ca,EAAA;;A+B8Cf,SAAA;AACA;EACC,mBAAuD,EAAA;;ACjExD,sBAAA;AACA;EACE,mBrCK6E;EqCJ7E,WhCIa,EAAA;AgCNf;EACE,mBrCK6E;EqCJ7E,WhCIa,EAAA;;AgCFf;EACE,mBrCC6E;EqCA7E,WhCAa,EAAA;;AiCNf;EAGC;IACC,gBjCEa,EAAA;IiCHd;MAIE,4CjCSY,EAAA;IiCbd;MAUE,WAAW,EAAA;MAVb;QAeI,cAAc,EAAA;QAflB;UAkBK,cAAc,EAAA;MAlBnB;QAwBG,enC4K4B,EAAA;ImCpM/B;MA6BE,yCjChBY,EAAA;EiCqBd,eAAA;EACC;IAKE,mBnC+eyD,EAAA;EmC1e5D,kCAAA;EACA,YAAA;EACC;IAGC,2CAAuC;IpC8EtC,sDoC7EmD;YpC6EnD,8CoC7EmD,EAAA;EAJrD;IAQC,+BjC1CY,EAAA,EiC2CZ;;AAMH;EAEC,oDAAA;EACA;;GtC+9BE;EsC39BF,sBAAA;EACA;IAOI,gBjC1EU,EAAA;IiCmEd;MAWK,qBtCnFsB,EAAA,EsCoFtB;;ACtFN,cAAA;AvC4iCA;EuCxiCE,+BAA+B;EAC/B,cpC8F2C,EAAA;;AH68B7C;EuCviCE,kCAAiC;EACjC,WlCOa,EAAA;;AL+hCf;EuCviCE,kCAAiC;EACjC,WlCOa,EAAA;;ALmiCf;EuCtiCE,kCAAiC;EACjC,WlCEa,EAAA;;AkCCf,uDAAA;AACA;EACC,mBvClB2B,EAAA;;AuCoB5B;EAEE,qBvCtB0B,EAAA;EuCoB5B;IAIG,yClCTY,EAAA;;AkCKf;EAQE,mBvC5B0B;EuC6B1B,sBAAwB,EAAA;;AAK1B,4CAAA;AACA;EACC,cpC6D4C,EAAA;;AqCnG7C;EAIE,cxCG6E,EAAA;;AwCP/E;EASE,cAAyB,EAAA;EAT3B;IAYG,cAAyB;IACzB,oCnCNY,EAAA;;AmCPf;EAqBG,4BrCkFyC,EAAA;;AsChF5C;EAEC;;;;;IAMO,kBAAiB,EAAA;IANxB;;;;;MASO,yBAA0C,EAAA;IATjD;;;;;MAYO,yBAAyC,EAAA;IAZhD;;;;;MAeO,mBtCmCsC;MsClCtC,yBtCyCsC;MsCxCtC,ctCkEoC,EAAA,EsCjErC;;AC3CP,4BAAA;AAEA;EAQI,0CAAA,EAA2C;EAR/C;IAKK,8BAAmD,EAAA;EALxD;IAYO,yBvCgpBwD,EAAA;;AD3V3D;EACE,yBC7RwC;EDgR1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5RyC;ED+Q3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3RyC;ED8Q3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1RyC;ED6Q3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCzRwC;ED4Q1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBFlUsB;EEqTxB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvRuC;ED0QzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtRwC;EDqQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrRwC;EDoQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpRwC;EDmQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvSwC,EAAA;;ADsS1C;EACE,cCtSyC,EAAA;;ADqS3C;EACE,cCrSyC,EAAA;;ADoS3C;EACE,cCpSyC,EAAA;;ADmS3C;EACE,cCnSwC,EAAA;;ADkS1C;EACE,cF5UsB,EAAA;;AE2UxB;EACE,cCjSuC,EAAA;;ADgSzC;EACE,cChSwC,EAAA;;AD+R1C;EACE,cC/RwC,EAAA;;AD8R1C;EACE,cC9RwC,EAAA;;ADmR1C;EACE,yBCjRwC;EDoQ1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChRyC;EDmQ3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC/QyC;EDkQ3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC9QyC;EDiQ3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC7QwC;EDgQ1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBFjUsB;EEgTxB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3QuC;ED0PzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1QwC;EDyP1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzQwC;EDwP1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCxQwC;EDuP1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cC3RwC,EAAA;;AD0R1C;EACE,cC1RyC,EAAA;;ADyR3C;EACE,cCzRyC,EAAA;;ADwR3C;EACE,cCxRyC,EAAA;;ADuR3C;EACE,cCvRwC,EAAA;;ADsR1C;EACE,cF3UsB,EAAA;;AE0UxB;EACE,cCrRuC,EAAA;;ADoRzC;EACE,cCpRwC,EAAA;;ADmR1C;EACE,cCnRwC,EAAA;;ADkR1C;EACE,cClRwC,EAAA;;ADuQ1C;EACE,yBCrQmC;EDwPrC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCpQoC;EDuPtC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnQoC;EDsPtC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClQoC;EDqPtC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjQmC;EDoPrC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBFhUmB;EEmTrB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC/PkC;ED8OpC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9PmC;ED6OrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7PmC;ED4OrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC5PmC;ED2OrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cC/QmC,EAAA;;AD8QrC;EACE,cC9QoC,EAAA;;AD6QtC;EACE,cC7QoC,EAAA;;AD4QtC;EACE,cC5QoC,EAAA;;AD2QtC;EACE,cC3QmC,EAAA;;AD0QrC;EACE,cF1UmB,EAAA;;AEyUrB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TsB;EEkTxB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUsB,EAAA;;AEwUxB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;EDyNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzOsC;EDwNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF9TqB;EE6SvB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCvOqC;EDsNvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtOsC;EDqNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrOsC;EDoNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpOsC;EDmNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvPuC,EAAA;;ADsPzC;EACE,cCtPuC,EAAA;;ADqPzC;EACE,cCrPuC,EAAA;;ADoPzC;EACE,cCpPuC,EAAA;;ADmPzC;EACE,cCnPsC,EAAA;;ADkPxC;EACE,cFxUqB,EAAA;;AEuUvB;EACE,cCjPqC,EAAA;;ADgPvC;EACE,cChPsC,EAAA;;AD+OxC;EACE,cC/OsC,EAAA;;AD8OxC;EACE,cC9OsC,EAAA;;ADmOxC;EACE,yBCjOuC;EDgNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBChOuC;ED+MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC/NuC;ED8MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9NuC;ED6MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7NsC;ED4MxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF7TyE;EE4S3E,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3NqC;ED0MvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1NsC;EDyMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzNsC;EDwMxC,YAA0B,EAAA;EA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DAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CC2E;E4CC7E,qB5CD6E;EE6H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5CxB2E;I4CyB3E,qB5CzB2E,EAAA;E4CgC7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3D0B;E4C4D1B,qB5C5D0B,EAAA;E8CU1B;IFqDE,cvCjDc;IuCkDd,yB5ChEwB;I4CiExB,qB5CjEwB,EAAA;E4CoE1B;IAEE,uD5CtEwB;Y4CsExB,+C5CtEwB,EAAA;E4CyE1B;IAEE,c5C3EwB;I4C4ExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CnFwB;I4CoFxB,qB5CpFwB,EAAA;I4CsFxB;;MAKI,uD5C3FoB;c4C2FpB,+C5C3FoB,EAAA;;A+CM1B;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1D0B;E4C2D1B,qB5C3D0B,EAAA;E8CS1B;IFqDE,WvC1DW;IuC2DX,yB5C/DwB;I4CgExB,qB5ChEwB,EAAA;E4CmE1B;IAEE,uD5CrEwB;Y4CqExB,+C5CrEwB,EAAA;E4CwE1B;IAEE,c5C1EwB;I4C2ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5ClFwB;I4CmFxB,qB5CnFwB,EAAA;I4CqFxB;;MAKI,uD5C1FoB;c4C0FpB,+C5C1FoB,EAAA;;A+CK1B;EHqDA,c5CzDuB;E4C0DvB,qB5C1DuB,EAAA;E8CQvB;IFqDE,cvCjDc;IuCkDd,yB5C9DqB;I4C+DrB,qB5C/DqB,EAAA;E4CkEvB;IAEE,wD5CpEqB;Y4CoErB,gD5CpEqB,EAAA;E4CuEvB;IAEE,c5CzEqB;I4C0ErB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CjFqB;I4CkFrB,qB5ClFqB,EAAA;I4CoFrB;;MAKI,wD5CzFiB;c4CyFjB,gD5CzFiB,EAAA;;A+CIvB;EHqDA,c5CxD0B;E4CyD1B,qB5CzD0B,EAAA;E8CO1B;IFqDE,cvCjDc;IuCkDd,yB5C7DwB;I4C8DxB,qB5C9DwB,EAAA;E4CiE1B;IAEE,wD5CnEwB;Y4CmExB,gD5CnEwB,EAAA;E4CsE1B;IAEE,c5CxEwB;I4CyExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFwB;I4CiFxB,qB5CjFwB,EAAA;I4CmFxB;;MAKI,wD5CxFoB;c4CwFpB,gD5CxFoB,EAAA;;A+CG1B;EHqDA,c5CvDyB;E4CwDzB,qB5CxDyB,EAAA;E8CMzB;IFqDE,WvC1DW;IuC2DX,yB5C5DuB;I4C6DvB,qB5C7DuB,EAAA;E4CgEzB;IAEE,wD5ClEuB;Y4CkEvB,gD5ClEuB,EAAA;E4CqEzB;IAEE,c5CvEuB;I4CwEvB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EuB;I4CgFvB,qB5ChFuB,EAAA;I4CkFvB;;MAKI,wD5CvFmB;c4CuFnB,gD5CvFmB,EAAA;;A+CEzB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,c5CtD6E;E4CuD7E,qB5CvD6E,EAAA;E8CK7E;IFqDE,WvC1DW;IuC2DX,yB5C3D2E;I4C4D3E,qB5C5D2E,EAAA;E4C+D7E;IAEE,sD5CjE2E;Y4CiE3E,8C5CjE2E,EAAA;E4CoE7E;IAEE,c5CtE2E;I4CuE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C9E2E;I4C+E3E,qB5C/E2E,EAAA;I4CiF3E;;MAKI,sD5CtFuE;c4CsFvE,8C5CtFuE,EAAA;;A+CQ7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDElF;4EAulE4E;AArlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-13.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary:\t\t\t\t\t\t#55ce5f;\r\n$color-success:\t\t\t\t\t\t#1dc958;\r\n$color-info:\t\t\t\t\t\t#21e2f3;\r\n$color-warning:\t\t\t\t\t\t#b8ff41;\r\n$color-danger:\t\t\t\t\t\t#c139fd;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-13 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-2.css b/public/assets/css/themes/cust-theme-2.css
new file mode 100644
index 0000000..4ea03a8
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-2.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #617a28; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #bddb79 !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #9fcb3d !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #9fcb3d !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #9fcb3d; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #d1d1d1;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #9fcb3d;
+ background: #b3d665;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #111111; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #9fcb3d; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #fffaee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #9fcb3d; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(99, 128, 34, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(99, 128, 34, 0.13); } }
+
+.nav-title {
+ color: #94bb3d; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #9fcb3d;
+ box-shadow: inset 3px 0 0 #9fcb3d; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #a8b982; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #c3da8f; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #9ac142; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #a8b982; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(121, 153, 50, 0.8);
+ box-shadow: 0 0 0 1px rgba(121, 153, 50, 0.8);
+ border: 1px solid rgba(121, 153, 50, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #a9d051; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #b9d47b; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #9ac142; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #a8b982; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #a8b982; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #b4d174; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995;
+ border: 1px solid #444444; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #444444 !important; }
+ .nav-menu-clean li a span {
+ color: #444444 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #88ac38; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #111111; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #617a28;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(99, 128, 34, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(99, 128, 34, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #b3d665; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #c7e18d; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #91bc32;
+ box-shadow: 0 0 0 1px #91bc32; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(99, 128, 34, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(99, 128, 34, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #b0cf6c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #617a28; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #769531; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #c3da8f; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #769531; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #769531; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #9fcb3d;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #617a28; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #617a28; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #6d892d;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #617a28; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #617a28; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #444444;
+ border-color: #2b2b2b !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #a6c959; }
+
+.nav-function-fixed .nav-footer {
+ background: #617a28; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(127, 161, 52, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#617a28), color-stop(50%, #8eb43b), color-stop(50%, #8eb43b), to(#617a28));
+ background: linear-gradient(to right, #617a28 0%, #8eb43b 50%, #8eb43b 50%, #617a28 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #5b7225; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #9ac142; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #6a862c; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #a8b982; } }
+
+.page-content-wrapper {
+ background-color: #f2f7e6; }
+
+.subheader-icon {
+ color: #a8b982; }
+
+.subheader-title {
+ color: #444444;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #777777; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #9fcb3d; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #777777; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #b3d665; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #9fcb3d; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #626a52;
+ background-color: #ebf1de;
+ border-color: #d2dcbb; }
+
+.alert-success {
+ color: #45a197;
+ background-color: #f7fdfc;
+ border-color: #a3ebe4; }
+
+.alert-danger {
+ color: #e7026e;
+ background-color: #ffe5f1;
+ border-color: #fe9ecb; }
+
+.alert-warning {
+ color: #c18300;
+ background-color: #fff8e9;
+ border-color: #ffcd65; }
+
+.alert-info {
+ color: #0a6ebd;
+ background-color: #e3f2fd;
+ border-color: #82c4f8; }
+
+.alert-secondary {
+ color: #444444;
+ background-color: #efefef;
+ border-color: #d1d1d1; }
+
+.badge.badge-icon {
+ background-color: #fd3995;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #5e5e5e;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #9fcb3d; }
+ .btn-switch.active:before {
+ color: rgba(0, 0, 0, 0.8); }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #9fcb3d; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #fc077a;
+ background-color: #fd2087;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
+ background-image: linear-gradient(to top, #fd2087, #e7026e);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(159, 203, 61, 0.3);
+ box-shadow: 0px 0px 2px rgba(159, 203, 61, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #9fcb3d;
+ border-color: #91bc32; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(159, 203, 61, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(159, 203, 61, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(68, 68, 68, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(68, 68, 68, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #82a82d; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc9b7; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(99, 128, 34, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(99, 128, 34, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(34, 41, 19, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(83, 108, 29, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #fd3995; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(179, 214, 101, 0.7);
+ border-left-color: rgba(159, 203, 61, 0.7);
+ border-right-color: rgba(159, 203, 61, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(159, 203, 61, 0.7) rgba(145, 188, 50, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #fe6bb0;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc9b7; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ffc241; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #fd3995; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #e2ead1; }
+ .panel-placeholder:before {
+ background: #e2ead1; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #9fcb3d;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #82a82d; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #444444; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ededed));
+ background-image: linear-gradient(to top, #fff, #ededed); }
+
+.bg-subtlelight {
+ background-color: #f7faee; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7faee));
+ background-image: linear-gradient(to top, #fff, #f7faee); }
+
+.bg-highlight {
+ background-color: #fffaee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(17, 17, 17, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7f4fe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3e93d6, #9abf49); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #444444;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc9b7; }
+ .status.status-danger:before {
+ background: #fd3995; }
+ .status.status-warning:before {
+ background: #ffc241; }
+
+/* display frame */
+.frame-heading {
+ color: #969696; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #6b6b6b; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #ededed; }
+
+/* select background */
+::-moz-selection {
+ background: #444444;
+ color: #fff; }
+::selection {
+ background: #444444;
+ color: #fff; }
+
+::-moz-selection {
+ background: #444444;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #f2f7e6; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #9fcb3d; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #848484; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #9fcb3d; }
+
+.has-length .input-group-text {
+ border-color: #9fcb3d; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #9fcb3d;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #848484; }
+
+.settings-panel h5 {
+ color: #444444; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #515151; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #111111; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #6d892d; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #9ac142; }
+
+.bg-primary-50 {
+ background-color: #d1e6a2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #c7e18d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #bddb79;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #b3d665;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #a9d051;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #9fcb3d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-600 {
+ background-color: #91bc32;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-700 {
+ background-color: #82a82d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-800 {
+ background-color: #729428;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #638022;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #d1e6a2; }
+
+.color-primary-100 {
+ color: #c7e18d; }
+
+.color-primary-200 {
+ color: #bddb79; }
+
+.color-primary-300 {
+ color: #b3d665; }
+
+.color-primary-400 {
+ color: #a9d051; }
+
+.color-primary-500 {
+ color: #9fcb3d; }
+
+.color-primary-600 {
+ color: #91bc32; }
+
+.color-primary-700 {
+ color: #82a82d; }
+
+.color-primary-800 {
+ color: #729428; }
+
+.color-primary-900 {
+ color: #638022; }
+
+.bg-success-50 {
+ background-color: #7aece0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e9db;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de5d5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e2d0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21dfcb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc9b7;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab3a3;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c8e;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13867a;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107066;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aece0; }
+
+.color-success-100 {
+ color: #63e9db; }
+
+.color-success-200 {
+ color: #4de5d5; }
+
+.color-success-300 {
+ color: #37e2d0; }
+
+.color-success-400 {
+ color: #21dfcb; }
+
+.color-success-500 {
+ color: #1dc9b7; }
+
+.color-success-600 {
+ color: #1ab3a3; }
+
+.color-success-700 {
+ color: #179c8e; }
+
+.color-success-800 {
+ color: #13867a; }
+
+.color-success-900 {
+ color: #107066; }
+
+.bg-info-50 {
+ background-color: #9acffa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82c4f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6ab8f7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51adf6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #39a1f4;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #2196F3;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #0d8aee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0c7cd5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0a6ebd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0960a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9acffa; }
+
+.color-info-100 {
+ color: #82c4f8; }
+
+.color-info-200 {
+ color: #6ab8f7; }
+
+.color-info-300 {
+ color: #51adf6; }
+
+.color-info-400 {
+ color: #39a1f4; }
+
+.color-info-500 {
+ color: #2196F3; }
+
+.color-info-600 {
+ color: #0d8aee; }
+
+.color-info-700 {
+ color: #0c7cd5; }
+
+.color-info-800 {
+ color: #0a6ebd; }
+
+.color-info-900 {
+ color: #0960a5; }
+
+.bg-warning-50 {
+ background-color: #ffebc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #ffe3a7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffdb8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffd274;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffca5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ffc241;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #ffba28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #ffb20e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #f4a500;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #da9400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #ffebc1; }
+
+.color-warning-100 {
+ color: #ffe3a7; }
+
+.color-warning-200 {
+ color: #ffdb8e; }
+
+.color-warning-300 {
+ color: #ffd274; }
+
+.color-warning-400 {
+ color: #ffca5b; }
+
+.color-warning-500 {
+ color: #ffc241; }
+
+.color-warning-600 {
+ color: #ffba28; }
+
+.color-warning-700 {
+ color: #ffb20e; }
+
+.color-warning-800 {
+ color: #f4a500; }
+
+.color-warning-900 {
+ color: #da9400; }
+
+.bg-danger-50 {
+ background-color: #feb7d9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #fe9ecb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #fe85be;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #fe6bb0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #fd52a3;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #fd3995;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #fd2087;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #fc077a;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #e7026e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #ce0262;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #feb7d9; }
+
+.color-danger-100 {
+ color: #fe9ecb; }
+
+.color-danger-200 {
+ color: #fe85be; }
+
+.color-danger-300 {
+ color: #fe6bb0; }
+
+.color-danger-400 {
+ color: #fd52a3; }
+
+.color-danger-500 {
+ color: #fd3995; }
+
+.color-danger-600 {
+ color: #fd2087; }
+
+.color-danger-700 {
+ color: #fc077a; }
+
+.color-danger-800 {
+ color: #e7026e; }
+
+.color-danger-900 {
+ color: #ce0262; }
+
+.bg-fusion-50 {
+ background-color: #848484;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #777777;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #6b6b6b;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #5e5e5e;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #515151;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #444444;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #383838;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #2b2b2b;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #1e1e1e;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #111111;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #848484; }
+
+.color-fusion-100 {
+ color: #777777; }
+
+.color-fusion-200 {
+ color: #6b6b6b; }
+
+.color-fusion-300 {
+ color: #5e5e5e; }
+
+.color-fusion-400 {
+ color: #515151; }
+
+.color-fusion-500 {
+ color: #444444; }
+
+.color-fusion-600 {
+ color: #383838; }
+
+.color-fusion-700 {
+ color: #2b2b2b; }
+
+.color-fusion-800 {
+ color: #1e1e1e; }
+
+.color-fusion-900 {
+ color: #111111; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(99, 128, 34, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(17, 17, 17, 0.7), transparent); }
+
+.btn-primary {
+ color: #212529;
+ background-color: #9fcb3d;
+ border-color: #9fcb3d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #212529;
+ background-color: #8ab230;
+ border-color: #82a82d; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(140, 178, 58, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(140, 178, 58, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #212529;
+ background-color: #9fcb3d;
+ border-color: #9fcb3d; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #82a82d;
+ border-color: #7a9e2a; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(140, 178, 58, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(140, 178, 58, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a899;
+ border-color: #179c8e; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c8e;
+ border-color: #159184; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #0c83e2;
+ border-color: #0c7cd5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0c7cd5;
+ border-color: #0b75c9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #ffb61b;
+ border-color: #ffb20e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffb20e;
+ border-color: #ffae01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #fd1381;
+ border-color: #fc077a; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fc077a;
+ border-color: #f40274; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #444444;
+ border-color: #444444;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #313131;
+ border-color: #2b2b2b; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #444444;
+ border-color: #444444; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #2b2b2b;
+ border-color: #242424; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(96, 96, 96, 0.5); }
+
+.btn-outline-primary {
+ color: #9fcb3d;
+ border-color: #9fcb3d; }
+ .btn-outline-primary:hover {
+ color: #212529;
+ background-color: #9fcb3d;
+ border-color: #9fcb3d; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(159, 203, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(159, 203, 61, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #9fcb3d;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #212529;
+ background-color: #9fcb3d;
+ border-color: #9fcb3d; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(159, 203, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(159, 203, 61, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc9b7;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+
+.btn-outline-info {
+ color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #2196F3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffc241;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #fd3995;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #444444;
+ border-color: #444444; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #444444;
+ border-color: #444444; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #444444;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #444444;
+ border-color: #444444; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(68, 68, 68, 0.5); }
+
+.border-primary {
+ border-color: #9fcb3d !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc9b7 !important; }
+
+.border-info {
+ border-color: #2196F3 !important; }
+
+.border-warning {
+ border-color: #ffc241 !important; }
+
+.border-danger {
+ border-color: #fd3995 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #444444 !important; }
+
+.text-primary {
+ color: #9fcb3d !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #729428 !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc9b7 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13867a !important; }
+
+.text-info {
+ color: #2196F3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0a6ebd !important; }
+
+.text-warning {
+ color: #ffc241 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #f4a500 !important; }
+
+.text-danger {
+ color: #fd3995 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #e7026e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #444444 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #1e1e1e !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-2 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-2.css.map */
diff --git a/public/assets/css/themes/cust-theme-2.css.map b/public/assets/css/themes/cust-theme-2.css.map
new file mode 100644
index 0000000..fc0fce6
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-2.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-2.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"AAAA;4EAC4E;AAG5E;4EAD4E;ACH5E;4EDK4E;AEL5E;;;;;sDFWsD;AEsNtD;;;;;;;;;;;;yBFzMyB;AEqOzB;;;yBFjOyB;AEqQzB;;;;;;;;;;;yBFzPyB;AEmRzB;;;yBF/QyB;AEyTzB,wBAAA;AAQA,0BAAA;AC7WA;4EHgD4E;AG9C5E,+CAAA;AAQA;;;;;;kFH8CkF;AGtClF;4EHwC4E;AGlC5E;4EHoC4E;AGlC5E,cAAA;AAYA,kBAAA;AAYA,iBAAA;AAYA,kBAAA;AAYA,cAAA;AAYA,eAAA;AAYA,kBAAA;AA6EA;4EH1G4E;AG8G5E;4EH5G4E;AG2HR,kGAAA;AACG,2EAAA;AAavE,+BAAA;AAgBA,6BAAA;AACA,wFAAA;AAQA;4EH3J4E;AGoL5E,oCAAA;AAYA,UAAA;AACA,wIAAA;AASA,UAAA;AAIA,aAAA;AAMA,qDAAA;AAGA,mCAAA;AAGA,oBAAA;AAKA,iBAAA;AASA,WAAA;AAEA,UAAA;AAIA,UAAA;AAOA,gBAAA;AAMA,UAAA;AAKA,UAAA;AAKA,eAAA;AAIA,iBAAA;AAUA,aAAA;AAIA,qBAAA;AAKA,WAAA;AASA,cAAA;AASA,oBAAA;AAOA,aAAA;AAcA,aAAA;AAYA,UAAA;AAUA;;;;;;;;;;;;;;;;;;;;;;;;;;;CHpSC;AGiUD,UAAA;AAuBA,aAAA;AAIA;4EHxV4E;AGgW5E,6EAAA;AAEiC,WAAA;AACD,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACA,WAAA;AACC,WAAA;AAEjC;4EHhW4E;AGkWlE,mFAAA;AAOV;4EHtW4E;AGwWG,mEAAA;AAE/E;4EHvW4E;AG6W5E,oEAAA;AAUA;4EHpX4E;AGwX5E;4EHtX4E;AGwX5B,0BAAA;AACH,iBAAA;AAG7C;4EHxX4E;AG6X5E;4EH3X4E;AGiY5E;4EH/X4E;AGmY5E;4EHjY4E;AGoY5E,WAAA;AAOA,WAAA;AAMA,SAAA;AAEoD,6DAAA;AACC,8DAAA;AACC,qDAAA;AAEtD,gCAAA;AAGA,qBAAA;AAC4D,uBAAA;AAO5D,QAAA;AAYA,uBAAA;AASA,UAAA;AAKA,sBAAA;AAGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EHpZ4E;AGmb5E,oBAAA;AACA,eAAA;AAMA,uBAAA;AAOA,mBAAA;AAOA,kBAAA;AAIA,cAAA;AAIA,cAAA;AAKA,eAAA;AAIA,gCAAA;AAGA,qBAAA;AACA,mCAAA;AAGA,mBAAA;AAQA,2CAAA;AAK6C,kBAAA;AAE7C,gCAAA;AAKyE,+CAAA;AAEzE;4EHpe4E;AGse5E,eAAA;AAIA;4EHve4E;AG8e5E;4EH5e4E;AGgf5E;4EH9e4E;AG2f5E;4EHzf4E;AGggB5E;4EH9f4E;AGsgB5E;4EHpgB4E;AG4gB5E;4EH1gB4E;AG+gB5E,oBAAA;ACjwBA;;;;;;;;;;;;;;;;;;;;;;;;;;CJ8QC;AIlPD;EAEE,gHAA6E;EAA7E,gFAA6E;EAC7E,yBDumBgD,EAAA;;ACpmBlD;;;;;;;;;CJ2PC;AIjPD;EFpCE,yBEqCqC;EFnCrC,6FAAsD;EAAtD,2DAAsD;EEoCtD,WAAW,EAAA;EAEX;IACE,yBAAyB,EAAA;EAG3B;IACE,gCAAqC,EAAA;;AFgSrC;EE5QF,WClEa;EDmEb,8BAAoC,EAAA;EF2QlC;IEzQA,2BAA4B;IAC5B,yBAA+B,EAAA;EFwQ/B;IErQA,cJ9EwB,EAAA;;AIqFxB;EACE,yBAA0C,EAAA;;AAE5C;EACE,yBAAyC,EAAA;;AAe/C;EACE,yBAA0C;EAC1C,cD8d6C,EAAA;EC5d7C;IACE,qBJ7GwB;II8GxB,mBDtE2C;ICuE3C,WC1GW,EAAA;;AD+Hf;;;;EACE,mBD5D4C;EC6D5C,yBDtD4C;ECuD5C,cD7B0C,EAAA;;AFlG5C;4ED8T4E;AC5T5E,qCAAA;AAEA;;4ED8T4E;AC3T5E,2DAAA;AACA,8BAAA;AKlBA;EAEE,sBDKa,EAAA;;AEPf;EACC,cJoewC,EAAA;EIrezC;;IAQI,cPNwB,EAAA;EOF5B;;IAcK,cJiiB+C,EAAA;EI/iBpD;IAgCG,qBAAA;IACA,8DAAA;IAKA,yBAAA,EAA0B;IAtC7B;MAuBI,cJwhBgD,EAAA;MI/iBpD;;QA2BK,yBAA0C,EAAA;IA3B/C;MAmCI,kBJygB0B,EAAA;EI5iB9B;IA6CE,cJkgBkD,EAAA;;AI9fpD;EACC,sBF3Cc,EAAA;;AGPf;EACC,uBLikBkC;EKhkBlC,6BL+jByC,EAAA;;AMjkB1C;EAEE,gBJKa,EAAA;;AKPf;EAGG,mBAAoC,EAAA;;AAHvC;EAOG,4CLUY,EAAA;EKjBf;IASI,2HAA+E;IAA/E,iFAA+E,EAAA;;AATnF;EAeE,cAA6B,EAAA;;AAf/B;;EAoBE,cAA6B,EAAA;;AApB/B;EAyBG,mBPEoB,EAAA;EO3BvB;IA2BI,gBLpBW,EAAA;EKPf;IA8BI,4CLbW,EAAA;;AKjBf;EAmCG,eAAe,EAAA;;ACnClB;EACC,cRoewC,EAAA;EQrezC;IAIE,yBAAoD,EAAA;EAJtD;IAQE,qBXN0B,EAAA;;AY0DxB;EC3DH;IAGG,4DVyiByD;YUziBzD,oDVyiByD,EAAA,EUxiBzD;;ACHJ;EACC,cX+pBoD,EAAA;;AW5pBrD;EZ6SI,YAA0B,EAAA;;AY7S9B;EAiCG,qDAAA,EAAsD;EAjCzD;IZ6SI,YAA0B;IY9R1B,2CTdW;IH6HX,yCFlIwB;YEkIxB,iCFlIwB,EAAA;IcI5B;;MAsBS,cXmoB+D,EAAA;EWzpBxE;IA8BI,cAAc,EAAA;EA9BlB;IAmCI,cAAc,EAAA;;AAnClB;EAwCG,cX8lBiD,EAAA;EWtoBpD;IA2CK,+BAA4B,EAAA;EA3CjC;;IAiDO,cXumBwD,EAAA;EWxpB/D;IZ4LE,iCAKwC;IAJhC,yBAIgC,EAAA;EYjM1C;IZ6SI,YAA0B;IYhP1B,oCTlDW,EAAA;ISXf;MAgEK,WT/DU,EAAA;ISDf;;MAqEK,cXolBmE,EAAA;IWzpBxE;MAyEK,qDAAuD;cAAvD,6CAAuD;MACvD,yCAAmD,EAAA;EA1ExD;IZ6SI,YAA0B,EAAA;IY7S9B;MAmFK,WTlFU,EAAA;;ASDf;EAyFG,cXpD2C,EAAA;;AWrC9C;EA8FG,oCTnFY,EAAA;ESXf;IAmGK,cAAkC,EAAA;IAnGvC;;MAuGM,cXijByD,EAAA;IWxpB/D;MA2GM,WT1GS;MS2GT,yBX3GqB,EAAA;IWD3B;MZ6SI,YAA0B;MY5LxB,oCTtGS,EAAA;MSXf;;QAsHW,cXmiB6D,EAAA;EWzpBxE;IZ6SI,YAA0B;IY7KxB,6BAA4B,EAAA;IAhIlC;;MZ6SI,YAA0B,EAAA;IY7S9B;;MA6IY,cX4gB4D,EAAA;EWzpBxE;IZ6SI,YAA0B,EAAA;EY7S9B;IAgKO,cAAkC,EAAA;IAhKzC;MZ6SI,YAA0B,EAAA;IY7S9B;MAuKQ,WTtKO;MSuKP,yBXvKmB;MWwKnB,yBAA2C,EAAA;;AAanD,uBAAA;AACA;EACC,gBTvLc,EAAA;ESsLf;IAKG,yBAA6B,EAAA;IALhC;MAOI,yBAA6B,EAAA;IAPjC;MAWI,oCAAoC,EAAA;;AAOxC,0BAAA;AACA;EACC,qCX+G2C,EAAA;EWhH5C;IAIE,4CX4G0C,EAAA;;AYhU5C;EAEE,8BVea;EUdb,WVIa,EAAA;EUPf;IAMG,gCAAgC,EAAA;EANnC;IAUG,qBAA2C,EAAA;;ACV9C;EACC,WXMc,EAAA;EWPf;IAGE,uBAAyB,EAAA;;AJyDvB;EKxDH;IAEC,+BAAA,EAAgC;IAFjC;MAIE,WZDY,EAAA;IYHd;MAUG,kBAAiB,EAAA;MAVpB;QAaI,cd8rB+B,EAAA;Mc3sBnC;QAgBI,cd4rB8B,EAAA;Mc5sBlC;QAmBI,mBdoDyC;QcnDzC,yBd0DyC;QczDzC,cdmFuC,EAAA;IcxG3C;MA6BE,gHAA6E;MAA7E,gFAA6E;MAC7E,yBdomB+C;McnmB/C,4Dd0gB0D;cc1gB1D,oDd0gB0D,EAAA;McziB5D;;QAmCG,cAAwC,EAAA;QAnC3C;;UAsCI,cAAwC,EAAA;MAtC5C;QA6CG,qCdJyC;gBcIzC,6BdJyC,EAAA;IczC5C;MAmDE,gBZhDY;MYkDZ,4Ddof0D;ccpf1D,oDdof0D,EAAA;McziB5D;QAiEQ,cAAc,EAAA;MAjEtB;;QA6EO,cAAc,EAAA;MA7ErB;QAiFO,cAAoC,EAAA;MAjF3C;QAwFM,cd0iB2C,EAAA;McloBjD;QA4FM,mBdwiB2C,EAAA;QcpoBjD;UAiGQ,cduiB2C,EAAA;QcxoBnD;UAqGQ,mBd+hByC,EAAA;QcpoBjD;UA0GS,8BZ7FK;UY8FL,WZxGK,EAAA;QYHd;UAiHO,uBAAuB,EAAA;QAjH9B;UAsHO,cd8gB0C,EAAA;McpoBjD;QA8HO,cjBhIoB;QiBiIpB,uBAAuB,EAAA,EACvB;;ALxEJ;EM1DH;IAYO,cAAc,EAAA;EAZrB;IAyBO,sBAAsB,EAAA;EAzB7B;IA8BO,yBfsmB0C,EAAA;IepoBjD;MAkCQ,cfkmByC,EAAA;EepoBjD;IA6CI,iBAAiB,EAAA;IA7CrB;MAkDM,mBfmnB8C;MelnB9C,Wb9CQ,EAAA;MaLd;QAsDQ,mBf8kByC,EAAA;QepoBjD;UAyDQ,cf2kByC,EAAA;EepoBjD;IAoEG,mBf9D2E;Ie+D3E,gCAA2D;IAC3D,sBAAyC,EAAA,EACzC;;ACzEJ;EAMI,cAAmC,EAAA;;AAMvC;EAIE,mBhBsnBgD,EAAA;EgB1nBlD;IAOG,mChBgpB2D;IgB7oB3D,yIAAqJ;IAArJ,yFAAqJ,EAAA;;APsCpJ;EO7BH;IAIE,yBAA6C,EAAA;IAJ/C;MAOG,chBwnB2D,EAAA;IgB/nB9D;MAWG,yBAA8C,EAAA;MAXjD;QAcI,chBknBmE,EAAA,EgBjnBnE;;AC9CL;EACC,yBjB0hB4D,EAAA;;AkB3hB7D;EACC,clB8pBuE,EAAA;;AkB5pBxE;EACC,clBI8E;EkBH9E,uBAAyB,EAAA;EAF1B;IAIE,clB6F2C,EAAA;;AmBpG7C;EACC,gBjBMc;EiBLX,cnBqvBkD,EAAA;;AoBvvBtD;EAGG,yBpBkiB6B,EAAA;EoBriBhC;IAKI,cvBHwB,EAAA;IuBF5B;MAQK,cpB4FwC,EAAA;;AoBpG7C;EAeG,gBlBRY,EAAA;;AkBPf;EAqBG,gBlBdY,EAAA;EkBPf;IAwBK,WlBjBU;IkBkBV,yBpBiB0C,EAAA;;AoB1C/C;EA8BG,WlBvBY;EkBwBZ,yBvB7ByB,EAAA;;AwBF5B;;;;;CxBypBC;AwBlpBD;EACC,cAAoC;EACpC,yBAA6D;EAC7D,qBAAyD,EAAA;;AAG1D;EACC,cAAqC;EACrC,yBAA6D;EAC7D,qBAAyD,EAAA;;AAG1D;EACC,crB2E2C;EqB1E3C,yBAA2C;EAC3C,qBAAuC,EAAA;;AAIxC;EACC,cAA+B;EAC/B,yBAA4C;EAC5C,qBAAuC,EAAA;;AAIxC;EACC,crBqCwC;EqBpCxC,yBAAyC;EACzC,qBAAqC,EAAA;;AAItC;EACC,crBjC8E;EqBkC9E,yBAA0C;EAC1C,qBAAuC,EAAA;;AC3CxC;EACC,yBtBM0B;EsBL1B,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1Bb0B,EAAA;I0BD5B;MxBsTI,yBAAsB,EAAA;IwBtT1B;MAoBG,gBrBdY;MqBeZ,c1BpByB,EAAA;;A0B0B5B,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,uD1BlD2B;U0BkD3B,+C1BlD2B,EAAA;E0B8C5B;IAOE,mB1BrD0B;I0BsD1B,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,uD1BtF0B;U0BsF1B,+C1BtF0B,EAAA;;A0ByF1B;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,uDvBpF0B;UuBoF1B,+CvBpF0B,EAAA;;AuBuF1B;EAHA,uDvBnFuB;UuBmFvB,+CvBnFuB,EAAA;;AuBsFvB;EAHA,uDvBlF0B;UuBkF1B,+CvBlF0B,EAAA;;AuBqF1B;EAHA,uDvBjFyB;UuBiFzB,+CvBjFyB,EAAA;;AuBoFzB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAA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B,EAAA;;ADwUrB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC9TsB;EDiTxB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cCxUsB,EAAA;;ADuUxB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAAsB,E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DAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,sDAAiF;YAAjF,8CAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,sDAAiF;cAAjF,8CAAiF,EAAA;;AG9CvF;EHqDA,c5C3D0B;E4C4D1B,qB5C5D0B,EAAA;E8CU1B;IFqDE,cvCjDc;IuCkDd,yB5ChEwB;I4CiExB,qB5CjEwB,EAAA;E4CoE1B;IAEE,wD5CtEwB;Y4CsExB,gD5CtEwB,EAAA;E4CyE1B;IAEE,c5C3EwB;I4C4ExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CnFwB;I4CoFxB,qB5CpFwB,EAAA;I4CsFxB;;MAKI,wD5C3FoB;c4C2FpB,gD5C3FoB,EAAA;;A+CM1B;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,czCzD0B;EyC0D1B,qBzC1D0B,EAAA;E2CQ1B;IFqDE,WvC1DW;IuC2DX,yBzC9DwB;IyC+DxB,qBzC/DwB,EAAA;EyCkE1B;IAEE,wDzCpEwB;YyCoExB,gDzCpEwB,EAAA;EyCuE1B;IAEE,czCzEwB;IyC0ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzCjFwB;IyCkFxB,qBzClFwB,EAAA;IyCoFxB;;MAKI,wDzCzFoB;cyCyFpB,gDzCzFoB,EAAA;;A4CI1B;EHqDA,czCxDuB;EyCyDvB,qBzCzDuB,EAAA;E2COvB;IFqDE,WvC1DW;IuC2DX,yBzC7DqB;IyC8DrB,qBzC9DqB,EAAA;EyCiEvB;IAEE,wDzCnEqB;YyCmErB,gDzCnEqB,EAAA;EyCsEvB;IAEE,czCxEqB;IyCyErB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzChFqB;IyCiFrB,qBzCjFqB,EAAA;IyCmFrB;;MAKI,wDzCxFiB;cyCwFjB,gDzCxFiB,EAAA;;A4CGvB;EHqDA,czCvD0B;EyCwD1B,qBzCxD0B,EAAA;E2CM1B;IFqDE,cvCjDc;IuCkDd,yBzC5DwB;IyC6DxB,qBzC7DwB,EAAA;EyCgE1B;IAEE,wDzClEwB;YyCkExB,gDzClEwB,EAAA;EyCqE1B;IAEE,czCvEwB;IyCwExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yBzC/EwB;IyCgFxB,qBzChFwB,EAAA;IyCkFxB;;MAKI,wDzCvFoB;cyCuFpB,gDzCvFoB,EAAA;;A4CE1B;EHqDA,czCtDyB;EyCuDzB,qBzCvDyB,EAAA;E2CKzB;IFqDE,WvC1DW;IuC2DX,yBzC3DuB;IyC4DvB,qBzC5DuB,EAAA;EyC+DzB;IAEE,wDzCjEuB;YyCiEvB,gDzCjEuB,EAAA;EyCoEzB;IAEE,czCtEuB;IyCuEvB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC9EuB;IyC+EvB,qBzC/EuB,EAAA;IyCiFvB;;MAKI,wDzCtFmB;cyCsFnB,gDzCtFmB,EAAA;;A4CCzB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDHlF;4EA4lE4E;AA1lE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-2.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary:\t\t\t\t\t\t#9fcb3d;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-2 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-3.css b/public/assets/css/themes/cust-theme-3.css
new file mode 100644
index 0000000..58a660a
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-3.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #2b4c81; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #82a4dd !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #4679cc !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #4679cc !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #4679cc; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #d6d6d6;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #4679cc;
+ background: #6e96d7;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #161616; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #4679cc; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #fffaee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #4679cc; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(37, 74, 135, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(37, 74, 135, 0.13); } }
+
+.nav-title {
+ color: #4372c0; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #4679cc;
+ box-shadow: inset 3px 0 0 #4679cc; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #8a9dbb; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #97b1dc; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #4a78c2; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #8a9dbb; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(53, 94, 159, 0.8);
+ box-shadow: 0 0 0 1px rgba(53, 94, 159, 0.8);
+ border: 1px solid rgba(53, 94, 159, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #5a87d2; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #84a3d6; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #4a78c2; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #8a9dbb; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #8a9dbb; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #7c9dd3; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995;
+ border: 1px solid #494949; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #494949 !important; }
+ .nav-menu-clean li a span {
+ color: #494949 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #3c69b2; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #161616; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #2b4c81;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #6e96d7; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #96b3e2; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #366bc3;
+ box-shadow: 0 0 0 1px #366bc3; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(37, 74, 135, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #7498d1; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #2b4c81; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #345c9c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #97b1dc; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #345c9c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #345c9c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #4679cc;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #2b4c81; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #2b4c81; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #305590;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #2b4c81; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #2b4c81; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #494949;
+ border-color: #303030 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #6189ca; }
+
+.nav-function-fixed .nav-footer {
+ background: #2b4c81; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(56, 98, 167, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#2b4c81), color-stop(50%, #3e6dba), color-stop(50%, #3e6dba), to(#2b4c81));
+ background: linear-gradient(to right, #2b4c81 0%, #3e6dba 50%, #3e6dba 50%, #2b4c81 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #294779; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #4a78c2; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #2f538c; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #8a9dbb; } }
+
+.page-content-wrapper {
+ background-color: #edf2f9; }
+
+.subheader-icon {
+ color: #8a9dbb; }
+
+.subheader-title {
+ color: #494949;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #7c7c7c; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #4679cc; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #7c7c7c; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #6e96d7; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #4679cc; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #57606e;
+ background-color: #e5ebf4;
+ border-color: #c2cddf; }
+
+.alert-success {
+ color: #45a197;
+ background-color: #f7fdfc;
+ border-color: #a3ebe4; }
+
+.alert-danger {
+ color: #e7026e;
+ background-color: #ffe5f1;
+ border-color: #fe9ecb; }
+
+.alert-warning {
+ color: #c18300;
+ background-color: #fff8e9;
+ border-color: #ffcd65; }
+
+.alert-info {
+ color: #0a6ebd;
+ background-color: #e3f2fd;
+ border-color: #82c4f8; }
+
+.alert-secondary {
+ color: #494949;
+ background-color: #f4f4f4;
+ border-color: #d6d6d6; }
+
+.badge.badge-icon {
+ background-color: #fd3995;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #636363;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #4679cc; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #4679cc; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #fc077a;
+ background-color: #fd2087;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
+ background-image: linear-gradient(to top, #fd2087, #e7026e);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(70, 121, 204, 0.3);
+ box-shadow: 0px 0px 2px rgba(70, 121, 204, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #4679cc;
+ border-color: #366bc3; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(70, 121, 204, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(73, 73, 73, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(73, 73, 73, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #3060af; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc9b7; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(37, 74, 135, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(37, 74, 135, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(22, 32, 48, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(32, 63, 115, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #fd3995; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(110, 150, 215, 0.7);
+ border-left-color: rgba(70, 121, 204, 0.7);
+ border-right-color: rgba(70, 121, 204, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(70, 121, 204, 0.7) rgba(54, 107, 195, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #fe6bb0;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc9b7; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ffc241; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #fd3995; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #d8e0ed; }
+ .panel-placeholder:before {
+ background: #d8e0ed; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #4679cc;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #3060af; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #494949; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f2f2f2));
+ background-image: linear-gradient(to top, #fff, #f2f2f2); }
+
+.bg-subtlelight {
+ background-color: #f6f8fc; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f6f8fc));
+ background-image: linear-gradient(to top, #fff, #f6f8fc); }
+
+.bg-highlight {
+ background-color: #fffaee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(22, 22, 22, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7f4fe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3e93d6, #527cc0); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #494949;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc9b7; }
+ .status.status-danger:before {
+ background: #fd3995; }
+ .status.status-warning:before {
+ background: #ffc241; }
+
+/* display frame */
+.frame-heading {
+ color: #9b9b9b; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #707070; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #f2f2f2; }
+
+/* select background */
+::-moz-selection {
+ background: #494949;
+ color: #fff; }
+::selection {
+ background: #494949;
+ color: #fff; }
+
+::-moz-selection {
+ background: #494949;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #edf2f9; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #4679cc; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #898989; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #4679cc; }
+
+.has-length .input-group-text {
+ border-color: #4679cc; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #4679cc;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #898989; }
+
+.settings-panel h5 {
+ color: #494949; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #565656; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #161616; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #305590; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #4a78c2; }
+
+.bg-primary-50 {
+ background-color: #aac1e8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #96b3e2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #82a4dd;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #6e96d7;
+ color: white; }
+ .bg-primary-300:hover {
+ color: white; }
+
+.bg-primary-400 {
+ background-color: #5a87d2;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #4679cc;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #366bc3;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #3060af;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #2b559b;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #254a87;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #aac1e8; }
+
+.color-primary-100 {
+ color: #96b3e2; }
+
+.color-primary-200 {
+ color: #82a4dd; }
+
+.color-primary-300 {
+ color: #6e96d7; }
+
+.color-primary-400 {
+ color: #5a87d2; }
+
+.color-primary-500 {
+ color: #4679cc; }
+
+.color-primary-600 {
+ color: #366bc3; }
+
+.color-primary-700 {
+ color: #3060af; }
+
+.color-primary-800 {
+ color: #2b559b; }
+
+.color-primary-900 {
+ color: #254a87; }
+
+.bg-success-50 {
+ background-color: #7aece0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e9db;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de5d5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e2d0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21dfcb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc9b7;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab3a3;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c8e;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13867a;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107066;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aece0; }
+
+.color-success-100 {
+ color: #63e9db; }
+
+.color-success-200 {
+ color: #4de5d5; }
+
+.color-success-300 {
+ color: #37e2d0; }
+
+.color-success-400 {
+ color: #21dfcb; }
+
+.color-success-500 {
+ color: #1dc9b7; }
+
+.color-success-600 {
+ color: #1ab3a3; }
+
+.color-success-700 {
+ color: #179c8e; }
+
+.color-success-800 {
+ color: #13867a; }
+
+.color-success-900 {
+ color: #107066; }
+
+.bg-info-50 {
+ background-color: #9acffa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82c4f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6ab8f7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51adf6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #39a1f4;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #2196F3;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #0d8aee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0c7cd5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0a6ebd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0960a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9acffa; }
+
+.color-info-100 {
+ color: #82c4f8; }
+
+.color-info-200 {
+ color: #6ab8f7; }
+
+.color-info-300 {
+ color: #51adf6; }
+
+.color-info-400 {
+ color: #39a1f4; }
+
+.color-info-500 {
+ color: #2196F3; }
+
+.color-info-600 {
+ color: #0d8aee; }
+
+.color-info-700 {
+ color: #0c7cd5; }
+
+.color-info-800 {
+ color: #0a6ebd; }
+
+.color-info-900 {
+ color: #0960a5; }
+
+.bg-warning-50 {
+ background-color: #ffebc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #ffe3a7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffdb8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffd274;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffca5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ffc241;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #ffba28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #ffb20e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #f4a500;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #da9400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #ffebc1; }
+
+.color-warning-100 {
+ color: #ffe3a7; }
+
+.color-warning-200 {
+ color: #ffdb8e; }
+
+.color-warning-300 {
+ color: #ffd274; }
+
+.color-warning-400 {
+ color: #ffca5b; }
+
+.color-warning-500 {
+ color: #ffc241; }
+
+.color-warning-600 {
+ color: #ffba28; }
+
+.color-warning-700 {
+ color: #ffb20e; }
+
+.color-warning-800 {
+ color: #f4a500; }
+
+.color-warning-900 {
+ color: #da9400; }
+
+.bg-danger-50 {
+ background-color: #feb7d9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #fe9ecb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #fe85be;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #fe6bb0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #fd52a3;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #fd3995;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #fd2087;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #fc077a;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #e7026e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #ce0262;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #feb7d9; }
+
+.color-danger-100 {
+ color: #fe9ecb; }
+
+.color-danger-200 {
+ color: #fe85be; }
+
+.color-danger-300 {
+ color: #fe6bb0; }
+
+.color-danger-400 {
+ color: #fd52a3; }
+
+.color-danger-500 {
+ color: #fd3995; }
+
+.color-danger-600 {
+ color: #fd2087; }
+
+.color-danger-700 {
+ color: #fc077a; }
+
+.color-danger-800 {
+ color: #e7026e; }
+
+.color-danger-900 {
+ color: #ce0262; }
+
+.bg-fusion-50 {
+ background-color: #898989;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #7c7c7c;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #707070;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #636363;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #565656;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #494949;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #3d3d3d;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #303030;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #232323;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #161616;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #898989; }
+
+.color-fusion-100 {
+ color: #7c7c7c; }
+
+.color-fusion-200 {
+ color: #707070; }
+
+.color-fusion-300 {
+ color: #636363; }
+
+.color-fusion-400 {
+ color: #565656; }
+
+.color-fusion-500 {
+ color: #494949; }
+
+.color-fusion-600 {
+ color: #3d3d3d; }
+
+.color-fusion-700 {
+ color: #303030; }
+
+.color-fusion-800 {
+ color: #232323; }
+
+.color-fusion-900 {
+ color: #161616; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(37, 74, 135, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(22, 22, 22, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #4679cc;
+ border-color: #4679cc;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #3366b9;
+ border-color: #3060af; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #4679cc;
+ border-color: #4679cc; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #3060af;
+ border-color: #2d5ba5; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(98, 141, 212, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a899;
+ border-color: #179c8e; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c8e;
+ border-color: #159184; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #0c83e2;
+ border-color: #0c7cd5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0c7cd5;
+ border-color: #0b75c9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #ffb61b;
+ border-color: #ffb20e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffb20e;
+ border-color: #ffae01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #fd1381;
+ border-color: #fc077a; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fc077a;
+ border-color: #f40274; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #494949;
+ border-color: #494949;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #363636;
+ border-color: #303030; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(101, 101, 101, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(101, 101, 101, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #494949;
+ border-color: #494949; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #303030;
+ border-color: #292929; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(101, 101, 101, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(101, 101, 101, 0.5); }
+
+.btn-outline-primary {
+ color: #4679cc;
+ border-color: #4679cc; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #4679cc;
+ border-color: #4679cc; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #4679cc;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #4679cc;
+ border-color: #4679cc; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(70, 121, 204, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc9b7;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+
+.btn-outline-info {
+ color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #2196F3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffc241;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #fd3995;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #494949;
+ border-color: #494949; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #494949;
+ border-color: #494949; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #494949;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #494949;
+ border-color: #494949; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(73, 73, 73, 0.5); }
+
+.border-primary {
+ border-color: #4679cc !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc9b7 !important; }
+
+.border-info {
+ border-color: #2196F3 !important; }
+
+.border-warning {
+ border-color: #ffc241 !important; }
+
+.border-danger {
+ border-color: #fd3995 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #494949 !important; }
+
+.text-primary {
+ color: #4679cc !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #2b559b !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc9b7 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13867a !important; }
+
+.text-info {
+ color: #2196F3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0a6ebd !important; }
+
+.text-warning {
+ color: #ffc241 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #f4a500 !important; }
+
+.text-danger {
+ color: #fd3995 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #e7026e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #494949 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #232323 !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-3 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-3.css.map */
diff --git a/public/assets/css/themes/cust-theme-3.css.map b/public/assets/css/themes/cust-theme-3.css.map
new file mode 100644
index 0000000..2d10abb
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-3.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-3.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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EsBL1B,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1Bb0B,EAAA;I0BD5B;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpByB,EAAA;;A0B0B5B,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,uD1BlD2B;U0BkD3B,+C1BlD2B,EAAA;E0B8C5B;IAOE,mB1BrD0B;I0BsD1B,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,uD1BtF0B;U0BsF1B,+C1BtF0B,EAAA;;A0ByF1B;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,uDvBpF0B;UuBoF1B,+CvBpF0B,EAAA;;AuBuF1B;EAHA,uDvBnFuB;UuBmFvB,+CvBnFuB,EAAA;;AuBsFvB;EAHA,uDvBlF0B;UuBkF1B,+CvBlF0B,EAAA;;AuBqF1B;EAHA,uDvBjFyB;UuBiFzB,+CvBjFyB,EAAA;;AuBoFzB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA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CzUmB,EAAA;;ADwUrB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC9TsB;EDiTxB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cCxUsB,EAAA;;ADuUxB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAA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CI1B,qBzCJ0B;EDgIxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzC3BwB;IyC4BxB,qBzC5BwB,EAAA;EyCmC1B;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CDqB;EyCGvB,qBzCHuB;ED+HrB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzC1BqB;IyC2BrB,qBzC3BqB,EAAA;EyCkCvB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB1CAwB;EyCE1B,qBzCF0B;ED8HxB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yBzCzBwB;IyC0BxB,qBzC1BwB,EAAA;EyCiC1B;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CCuB;EyCCzB,qBzCDyB;ED6HvB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCxBuB;IyCyBvB,qBzCzBuB,EAAA;EyCgCzB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3D0B;E4C4D1B,qB5C5D0B,EAAA;E8CU1B;IFqDE,WvC1DW;IuC2DX,yB5ChEwB;I4CiExB,qB5CjEwB,EAAA;E4CoE1B;IAEE,wD5CtEwB;Y4CsExB,gD5CtEwB,EAAA;E4CyE1B;IAEE,c5C3EwB;I4C4ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFwB;I4CoFxB,qB5CpFwB,EAAA;I4CsFxB;;MAKI,wD5C3FoB;c4C2FpB,gD5C3FoB,EAAA;;A+CM1B;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,czCzD0B;EyC0D1B,qBzC1D0B,EAAA;E2CQ1B;IFqDE,WvC1DW;IuC2DX,yBzC9DwB;IyC+DxB,qBzC/DwB,EAAA;EyCkE1B;IAEE,wDzCpEwB;YyCoExB,gDzCpEwB,EAAA;EyCuE1B;IAEE,czCzEwB;IyC0ExB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzCjFwB;IyCkFxB,qBzClFwB,EAAA;IyCoFxB;;MAKI,wDzCzFoB;cyCyFpB,gDzCzFoB,EAAA;;A4CI1B;EHqDA,czCxDuB;EyCyDvB,qBzCzDuB,EAAA;E2COvB;IFqDE,WvC1DW;IuC2DX,yBzC7DqB;IyC8DrB,qBzC9DqB,EAAA;EyCiEvB;IAEE,wDzCnEqB;YyCmErB,gDzCnEqB,EAAA;EyCsEvB;IAEE,czCxEqB;IyCyErB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzChFqB;IyCiFrB,qBzCjFqB,EAAA;IyCmFrB;;MAKI,wDzCxFiB;cyCwFjB,gDzCxFiB,EAAA;;A4CGvB;EHqDA,czCvD0B;EyCwD1B,qBzCxD0B,EAAA;E2CM1B;IFqDE,cvCjDc;IuCkDd,yBzC5DwB;IyC6DxB,qBzC7DwB,EAAA;EyCgE1B;IAEE,wDzClEwB;YyCkExB,gDzClEwB,EAAA;EyCqE1B;IAEE,czCvEwB;IyCwExB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yBzC/EwB;IyCgFxB,qBzChFwB,EAAA;IyCkFxB;;MAKI,wDzCvFoB;cyCuFpB,gDzCvFoB,EAAA;;A4CE1B;EHqDA,czCtDyB;EyCuDzB,qBzCvDyB,EAAA;E2CKzB;IFqDE,WvC1DW;IuC2DX,yBzC3DuB;IyC4DvB,qBzC5DuB,EAAA;EyC+DzB;IAEE,wDzCjEuB;YyCiEvB,gDzCjEuB,EAAA;EyCoEzB;IAEE,czCtEuB;IyCuEvB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC9EuB;IyC+EvB,qBzC/EuB,EAAA;IyCiFvB;;MAKI,wDzCtFmB;cyCsFnB,gDzCtFmB,EAAA;;A4CCzB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDHlF;4EA4lE4E;AA1lE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-3.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary:\t\t\t\t\t\t#4679cc;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-3 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-4.css b/public/assets/css/themes/cust-theme-4.css
new file mode 100644
index 0000000..a6b3de2
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-4.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(178, 45, 226, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(178, 45, 226, 0.18), transparent);
+ background-color: #0f619f; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #6abaf7 !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #2198F3 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #2198F3 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #2198F3; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #d3d6da;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #2198F3;
+ background: #51aef6;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #ffd193;
+ border: 1px solid #df8000;
+ color: #15171a; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #2198F3; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #ffe4c0; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #2198F3; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(9, 97, 165, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(9, 97, 165, 0.13); } }
+
+.nav-title {
+ color: #1b90e9; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #2198F3;
+ box-shadow: inset 3px 0 0 #2198F3; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #6dabda; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #82c2f3; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #2595ea; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #6dabda; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(19, 119, 196, 0.8);
+ box-shadow: 0 0 0 1px rgba(19, 119, 196, 0.8);
+ border: 1px solid rgba(19, 119, 196, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #39a3f4; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #6ab7f1; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #2595ea; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #FC1349; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #6dabda; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #6dabda; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #61b2f0; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #FC1349;
+ border: 1px solid #434a51; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #434a51 !important; }
+ .nav-menu-clean li a span {
+ color: #434a51 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #1585dc; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #ffd193;
+ border: 1px solid #df8000;
+ color: #15171a; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(178, 45, 226, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(178, 45, 226, 0.18), transparent);
+ background-color: #0f619f;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(9, 97, 165, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(9, 97, 165, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #51aef6; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #82c5f8; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #0d8cee;
+ box-shadow: 0 0 0 1px #0d8cee; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(9, 97, 165, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(9, 97, 165, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #58aeef; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #0f619f; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #1274c0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #82c2f3; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #1274c0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #1274c0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #2198F3;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #0f619f; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #0f619f; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #116cb2;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #0f619f; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #0f619f; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #434a51;
+ border-color: #2c3136 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #40a2ed; }
+
+.nav-function-fixed .nav-footer {
+ background: #0f619f; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(19, 125, 206, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#0f619f), color-stop(50%, #168be5), color-stop(50%, #168be5), to(#0f619f));
+ background: linear-gradient(to right, #0f619f 0%, #168be5 50%, #168be5 50%, #0f619f 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #0e5b96; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #2595ea; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #1069ad; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #6dabda; } }
+
+.page-content-wrapper {
+ background-color: #ebf6fd; }
+
+.subheader-icon {
+ color: #6dabda; }
+
+.subheader-title {
+ color: #434a51;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #717d89; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #2198F3; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #717d89; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #51aef6; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #2198F3; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #376a90;
+ background-color: #e1effa;
+ border-color: #b4d5ef; }
+
+.alert-success {
+ color: #74d13d;
+ background-color: white;
+ border-color: #d3fabc; }
+
+.alert-danger {
+ color: #c0022e;
+ background-color: #febecd;
+ border-color: #fd7897; }
+
+.alert-warning {
+ color: #935400;
+ background-color: #ffe2bb;
+ border-color: #ffa937; }
+
+.alert-info {
+ color: #8b09ba;
+ background-color: #f5defd;
+ border-color: #d87cf9; }
+
+.alert-secondary {
+ color: #434a51;
+ background-color: #f4f5f6;
+ border-color: #d3d6da; }
+
+.badge.badge-icon {
+ background-color: #FC1349;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #5a636d;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #2198F3; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #2198F3; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #d90334;
+ background-color: #f2033b;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f2033b), to(#c0022e));
+ background-image: linear-gradient(to top, #f2033b, #c0022e);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(33, 152, 243, 0.3);
+ box-shadow: 0px 0px 2px rgba(33, 152, 243, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #2198F3;
+ border-color: #0d8cee; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 152, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 152, 243, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(105, 251, 19, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(105, 251, 19, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(187, 27, 244, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(187, 27, 244, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 154, 19, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 154, 19, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(252, 19, 73, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(252, 19, 73, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(67, 74, 81, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(67, 74, 81, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #0c7ed5; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #69FB13; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(9, 97, 165, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(9, 97, 165, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(11, 39, 61, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(8, 83, 141, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(8, 83, 141, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #FC1349; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(81, 174, 246, 0.7);
+ border-left-color: rgba(33, 152, 243, 0.7);
+ border-right-color: rgba(33, 152, 243, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(33, 152, 243, 0.7) rgba(13, 140, 238, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #fd4570;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #69FB13; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #FF9A13; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #FC1349; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #d0e6f7; }
+ .panel-placeholder:before {
+ background: #d0e6f7; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #2198F3;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #0c7ed5; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #434a51; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f1f3f4));
+ background-image: linear-gradient(to top, #fff, #f1f3f4); }
+
+.bg-subtlelight {
+ background-color: #f6fbff; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f6fbff));
+ background-image: linear-gradient(to top, #fff, #f6fbff); }
+
+.bg-highlight {
+ background-color: #ffe4c0; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(21, 23, 26, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #f6e2fe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #ad39d6, #2d96e7); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #434a51;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #69FB13; }
+ .status.status-danger:before {
+ background: #FC1349; }
+ .status.status-warning:before {
+ background: #FF9A13; }
+
+/* display frame */
+.frame-heading {
+ color: #929ca6; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #66707b; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #eff3f6; }
+
+/* select background */
+::-moz-selection {
+ background: #434a51;
+ color: #fff; }
+::selection {
+ background: #434a51;
+ color: #fff; }
+
+::-moz-selection {
+ background: #434a51;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #ebf6fd; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #2198F3; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #7f8a95; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #2198F3; }
+
+.has-length .input-group-text {
+ border-color: #2198F3; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #2198F3;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #7f8a95; }
+
+.settings-panel h5 {
+ color: #434a51; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #4f575f; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #ffd193;
+ border: 1px solid #df8000;
+ color: #15171a; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #116cb2; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #2595ea; }
+
+.bg-primary-50 {
+ background-color: #9ad0fa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #82c5f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #6abaf7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #51aef6;
+ color: white; }
+ .bg-primary-300:hover {
+ color: white; }
+
+.bg-primary-400 {
+ background-color: #39a3f4;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #2198F3;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #0d8cee;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #0c7ed5;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #0a70bd;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #0961a5;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #9ad0fa; }
+
+.color-primary-100 {
+ color: #82c5f8; }
+
+.color-primary-200 {
+ color: #6abaf7; }
+
+.color-primary-300 {
+ color: #51aef6; }
+
+.color-primary-400 {
+ color: #39a3f4; }
+
+.color-primary-500 {
+ color: #2198F3; }
+
+.color-primary-600 {
+ color: #0d8cee; }
+
+.color-primary-700 {
+ color: #0c7ed5; }
+
+.color-primary-800 {
+ color: #0a70bd; }
+
+.color-primary-900 {
+ color: #0961a5; }
+
+.bg-success-50 {
+ background-color: #b9fd90;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #a9fd77;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #99fc5e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #89fc45;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #79fb2c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #69FB13;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-600 {
+ background-color: #5cf004;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-700 {
+ background-color: #52d704;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-800 {
+ background-color: #49be03;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-900 {
+ background-color: #3fa503;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #b9fd90; }
+
+.color-success-100 {
+ color: #a9fd77; }
+
+.color-success-200 {
+ color: #99fc5e; }
+
+.color-success-300 {
+ color: #89fc45; }
+
+.color-success-400 {
+ color: #79fb2c; }
+
+.color-success-500 {
+ color: #69FB13; }
+
+.color-success-600 {
+ color: #5cf004; }
+
+.color-success-700 {
+ color: #52d704; }
+
+.color-success-800 {
+ color: #49be03; }
+
+.color-success-900 {
+ color: #3fa503; }
+
+.bg-info-50 {
+ background-color: #df95fa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #d87cf9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #d164f8;
+ color: white; }
+ .bg-info-200:hover {
+ color: white; }
+
+.bg-info-300 {
+ background-color: #ca4cf6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #c233f5;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #BB1BF4;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #b00bea;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #9d0ad2;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #8b09ba;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #7908a1;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #df95fa; }
+
+.color-info-100 {
+ color: #d87cf9; }
+
+.color-info-200 {
+ color: #d164f8; }
+
+.color-info-300 {
+ color: #ca4cf6; }
+
+.color-info-400 {
+ color: #c233f5; }
+
+.color-info-500 {
+ color: #BB1BF4; }
+
+.color-info-600 {
+ color: #b00bea; }
+
+.color-info-700 {
+ color: #9d0ad2; }
+
+.color-info-800 {
+ color: #8b09ba; }
+
+.color-info-900 {
+ color: #7908a1; }
+
+.bg-warning-50 {
+ background-color: #ffd193;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #ffc679;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffbb60;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffb046;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffa52d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #FF9A13;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #f98e00;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #df8000;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #c67100;
+ color: white; }
+ .bg-warning-800:hover {
+ color: white; }
+
+.bg-warning-900 {
+ background-color: #ac6200;
+ color: white; }
+ .bg-warning-900:hover {
+ color: white; }
+
+.color-warning-50 {
+ color: #ffd193; }
+
+.color-warning-100 {
+ color: #ffc679; }
+
+.color-warning-200 {
+ color: #ffbb60; }
+
+.color-warning-300 {
+ color: #ffb046; }
+
+.color-warning-400 {
+ color: #ffa52d; }
+
+.color-warning-500 {
+ color: #FF9A13; }
+
+.color-warning-600 {
+ color: #f98e00; }
+
+.color-warning-700 {
+ color: #df8000; }
+
+.color-warning-800 {
+ color: #c67100; }
+
+.color-warning-900 {
+ color: #ac6200; }
+
+.bg-danger-50 {
+ background-color: #fe91aa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #fd7897;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #fd5f83;
+ color: white; }
+ .bg-danger-200:hover {
+ color: white; }
+
+.bg-danger-300 {
+ background-color: #fd4570;
+ color: white; }
+ .bg-danger-300:hover {
+ color: white; }
+
+.bg-danger-400 {
+ background-color: #fc2c5c;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #FC1349;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #f2033b;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #d90334;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #c0022e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #a70228;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #fe91aa; }
+
+.color-danger-100 {
+ color: #fd7897; }
+
+.color-danger-200 {
+ color: #fd5f83; }
+
+.color-danger-300 {
+ color: #fd4570; }
+
+.color-danger-400 {
+ color: #fc2c5c; }
+
+.color-danger-500 {
+ color: #FC1349; }
+
+.color-danger-600 {
+ color: #f2033b; }
+
+.color-danger-700 {
+ color: #d90334; }
+
+.color-danger-800 {
+ color: #c0022e; }
+
+.color-danger-900 {
+ color: #a70228; }
+
+.bg-fusion-50 {
+ background-color: #7f8a95;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #717d89;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #66707b;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #5a636d;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #4f575f;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #434a51;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #383d43;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #2c3136;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #202428;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #15171a;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #7f8a95; }
+
+.color-fusion-100 {
+ color: #717d89; }
+
+.color-fusion-200 {
+ color: #66707b; }
+
+.color-fusion-300 {
+ color: #5a636d; }
+
+.color-fusion-400 {
+ color: #4f575f; }
+
+.color-fusion-500 {
+ color: #434a51; }
+
+.color-fusion-600 {
+ color: #383d43; }
+
+.color-fusion-700 {
+ color: #2c3136; }
+
+.color-fusion-800 {
+ color: #202428; }
+
+.color-fusion-900 {
+ color: #15171a; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 97, 165, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(167, 2, 40, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(121, 8, 161, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(172, 98, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(63, 165, 3, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(21, 23, 26, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #2198F3;
+ border-color: #2198F3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #0c85e2;
+ border-color: #0c7ed5; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 167, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 167, 245, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #2198F3;
+ border-color: #2198F3; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0c7ed5;
+ border-color: #0b77c9; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 167, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 167, 245, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #212529;
+ background-color: #69FB13;
+ border-color: #69FB13;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #212529;
+ background-color: #57e404;
+ border-color: #52d704; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 219, 22, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(94, 219, 22, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #212529;
+ background-color: #69FB13;
+ border-color: #69FB13; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #212529;
+ background-color: #52d704;
+ border-color: #4dcb03; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(94, 219, 22, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(94, 219, 22, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #BB1BF4;
+ border-color: #BB1BF4;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #a70bde;
+ border-color: #9d0ad2; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 61, 246, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(197, 61, 246, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #BB1BF4;
+ border-color: #BB1BF4; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #9d0ad2;
+ border-color: #940ac6; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(197, 61, 246, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(197, 61, 246, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #FF9A13;
+ border-color: #FF9A13;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #fff;
+ background-color: #ec8700;
+ border-color: #df8000; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 136, 22, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 136, 22, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #FF9A13;
+ border-color: #FF9A13; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #fff;
+ background-color: #df8000;
+ border-color: #d27800; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 136, 22, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 136, 22, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #FC1349;
+ border-color: #FC1349;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #e60338;
+ border-color: #d90334; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 54, 100, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(252, 54, 100, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #FC1349;
+ border-color: #FC1349; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #d90334;
+ border-color: #cd0331; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 54, 100, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(252, 54, 100, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #434a51;
+ border-color: #434a51;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #32373c;
+ border-color: #2c3136; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(95, 101, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(95, 101, 108, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #434a51;
+ border-color: #434a51; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #2c3136;
+ border-color: #262a2f; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(95, 101, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(95, 101, 108, 0.5); }
+
+.btn-outline-primary {
+ color: #2198F3;
+ border-color: #2198F3; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #2198F3;
+ border-color: #2198F3; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 152, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 152, 243, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #2198F3;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #2198F3;
+ border-color: #2198F3; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 152, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 152, 243, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #69FB13;
+ border-color: #69FB13; }
+ .btn-outline-success:hover {
+ color: #212529;
+ background-color: #69FB13;
+ border-color: #69FB13; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 251, 19, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(105, 251, 19, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #69FB13;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #212529;
+ background-color: #69FB13;
+ border-color: #69FB13; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 251, 19, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(105, 251, 19, 0.5); }
+
+.btn-outline-info {
+ color: #BB1BF4;
+ border-color: #BB1BF4; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #BB1BF4;
+ border-color: #BB1BF4; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 27, 244, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(187, 27, 244, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #BB1BF4;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #BB1BF4;
+ border-color: #BB1BF4; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(187, 27, 244, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(187, 27, 244, 0.5); }
+
+.btn-outline-warning {
+ color: #FF9A13;
+ border-color: #FF9A13; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #FF9A13;
+ border-color: #FF9A13; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 19, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 154, 19, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #FF9A13;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #FF9A13;
+ border-color: #FF9A13; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 154, 19, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 154, 19, 0.5); }
+
+.btn-outline-danger {
+ color: #FC1349;
+ border-color: #FC1349; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #FC1349;
+ border-color: #FC1349; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 19, 73, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(252, 19, 73, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #FC1349;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #FC1349;
+ border-color: #FC1349; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(252, 19, 73, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(252, 19, 73, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #434a51;
+ border-color: #434a51; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #434a51;
+ border-color: #434a51; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 74, 81, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(67, 74, 81, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #434a51;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #434a51;
+ border-color: #434a51; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 74, 81, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(67, 74, 81, 0.5); }
+
+.border-primary {
+ border-color: #2198F3 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #69FB13 !important; }
+
+.border-info {
+ border-color: #BB1BF4 !important; }
+
+.border-warning {
+ border-color: #FF9A13 !important; }
+
+.border-danger {
+ border-color: #FC1349 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #434a51 !important; }
+
+.text-primary {
+ color: #2198F3 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #0a70bd !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #69FB13 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #49be03 !important; }
+
+.text-info {
+ color: #BB1BF4 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #8b09ba !important; }
+
+.text-warning {
+ color: #FF9A13 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #c67100 !important; }
+
+.text-danger {
+ color: #FC1349 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #c0022e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #434a51 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #202428 !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-4 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-4.css.map */
diff --git a/public/assets/css/themes/cust-theme-4.css.map b/public/assets/css/themes/cust-theme-4.css.map
new file mode 100644
index 0000000..7b50343
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-4.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-4.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,uD1BlDsB;U0BkDtB,+C1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,uD1BtFqB;U0BsFrB,+C1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,uD1BrFqB;U0BqFrB,+C1BrFqB,EAAA;;A0BwFrB;EAHA,uD1BpFkB;U0BoFlB,+C1BpFkB,EAAA;;A0BuFlB;EAHA,uD1BnFqB;U0BmFrB,+C1BnFqB,EAAA;;A0BsFrB;EAHA,sD1BlFoB;U0BkFpB,8C1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AA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EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzOsC;EDwNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBF9TgB;EE6SlB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCvOqC;EDsNvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtOsC;EDqNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrOsC;EDoNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpOsC;EDmNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvPuC,EAAA;;ADsPzC;EACE,cCtPuC,EAAA;;ADqPzC;EACE,cCrPuC,EAAA;;ADoPzC;EACE,cCpPuC,EAAA;;ADmPzC;EACE,cCnPsC,EAAA;;ADkPxC;EACE,cFxUgB,EAAA;;AEuUlB;EACE,cCjPqC,EAAA;;ADgPvC;EACE,cChPsC,EAAA;;AD+OxC;EACE,cC/OsC,EAAA;;AD8OxC;EACE,cC9OsC,EAAA;;ADmOxC;EACE,yBCjOuC;EDgNzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBChOuC;ED+MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC/NuC;ED8MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9NuC;ED6MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7NsC;ED4MxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC5TyE;ED2S3E,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3NqC;ED0MvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1NsC;EDyMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzNsC;EDwMxC,YAA0B,EAAA;EAgB1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AiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,WvC1DW;IuC2DX,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,wD5CtEmB;Y4CsEnB,gD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,wD5C3Fe;c4C2Ff,gD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,cvCjDc;IuCkDd,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,wD5CrEmB;Y4CqEnB,gD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,wD5C1Fe;c4C0Ff,gD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,WvC1DW;IuC2DX,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,wD5CpEgB;Y4CoEhB,gD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,wD5CzFY;c4CyFZ,gD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,wD5CnEmB;Y4CmEnB,gD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,wD5CxFe;c4CwFf,gD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,WvC1DW;IuC2DX,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,uD5ClEkB;Y4CkElB,+C5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,uD5CvFc;c4CuFd,+C5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-4.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #2198F3;\r\n$color-success: #69FB13; \r\n$color-info: #BB1BF4; \r\n$color-warning: #FF9A13;\r\n$color-danger: #FC1349;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-4 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-5.css b/public/assets/css/themes/cust-theme-5.css
new file mode 100644
index 0000000..a92f151
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-5.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(143, 123, 164, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(143, 123, 164, 0.18), transparent);
+ background-color: #447574; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #9dcece !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #6ab5b4 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #6ab5b4 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #6ab5b4; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid gainsboro;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #6ab5b4;
+ background: #8cc6c5;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #f9f5e5;
+ border: 1px solid #d6c155;
+ color: #1d1d1d; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #6ab5b4; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: white; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #6ab5b4; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(61, 124, 123, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(61, 124, 123, 0.13); } }
+
+.nav-title {
+ color: #68a8a7; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #6ab5b4;
+ box-shadow: inset 3px 0 0 #6ab5b4; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #a6acac; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #afd1d0; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #6fabab; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #a6acac; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(83, 143, 142, 0.8);
+ box-shadow: 0 0 0 1px rgba(83, 143, 142, 0.8);
+ border: 1px solid rgba(83, 143, 142, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #7bbdbd; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #9fc7c7; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #6fabab; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #b57d6a; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #a6acac; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #a6acac; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #99c4c3; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #b57d6a;
+ border: 1px solid #505050; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #505050 !important; }
+ .nav-menu-clean li a span {
+ color: #505050 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #5c9f9e; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #f9f5e5;
+ border: 1px solid #d6c155;
+ color: #1d1d1d; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(143, 123, 164, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(143, 123, 164, 0.18), transparent);
+ background-color: #447574;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(61, 124, 123, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(61, 124, 123, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #8cc6c5; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #aed7d6; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #59adab;
+ box-shadow: 0 0 0 1px #59adab; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(61, 124, 123, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(61, 124, 123, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #92c0bf; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #447574; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #518c8b; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #afd1d0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #518c8b; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #518c8b; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #6ab5b4;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #447574; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #447574; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #4b8281;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #447574; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #447574; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #505050;
+ border-color: #363636 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #82b7b6; }
+
+.nav-function-fixed .nav-footer {
+ background: #447574; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(87, 149, 149, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#447574), color-stop(50%, #62a4a3), color-stop(50%, #62a4a3), to(#447574));
+ background: linear-gradient(to right, #447574 0%, #62a4a3 50%, #62a4a3 50%, #447574 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #406f6e; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #6fabab; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #497f7e; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #a6acac; } }
+
+.page-content-wrapper {
+ background-color: #f8fbfb; }
+
+.subheader-icon {
+ color: #a6acac; }
+
+.subheader-title {
+ color: #505050;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #838383; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #6ab5b4; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #838383; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #8cc6c5; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #6ab5b4; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: dimgray;
+ background-color: #f1f5f5;
+ border-color: #d3dada; }
+
+.alert-success {
+ color: #929292;
+ background-color: white;
+ border-color: #e4ece0; }
+
+.alert-danger {
+ color: #8d5846;
+ background-color: #efe2de;
+ border-color: #d7b8ae; }
+
+.alert-warning {
+ color: #b39d2b;
+ background-color: white;
+ border-color: #e7da9b; }
+
+.alert-info {
+ color: #69468d;
+ background-color: #f5f2f9;
+ border-color: #c2aed7; }
+
+.alert-secondary {
+ color: #505050;
+ background-color: #fbfbfb;
+ border-color: gainsboro; }
+
+.badge.badge-icon {
+ background-color: #b57d6a;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: dimgray;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #6ab5b4; }
+ .btn-switch.active:before {
+ color: rgba(0, 0, 0, 0.8); }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #6ab5b4; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #9e624e;
+ background-color: #ad6e59;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#ad6e59), to(#8d5846));
+ background-image: linear-gradient(to top, #ad6e59, #8d5846);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(106, 181, 180, 0.3);
+ box-shadow: 0px 0px 2px rgba(106, 181, 180, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #6ab5b4;
+ border-color: #59adab; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(106, 181, 180, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(106, 181, 180, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(133, 184, 108, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(133, 184, 108, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(143, 106, 181, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(143, 106, 181, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(224, 208, 126, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(224, 208, 126, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(181, 125, 106, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(181, 125, 106, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #4e9e9d; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #85b86c; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(61, 124, 123, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(61, 124, 123, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(36, 47, 47, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(53, 107, 106, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(53, 107, 106, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #b57d6a; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(140, 198, 197, 0.7);
+ border-left-color: rgba(106, 181, 180, 0.7);
+ border-right-color: rgba(106, 181, 180, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(106, 181, 180, 0.7) rgba(89, 173, 171, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #c69b8c;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #85b86c; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #e0d07e; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #b57d6a; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #e6ecec; }
+ .panel-placeholder:before {
+ background: #e6ecec; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #6ab5b4;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #4e9e9d; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #505050; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8));
+ background-image: linear-gradient(to top, #fff, #f8f8f8); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: white; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(29, 29, 29, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #f8f6fa !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #8f8699, #75aaa9); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #505050;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #85b86c; }
+ .status.status-danger:before {
+ background: #b57d6a; }
+ .status.status-warning:before {
+ background: #e0d07e; }
+
+/* display frame */
+.frame-heading {
+ color: #a1a1a1; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #767676; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #f8f8f8; }
+
+/* select background */
+::-moz-selection {
+ background: #505050;
+ color: #fff; }
+::selection {
+ background: #505050;
+ color: #fff; }
+
+::-moz-selection {
+ background: #505050;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #f8fbfb; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #6ab5b4; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #909090; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #6ab5b4; }
+
+.has-length .input-group-text {
+ border-color: #6ab5b4; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #6ab5b4;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #909090; }
+
+.settings-panel h5 {
+ color: #505050; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #5d5d5d; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #f9f5e5;
+ border: 1px solid #d6c155;
+ color: #1d1d1d; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #4b8281; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #6fabab; }
+
+.bg-primary-50 {
+ background-color: #bfdfdf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #aed7d6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #9dcece;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #8cc6c5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #7bbdbd;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #6ab5b4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-600 {
+ background-color: #59adab;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #4e9e9d;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #468d8c;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #3d7c7b;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #bfdfdf; }
+
+.color-primary-100 {
+ color: #aed7d6; }
+
+.color-primary-200 {
+ color: #9dcece; }
+
+.color-primary-300 {
+ color: #8cc6c5; }
+
+.color-primary-400 {
+ color: #7bbdbd; }
+
+.color-primary-500 {
+ color: #6ab5b4; }
+
+.color-primary-600 {
+ color: #59adab; }
+
+.color-primary-700 {
+ color: #4e9e9d; }
+
+.color-primary-800 {
+ color: #468d8c; }
+
+.color-primary-900 {
+ color: #3d7c7b; }
+
+.bg-success-50 {
+ background-color: #cce2c2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #bed9b1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #b0d1a0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #a2c98e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #93c07d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #85b86c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-600 {
+ background-color: #77b05b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-700 {
+ background-color: #6aa34e;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #5f9146;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #54803e;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #cce2c2; }
+
+.color-success-100 {
+ color: #bed9b1; }
+
+.color-success-200 {
+ color: #b0d1a0; }
+
+.color-success-300 {
+ color: #a2c98e; }
+
+.color-success-400 {
+ color: #93c07d; }
+
+.color-success-500 {
+ color: #85b86c; }
+
+.color-success-600 {
+ color: #77b05b; }
+
+.color-success-700 {
+ color: #6aa34e; }
+
+.color-success-800 {
+ color: #5f9146; }
+
+.color-success-900 {
+ color: #54803e; }
+
+.bg-info-50 {
+ background-color: #cfbfdf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #c2aed7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #b59dce;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #a98cc6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #9c7bbd;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #8f6ab5;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #8259ad;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #754e9e;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #69468d;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #5c3d7c;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #cfbfdf; }
+
+.color-info-100 {
+ color: #c2aed7; }
+
+.color-info-200 {
+ color: #b59dce; }
+
+.color-info-300 {
+ color: #a98cc6; }
+
+.color-info-400 {
+ color: #9c7bbd; }
+
+.color-info-500 {
+ color: #8f6ab5; }
+
+.color-info-600 {
+ color: #8259ad; }
+
+.color-info-700 {
+ color: #754e9e; }
+
+.color-info-800 {
+ color: #69468d; }
+
+.color-info-900 {
+ color: #5c3d7c; }
+
+.bg-warning-50 {
+ background-color: #f9f5e5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #f4eed0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #efe6bc;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #eadfa7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #e5d793;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #e0d07e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #dbc969;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #d6c155;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #d1ba40;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #c8af30;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #f9f5e5; }
+
+.color-warning-100 {
+ color: #f4eed0; }
+
+.color-warning-200 {
+ color: #efe6bc; }
+
+.color-warning-300 {
+ color: #eadfa7; }
+
+.color-warning-400 {
+ color: #e5d793; }
+
+.color-warning-500 {
+ color: #e0d07e; }
+
+.color-warning-600 {
+ color: #dbc969; }
+
+.color-warning-700 {
+ color: #d6c155; }
+
+.color-warning-800 {
+ color: #d1ba40; }
+
+.color-warning-900 {
+ color: #c8af30; }
+
+.bg-danger-50 {
+ background-color: #dfc7bf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #d7b8ae;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #ceaa9d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #c69b8c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #bd8c7b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-500 {
+ background-color: #b57d6a;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #ad6e59;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #9e624e;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #8d5846;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #7c4d3d;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #dfc7bf; }
+
+.color-danger-100 {
+ color: #d7b8ae; }
+
+.color-danger-200 {
+ color: #ceaa9d; }
+
+.color-danger-300 {
+ color: #c69b8c; }
+
+.color-danger-400 {
+ color: #bd8c7b; }
+
+.color-danger-500 {
+ color: #b57d6a; }
+
+.color-danger-600 {
+ color: #ad6e59; }
+
+.color-danger-700 {
+ color: #9e624e; }
+
+.color-danger-800 {
+ color: #8d5846; }
+
+.color-danger-900 {
+ color: #7c4d3d; }
+
+.bg-fusion-50 {
+ background-color: #909090;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #838383;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #767676;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: dimgray;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #5d5d5d;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #505050;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #434343;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #363636;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #2a2a2a;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #1d1d1d;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #909090; }
+
+.color-fusion-100 {
+ color: #838383; }
+
+.color-fusion-200 {
+ color: #767676; }
+
+.color-fusion-300 {
+ color: dimgray; }
+
+.color-fusion-400 {
+ color: #5d5d5d; }
+
+.color-fusion-500 {
+ color: #505050; }
+
+.color-fusion-600 {
+ color: #434343; }
+
+.color-fusion-700 {
+ color: #363636; }
+
+.color-fusion-800 {
+ color: #2a2a2a; }
+
+.color-fusion-900 {
+ color: #1d1d1d; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(61, 124, 123, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(124, 77, 61, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(92, 61, 124, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(200, 175, 48, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(84, 128, 62, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(29, 29, 29, 0.7), transparent); }
+
+.btn-primary {
+ color: #212529;
+ background-color: #6ab5b4;
+ border-color: #6ab5b4;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #53a6a5;
+ border-color: #4e9e9d; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(95, 159, 159, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(95, 159, 159, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #212529;
+ background-color: #6ab5b4;
+ border-color: #6ab5b4; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #4e9e9d;
+ border-color: #4a9594; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(95, 159, 159, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(95, 159, 159, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #212529;
+ background-color: #85b86c;
+ border-color: #85b86c;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #70ab53;
+ border-color: #6aa34e; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(118, 162, 98, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(118, 162, 98, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #212529;
+ background-color: #85b86c;
+ border-color: #85b86c; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #6aa34e;
+ border-color: #659a4a; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(118, 162, 98, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(118, 162, 98, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #8f6ab5;
+ border-color: #8f6ab5;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #7c53a6;
+ border-color: #754e9e; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 128, 192, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(160, 128, 192, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #8f6ab5;
+ border-color: #8f6ab5; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #754e9e;
+ border-color: #6f4a95; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 128, 192, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(160, 128, 192, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #e0d07e;
+ border-color: #e0d07e;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #d9c55f;
+ border-color: #d6c155; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(195, 182, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(195, 182, 113, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #e0d07e;
+ border-color: #e0d07e; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #d6c155;
+ border-color: #d4bd4b; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(195, 182, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(195, 182, 113, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #a66853;
+ border-color: #9e624e; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #9e624e;
+ border-color: #955d4a; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #3d3d3d;
+ border-color: #363636; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #363636;
+ border-color: #303030; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
+
+.btn-outline-primary {
+ color: #6ab5b4;
+ border-color: #6ab5b4; }
+ .btn-outline-primary:hover {
+ color: #212529;
+ background-color: #6ab5b4;
+ border-color: #6ab5b4; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 181, 180, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 181, 180, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #6ab5b4;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #212529;
+ background-color: #6ab5b4;
+ border-color: #6ab5b4; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 181, 180, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 181, 180, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #85b86c;
+ border-color: #85b86c; }
+ .btn-outline-success:hover {
+ color: #212529;
+ background-color: #85b86c;
+ border-color: #85b86c; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(133, 184, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(133, 184, 108, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #85b86c;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #212529;
+ background-color: #85b86c;
+ border-color: #85b86c; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(133, 184, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(133, 184, 108, 0.5); }
+
+.btn-outline-info {
+ color: #8f6ab5;
+ border-color: #8f6ab5; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #8f6ab5;
+ border-color: #8f6ab5; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(143, 106, 181, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(143, 106, 181, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #8f6ab5;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #8f6ab5;
+ border-color: #8f6ab5; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(143, 106, 181, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(143, 106, 181, 0.5); }
+
+.btn-outline-warning {
+ color: #e0d07e;
+ border-color: #e0d07e; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #e0d07e;
+ border-color: #e0d07e; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 208, 126, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(224, 208, 126, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #e0d07e;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #e0d07e;
+ border-color: #e0d07e; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(224, 208, 126, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(224, 208, 126, 0.5); }
+
+.btn-outline-danger {
+ color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #b57d6a;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #505050;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+
+.border-primary {
+ border-color: #6ab5b4 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #85b86c !important; }
+
+.border-info {
+ border-color: #8f6ab5 !important; }
+
+.border-warning {
+ border-color: #e0d07e !important; }
+
+.border-danger {
+ border-color: #b57d6a !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #505050 !important; }
+
+.text-primary {
+ color: #6ab5b4 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #468d8c !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #85b86c !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #5f9146 !important; }
+
+.text-info {
+ color: #8f6ab5 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #69468d !important; }
+
+.text-warning {
+ color: #e0d07e !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #d1ba40 !important; }
+
+.text-danger {
+ color: #b57d6a !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #8d5846 !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #505050 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #2a2a2a !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-5 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-5.css.map */
diff --git a/public/assets/css/themes/cust-theme-5.css.map b/public/assets/css/themes/cust-theme-5.css.map
new file mode 100644
index 0000000..2c4868d
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-5.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-5.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBsTI,yBAAsB,EAAA;IwBtT1B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlDsB;U0BkDtB,gD1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtFqB;U0BsFrB,gD1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,wD1BrFqB;U0BqFrB,gD1BrFqB,EAAA;;A0BwFrB;EAHA,wD1BpFkB;U0BoFlB,gD1BpFkB,EAAA;;A0BuFlB;EAHA,wD1BnFqB;U0BmFrB,gD1BnFqB,EAAA;;A0BsFrB;EAHA,wD1BlFoB;U0BkFpB,gD1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;A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;;AEyUhB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TiB;EEkTnB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUiB,EAAA;;AEwUnB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAAsB,EAAA;EA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AjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,cvCjDc;IuCkDd,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,yD5CtEmB;Y4CsEnB,iD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,yD5C3Fe;c4C2Ff,iD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,cvCjDc;IuCkDd,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,yD5CrEmB;Y4CqEnB,iD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,yD5C1Fe;c4C0Ff,iD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,WvC1DW;IuC2DX,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,yD5CpEgB;Y4CoEhB,iD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,yD5CzFY;c4CyFZ,iD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,yD5CnEmB;Y4CmEnB,iD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,yD5CxFe;c4CwFf,iD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,WvC1DW;IuC2DX,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,yD5ClEkB;Y4CkElB,iD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,yD5CvFc;c4CuFd,iD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-5.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #6ab5b4; \r\n$color-success: #85b86c; \r\n$color-info: #8f6ab5; \r\n$color-warning: #e0d07e; \r\n$color-danger: #b57d6a;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-5 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-6.css b/public/assets/css/themes/cust-theme-6.css
new file mode 100644
index 0000000..529dc38
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-6.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #a12861; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #ea92bb !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #dd5293 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #dd5293 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #dd5293; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #e4e4e4;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #dd5293;
+ background: #e57dae;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #252525; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #dd5293; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #fffaee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #dd5293; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(168, 33, 96, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(168, 33, 96, 0.13); } }
+
+.nav-title {
+ color: #d34d8c; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #dd5293;
+ box-shadow: inset 3px 0 0 #dd5293; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #ce94af; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #e9a7c6; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #d55591; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #ce94af; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(194, 48, 116, 0.8);
+ box-shadow: 0 0 0 1px rgba(194, 48, 116, 0.8);
+ border: 1px solid rgba(194, 48, 116, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #e167a0; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #e492b9; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #d55591; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #ce94af; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #ce94af; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #e28ab3; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #fd3995;
+ border: 1px solid #585858; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #585858 !important; }
+ .nav-menu-clean li a span {
+ color: #585858 !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #cf3d81; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #252525; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #a12861;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(168, 33, 96, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(168, 33, 96, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #e57dae; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #eea7c8; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #d93d86;
+ box-shadow: 0 0 0 1px #d93d86; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(168, 33, 96, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(168, 33, 96, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #e082ae; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #a12861; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #be2f72; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #e9a7c6; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #be2f72; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #be2f72; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #dd5293;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #a12861; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #a12861; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #b12c6a;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #a12861; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #a12861; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #585858;
+ border-color: #3e3e3e !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #db6ea1; }
+
+.nav-function-fixed .nav-footer {
+ background: #a12861; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(202, 50, 121, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#a12861), color-stop(50%, #d14586), color-stop(50%, #d14586), to(#a12861));
+ background: linear-gradient(to right, #a12861 0%, #d14586 50%, #d14586 50%, #a12861 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #99265c; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #d55591; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #ad2b68; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #ce94af; } }
+
+.page-content-wrapper {
+ background-color: white; }
+
+.subheader-icon {
+ color: #ce94af; }
+
+.subheader-title {
+ color: #585858;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #8b8b8b; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #dd5293; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #8b8b8b; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #e57dae; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #dd5293; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #8a5870;
+ background-color: #fdf9fb;
+ border-color: #ecd1de; }
+
+.alert-success {
+ color: #45a197;
+ background-color: #f7fdfc;
+ border-color: #a3ebe4; }
+
+.alert-danger {
+ color: #e7026e;
+ background-color: #ffe5f1;
+ border-color: #fe9ecb; }
+
+.alert-warning {
+ color: #c18300;
+ background-color: #fff8e9;
+ border-color: #ffcd65; }
+
+.alert-info {
+ color: #0a6ebd;
+ background-color: #e3f2fd;
+ border-color: #82c4f8; }
+
+.alert-secondary {
+ color: #585858;
+ background-color: white;
+ border-color: #e4e4e4; }
+
+.badge.badge-icon {
+ background-color: #fd3995;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #717171;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #dd5293; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #dd5293; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #fc077a;
+ background-color: #fd2087;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fd2087), to(#e7026e));
+ background-image: linear-gradient(to top, #fd2087, #e7026e);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(221, 82, 147, 0.3);
+ box-shadow: 0px 0px 2px rgba(221, 82, 147, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #dd5293;
+ border-color: #d93d86; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(221, 82, 147, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(221, 82, 147, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(253, 57, 149, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(88, 88, 88, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(88, 88, 88, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #d32979; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc9b7; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(168, 33, 96, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(168, 33, 96, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(73, 26, 48, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(147, 29, 84, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #fd3995; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(229, 125, 174, 0.7);
+ border-left-color: rgba(221, 82, 147, 0.7);
+ border-right-color: rgba(221, 82, 147, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(221, 82, 147, 0.7) rgba(217, 61, 134, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #fe6bb0;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc9b7; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ffc241; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #fd3995; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #f7eaf0; }
+ .panel-placeholder:before {
+ background: #f7eaf0; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #dd5293;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #d32979; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #585858; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: #fffaee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(37, 37, 37, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7f4fe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3e93d6, #d35c94); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #585858;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc9b7; }
+ .status.status-danger:before {
+ background: #fd3995; }
+ .status.status-warning:before {
+ background: #ffc241; }
+
+/* display frame */
+.frame-heading {
+ color: darkgray; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #7e7e7e; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: white; }
+
+/* select background */
+::-moz-selection {
+ background: #585858;
+ color: #fff; }
+::selection {
+ background: #585858;
+ color: #fff; }
+
+::-moz-selection {
+ background: #585858;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: white; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #dd5293; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #989898; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #dd5293; }
+
+.has-length .input-group-text {
+ border-color: #dd5293; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #dd5293;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #989898; }
+
+.settings-panel h5 {
+ color: #585858; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #656565; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #252525; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #b12c6a; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #d55591; }
+
+.bg-primary-50 {
+ background-color: #f2bdd6;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #eea7c8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #ea92bb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #e57dae;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #e167a0;
+ color: white; }
+ .bg-primary-400:hover {
+ color: white; }
+
+.bg-primary-500 {
+ background-color: #dd5293;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #d93d86;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #d32979;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #bd256c;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #a82160;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #f2bdd6; }
+
+.color-primary-100 {
+ color: #eea7c8; }
+
+.color-primary-200 {
+ color: #ea92bb; }
+
+.color-primary-300 {
+ color: #e57dae; }
+
+.color-primary-400 {
+ color: #e167a0; }
+
+.color-primary-500 {
+ color: #dd5293; }
+
+.color-primary-600 {
+ color: #d93d86; }
+
+.color-primary-700 {
+ color: #d32979; }
+
+.color-primary-800 {
+ color: #bd256c; }
+
+.color-primary-900 {
+ color: #a82160; }
+
+.bg-success-50 {
+ background-color: #7aece0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e9db;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de5d5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e2d0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21dfcb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc9b7;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab3a3;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c8e;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13867a;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107066;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aece0; }
+
+.color-success-100 {
+ color: #63e9db; }
+
+.color-success-200 {
+ color: #4de5d5; }
+
+.color-success-300 {
+ color: #37e2d0; }
+
+.color-success-400 {
+ color: #21dfcb; }
+
+.color-success-500 {
+ color: #1dc9b7; }
+
+.color-success-600 {
+ color: #1ab3a3; }
+
+.color-success-700 {
+ color: #179c8e; }
+
+.color-success-800 {
+ color: #13867a; }
+
+.color-success-900 {
+ color: #107066; }
+
+.bg-info-50 {
+ background-color: #9acffa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82c4f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6ab8f7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51adf6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #39a1f4;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #2196F3;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #0d8aee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0c7cd5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0a6ebd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0960a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9acffa; }
+
+.color-info-100 {
+ color: #82c4f8; }
+
+.color-info-200 {
+ color: #6ab8f7; }
+
+.color-info-300 {
+ color: #51adf6; }
+
+.color-info-400 {
+ color: #39a1f4; }
+
+.color-info-500 {
+ color: #2196F3; }
+
+.color-info-600 {
+ color: #0d8aee; }
+
+.color-info-700 {
+ color: #0c7cd5; }
+
+.color-info-800 {
+ color: #0a6ebd; }
+
+.color-info-900 {
+ color: #0960a5; }
+
+.bg-warning-50 {
+ background-color: #ffebc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #ffe3a7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffdb8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffd274;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffca5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ffc241;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #ffba28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #ffb20e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #f4a500;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #da9400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #ffebc1; }
+
+.color-warning-100 {
+ color: #ffe3a7; }
+
+.color-warning-200 {
+ color: #ffdb8e; }
+
+.color-warning-300 {
+ color: #ffd274; }
+
+.color-warning-400 {
+ color: #ffca5b; }
+
+.color-warning-500 {
+ color: #ffc241; }
+
+.color-warning-600 {
+ color: #ffba28; }
+
+.color-warning-700 {
+ color: #ffb20e; }
+
+.color-warning-800 {
+ color: #f4a500; }
+
+.color-warning-900 {
+ color: #da9400; }
+
+.bg-danger-50 {
+ background-color: #feb7d9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #fe9ecb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #fe85be;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #fe6bb0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #fd52a3;
+ color: white; }
+ .bg-danger-400:hover {
+ color: white; }
+
+.bg-danger-500 {
+ background-color: #fd3995;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #fd2087;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #fc077a;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #e7026e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #ce0262;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #feb7d9; }
+
+.color-danger-100 {
+ color: #fe9ecb; }
+
+.color-danger-200 {
+ color: #fe85be; }
+
+.color-danger-300 {
+ color: #fe6bb0; }
+
+.color-danger-400 {
+ color: #fd52a3; }
+
+.color-danger-500 {
+ color: #fd3995; }
+
+.color-danger-600 {
+ color: #fd2087; }
+
+.color-danger-700 {
+ color: #fc077a; }
+
+.color-danger-800 {
+ color: #e7026e; }
+
+.color-danger-900 {
+ color: #ce0262; }
+
+.bg-fusion-50 {
+ background-color: #989898;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-fusion-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-fusion-100 {
+ background-color: #8b8b8b;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #7e7e7e;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #717171;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #656565;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #585858;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #4b4b4b;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #3e3e3e;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #323232;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #252525;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #989898; }
+
+.color-fusion-100 {
+ color: #8b8b8b; }
+
+.color-fusion-200 {
+ color: #7e7e7e; }
+
+.color-fusion-300 {
+ color: #717171; }
+
+.color-fusion-400 {
+ color: #656565; }
+
+.color-fusion-500 {
+ color: #585858; }
+
+.color-fusion-600 {
+ color: #4b4b4b; }
+
+.color-fusion-700 {
+ color: #3e3e3e; }
+
+.color-fusion-800 {
+ color: #323232; }
+
+.color-fusion-900 {
+ color: #252525; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(168, 33, 96, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(206, 2, 98, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(37, 37, 37, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #dd5293;
+ border-color: #dd5293;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #d7327f;
+ border-color: #d32979; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 108, 163, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(226, 108, 163, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #dd5293;
+ border-color: #dd5293; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #d32979;
+ border-color: #c82772; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(226, 108, 163, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(226, 108, 163, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a899;
+ border-color: #179c8e; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c8e;
+ border-color: #159184; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #0c83e2;
+ border-color: #0c7cd5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0c7cd5;
+ border-color: #0b75c9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #ffb61b;
+ border-color: #ffb20e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffb20e;
+ border-color: #ffae01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #fd1381;
+ border-color: #fc077a; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fc077a;
+ border-color: #f40274; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #585858;
+ border-color: #585858;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #454545;
+ border-color: #3e3e3e; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 113, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(113, 113, 113, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #585858;
+ border-color: #585858; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #3e3e3e;
+ border-color: #383838; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(113, 113, 113, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(113, 113, 113, 0.5); }
+
+.btn-outline-primary {
+ color: #dd5293;
+ border-color: #dd5293; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #dd5293;
+ border-color: #dd5293; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 82, 147, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(221, 82, 147, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #dd5293;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #dd5293;
+ border-color: #dd5293; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(221, 82, 147, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(221, 82, 147, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc9b7;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+
+.btn-outline-info {
+ color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #2196F3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffc241;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #fd3995;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #585858;
+ border-color: #585858; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #585858;
+ border-color: #585858; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 88, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(88, 88, 88, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #585858;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #585858;
+ border-color: #585858; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 88, 88, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(88, 88, 88, 0.5); }
+
+.border-primary {
+ border-color: #dd5293 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc9b7 !important; }
+
+.border-info {
+ border-color: #2196F3 !important; }
+
+.border-warning {
+ border-color: #ffc241 !important; }
+
+.border-danger {
+ border-color: #fd3995 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #585858 !important; }
+
+.text-primary {
+ color: #dd5293 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #bd256c !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc9b7 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13867a !important; }
+
+.text-info {
+ color: #2196F3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0a6ebd !important; }
+
+.text-warning {
+ color: #ffc241 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #f4a500 !important; }
+
+.text-danger {
+ color: #fd3995 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #e7026e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #585858 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #323232 !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-6 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-6.css.map */
diff --git a/public/assets/css/themes/cust-theme-6.css.map b/public/assets/css/themes/cust-theme-6.css.map
new file mode 100644
index 0000000..41a9a1c
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-6.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-6.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,uD1BlDsB;U0BkDtB,+C1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,uD1BtFqB;U0BsFrB,+C1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,uD1BrFqB;U0BqFrB,+C1BrFqB,EAAA;;A0BwFrB;EAHA,uD1BpFkB;U0BoFlB,+C1BpFkB,EAAA;;A0BuFlB;EAHA,uD1BnFqB;U0BmFrB,+C1BnFqB,EAAA;;A0BsFrB;EAHA,uD1BlFoB;U0BkFpB,+C1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AAG7E;EACC,uHAA2E;EAA3E,kFAA2E,EAAA;;ACL5E,8BAAA;AACA;EAEE,gBxBIa,EAAA;;AwBNf;EAOI,mBxBAc;EwBCd,c1BqC0C,EAAA;;A2B9C9C;EAEE,mB3B8uB+B,EAAA;;A2B1uBjC;EAEE,mB9BLqB,EAAA;;A+BHvB,sBAAA;AACA;EAEE,yD5B6C4C;U4B7C5C,iD5B6C4C,EAAA;;A4B/C9C;EAKE,kCAA2D,EAAA;;ACN7D;EAEC,sB3BKc;E2BFd,gCAAgC;EAEhC,qBAAA;EAUA,iBAAA,EAAkB;EAjBnB;IAUE,6BAAA,EAA8B;IAVhC;MAYG,yEAA0E;cAA1E,iEAA0E,EAAA;EAZ7E;IAwBK,chClBiB,EAAA;;AgC2BtB,mCAAA;AACA;EACC,mBAAmB,EAAA;;AAGpB,iBAAA;AACA;EACC,gB3BjCc,EAAA;;A2BoCf,wBAAA;AACA;EAGG,0C7BL4C;E6BM5C,0ChC9CoB;EgC+CpB,2ChC/CoB,EAAA;EgC0CvB;IASI,yE7BRyC,EAAA;;A6Bc7C;;;EhCqxBE;AgChxBF;EAGG,yB7BuB0C;E6BtB1C,0B3B5Bc;E2B6Bd,2B3B7Bc,EAAA;E2BwBjB;IAQI,yC3BhCa,EAAA;;A2BsCjB,6CAAA;AACA;EAIE,0CAAA,EAA2C;EAJ7C;IAOG,mBhCnFoB,EAAA;EgC4EvB;IAYG,mBhCtFoB,EAAA;EgC0EvB;IAiBG,mBhC1FmB,EAAA;;AgCiGtB,gBAAA;AACA;EACC,yB7B0nBsE,EAAA;E6B3nBvE;IAIE,mB7BunBqE,EAAA;;A6BnnBvE;EAGE,gB3B5Ga;E2B6Gb,0FAA4D;EAA5D,2DAA4D,EAAA;;AAM9D;EACC,0CAAA;EACA;IAEE,cAAc,EAAA,EACd;;AC/HH;EAEE,qB9ByYoC,EAAA;;A+B3YtC;;EACE,mBlCCqB;EkCArB,sBAAuB,EAAA;EAErB;;IACE,mB/ByCwC,EAAA;;A+BhC9C;EACE,mBAAmB;EACnB,cAAc,EAAA;;AAGhB;EACE,mB/BZ6E,EAAA;;AgCR/E,gBAAA;AACA;EAAY,sB9BMG;E8BNuB,chCoeG,EAAA;;AgCnezC;EAAY,yBhCmiBoB,EAAA;;AgCliBhC;EjCKE,sBGDa;EHGb,wFAAsD;EAAtD,sDAAsD,EAAA;;AiCNxD;EAAkB,uBAA8C,EAAA;;AAChE;EjCGE,sBGDa;EHGb,wFAAsD;EAAtD,sDAAsD,EAAA;;AiCJxD;EAAgB,yBAA0C,EAAA;;AAE1D;EAAe,yBhCmBQ,EAAA;;AgClBvB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BElB;EAAe,yB9BDG,EAAA;;A8BGlB,YAAA;AACA;EAAgB,wChCwF4B,EAAA;;AgCrF5C,iBAAA;AACA,4CAAA;AACA;EACC,gB9BnBc,EAAA;;A8BsBf,WAAA;AACA;EACC,8BAA8C,EAAA;;AAG/C,gBAAA;AACA;EACC,kDAAuC;UAAvC,0CAAuC,EAAA;EADxC;IAIE,mBAAmB,EAAA;EAJrB;;;IAUE,gBAAgB,EAAA;;AC7ClB;EAEC,qDAA8F,EAAA;;AAO/F;EACC,mBAAmB,EAAA;;AAGpB,qBAAA;AACA;EACC,cAAc,EAAA;;AAIf,kBAAA;AACA;EACC,kBAAkB,EAAA;EADnB;IAIE,mBjChB6E;IiCiB7E,sBAAsB,EAAA;EALxB;IASE,mBpC1BqB,EAAA;EoCiBvB;IAaE,mBpC3BoB,EAAA;EoCctB;IAiBE,mBpChCqB,EAAA;;AoCqCvB,kBAAA;AACA;EACC,eAA8B,EAAA;;AAE/B;EACC,iBAAiB,EAAA;;AAGlB,eAAA;AACA;EACC,cjCiD4C,EAAA;;AiC9C7C,iBAAA;ApC67BA;EoC37BC,W/BlDc,EAAA;EL++Bb;IoC37BA,8B/B1Ca,EAAA;;A+B8Cf,SAAA;AACA;EACC,iBAAuD,EAAA;;ACjExD,sBAAA;AACA;EACE,mBlCM6E;EkCL7E,WhCIa,EAAA;AgCNf;EACE,mBlCM6E;EkCL7E,WhCIa,EAAA;;AgCFf;EACE,mBlCE6E;EkCD7E,WhCAa,EAAA;;AiCNf;EAGC;IACC,gBjCEa,EAAA;IiCHd;MAIE,4CjCSY,EAAA;IiCbd;MAUE,WAAW,EAAA;MAVb;QAeI,cAAc,EAAA;QAflB;UAkBK,cAAc,EAAA;MAlBnB;QAwBG,enC4K4B,EAAA;ImCpM/B;MA6BE,yCjChBY,EAAA;EiCqBd,eAAA;EACC;IAKE,iBnC+eyD,EAAA;EmC1e5D,kCAAA;EACA,YAAA;EACC;IAGC,2CAAuC;IpC8EtC,sDoC7EmD;YpC6EnD,8CoC7EmD,EAAA;EAJrD;IAQC,+BjC1CY,EAAA,EiC2CZ;;AAMH;EAEC,oDAAA;EACA;;GtC+9BE;EsC39BF,sBAAA;EACA;IAOI,gBjC1EU,EAAA;IiCmEd;MAWK,qBtCnFiB,EAAA,EsCoFjB;;ACtFN,cAAA;AvC4iCA;EuCxiCE,+BAA+B;EAC/B,cpC8F2C,EAAA;;AH68B7C;EuCviCE,kCAAiC;EACjC,WlCOa,EAAA;;AL+hCf;EuCviCE,kCAAiC;EACjC,WlCOa,EAAA;;ALmiCf;EuCtiCE,kCAAiC;EACjC,WlCEa,EAAA;;AkCCf,uDAAA;AACA;EACC,mBvClBsB,EAAA;;AuCoBvB;EAEE,qBvCtBqB,EAAA;EuCoBvB;IAIG,yClCTY,EAAA;;AkCKf;EAQE,mBvC5BqB;EuC6BrB,sBAAwB,EAAA;;AAK1B,4CAAA;AACA;EACC,cpC6D4C,EAAA;;AqCnG7C;EAIE,crCI6E,EAAA;;AqCR/E;EASE,cAAyB,EAAA;EAT3B;IAYG,cAAyB;IACzB,oCnCNY,EAAA;;AmCPf;EAqBG,4BrCkFyC,EAAA;;AsChF5C;EAEC;;;;;IAMO,kBAAiB,EAAA;IANxB;;;;;MASO,yBAA0C,EAAA;IATjD;;;;;MAYO,yBAAyC,EAAA;IAZhD;;;;;MAeO,mBtCmCsC;MsClCtC,yBtCyCsC;MsCxCtC,ctCkEoC,EAAA,EsCjErC;;AC3CP,4BAAA;AAEA;EAQI,0CAAA,EAA2C;EAR/C;IAKK,8BAAmD,EAAA;EALxD;IAYO,yBvCgpBwD,EAAA;;AD3V3D;EACE,yBC7RwC;EDgR1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5RyC;ED+Q3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3RyC;ED8Q3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1RyC;ED6Q3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCzRwC;EDwQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBFlUiB;EEiTnB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCvRuC;EDsQzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtRwC;EDqQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrRwC;EDoQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpRwC;EDmQ1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvSwC,EAAA;;ADsS1C;EACE,cCtSyC,EAAA;;ADqS3C;EACE,cCrSyC,EAAA;;ADoS3C;EACE,cCpSyC,EAAA;;ADmS3C;EACE,cCnSwC,EAAA;;ADkS1C;EACE,cF5UiB,EAAA;;AE2UnB;EACE,cCjSuC,EAAA;;ADgSzC;EACE,cChSwC,EAAA;;AD+R1C;EACE,cC/RwC,EAAA;;AD8R1C;EACE,cC9RwC,EAAA;;ADmR1C;EACE,yBCjRwC;EDoQ1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChRyC;EDmQ3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC/QyC;EDkQ3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC9QyC;EDiQ3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC7QwC;EDgQ1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBFjUiB;EEgTnB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3QuC;ED0PzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1QwC;EDyP1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzQwC;EDwP1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCxQwC;EDuP1C,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cC3RwC,EAAA;;AD0R1C;EACE,cC1RyC,EAAA;;ADyR3C;EACE,cCzRyC,EAAA;;ADwR3C;EACE,cCxRyC,EAAA;;ADuR3C;EACE,cCvRwC,EAAA;;ADsR1C;EACE,cF3UiB,EAAA;;AE0UnB;EACE,cCrRuC,EAAA;;ADoRzC;EACE,cCpRwC,EAAA;;ADmR1C;EACE,cCnRwC,EAAA;;ADkR1C;EACE,cClRwC,EAAA;;ADuQ1C;EACE,yBCrQmC;EDwPrC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCpQoC;EDuPtC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnQoC;EDsPtC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClQoC;EDiPtC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCjQmC;EDgPrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBFhUc;EE+ShB,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC/PkC;ED8OpC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9PmC;ED6OrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7PmC;ED4OrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC5PmC;ED2OrC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cC/QmC,EAAA;;AD8QrC;EACE,cC9QoC,EAAA;;AD6QtC;EACE,cC7QoC,EAAA;;AD4QtC;EACE,cC5QoC,EAAA;;AD2QtC;EACE,cC3QmC,EAAA;;AD0QrC;EACE,cF1Uc,EAAA;;AEyUhB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TiB;EEkTnB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUiB,EAAA;;AEwUnB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAAsB,EAAA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iF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,WvC1DW;IuC2DX,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,wD5CtEmB;Y4CsEnB,gD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,wD5C3Fe;c4C2Ff,gD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,WvC1DW;IuC2DX,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,wD5CrEmB;Y4CqEnB,gD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,wD5C1Fe;c4C0Ff,gD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,WvC1DW;IuC2DX,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,wD5CpEgB;Y4CoEhB,gD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,wD5CzFY;c4CyFZ,gD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,wD5CnEmB;Y4CmEnB,gD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,wD5CxFe;c4CwFf,gD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,WvC1DW;IuC2DX,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,wD5ClEkB;Y4CkElB,gD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,wD5CvFc;c4CuFd,gD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-6.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #dd5293;\r\n$color-success: #1dc9b7; \r\n$color-info: #2196F3;\r\n$color-warning: #ffc241; \r\n$color-danger: #fd3995;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-6 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-7.css b/public/assets/css/themes/cust-theme-7.css
new file mode 100644
index 0000000..27130b5
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-7.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #5b5b5b; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #afb4ba !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #868e96 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #868e96 !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #868e96; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #dbdbdb;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #868e96;
+ background: #a1a8ae;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #1b1b1b; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #868e96; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: #fffaee; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #868e96; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(85, 91, 97, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(85, 91, 97, 0.13); } }
+
+.nav-title {
+ color: #868686; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #868e96;
+ box-shadow: inset 3px 0 0 #868e96; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #a8a8a8; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #bebebf; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #8b8b8c; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #a8a8a8; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.8);
+ box-shadow: 0 0 0 1px rgba(111, 111, 111, 0.8);
+ border: 1px solid rgba(111, 111, 111, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #949ba2; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #b2b2b2; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #8b8b8c; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #b57d6a; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #a8a8a8; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #a8a8a8; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #adadad; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #b57d6a;
+ border: 1px solid #4e4e4e; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #4e4e4e !important; }
+ .nav-menu-clean li a span {
+ color: #4e4e4e !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #7c7c7c; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #1b1b1b; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 148, 225, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(51, 148, 225, 0.18), transparent);
+ background-color: #5b5b5b;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #a1a8ae; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #bdc1c5; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #78818a;
+ box-shadow: 0 0 0 1px #78818a; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(85, 91, 97, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #a7a8a8; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #5b5b5b; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #6d6d6d; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #bebebf; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #6d6d6d; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #6d6d6d; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #868e96;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #5b5b5b; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #5b5b5b; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #656565;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #5b5b5b; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #5b5b5b; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #4e4e4e;
+ border-color: #353535 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #9b9b9b; }
+
+.nav-function-fixed .nav-footer {
+ background: #5b5b5b; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(116, 117, 117, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#5b5b5b), color-stop(50%, #818181), color-stop(50%, #818181), to(#5b5b5b));
+ background: linear-gradient(to right, #5b5b5b 0%, #818181 50%, #818181 50%, #5b5b5b 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #565656; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #8b8b8c; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #636363; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #a8a8a8; } }
+
+.page-content-wrapper {
+ background-color: #f8f8f8; }
+
+.subheader-icon {
+ color: #a8a8a8; }
+
+.subheader-title {
+ color: #4e4e4e;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #818181; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #868e96; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #818181; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #a1a8ae; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #868e96; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #686868;
+ background-color: #f1f1f1;
+ border-color: #d5d5d5; }
+
+.alert-success {
+ color: #45a197;
+ background-color: #f7fdfc;
+ border-color: #a3ebe4; }
+
+.alert-danger {
+ color: #8d5846;
+ background-color: #efe2de;
+ border-color: #d7b8ae; }
+
+.alert-warning {
+ color: #c18300;
+ background-color: #fff8e9;
+ border-color: #ffcd65; }
+
+.alert-info {
+ color: #0a6ebd;
+ background-color: #e3f2fd;
+ border-color: #82c4f8; }
+
+.alert-secondary {
+ color: #4e4e4e;
+ background-color: #f9f9f9;
+ border-color: #dbdbdb; }
+
+.badge.badge-icon {
+ background-color: #b57d6a;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #686868;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #868e96; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #868e96; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #9e624e;
+ background-color: #ad6e59;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#ad6e59), to(#8d5846));
+ background-image: linear-gradient(to top, #ad6e59, #8d5846);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(134, 142, 150, 0.3);
+ box-shadow: 0px 0px 2px rgba(134, 142, 150, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #868e96;
+ border-color: #78818a; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(134, 142, 150, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(29, 201, 183, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(33, 150, 243, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 194, 65, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(181, 125, 106, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(181, 125, 106, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(78, 78, 78, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(78, 78, 78, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #6c757d; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #1dc9b7; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(85, 91, 97, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(85, 91, 97, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(40, 40, 40, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(73, 78, 84, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(73, 78, 84, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #b57d6a; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(161, 168, 174, 0.7);
+ border-left-color: rgba(134, 142, 150, 0.7);
+ border-right-color: rgba(134, 142, 150, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(134, 142, 150, 0.7) rgba(120, 129, 138, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #c69b8c;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #1dc9b7; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ffc241; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #b57d6a; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: #e7e7e7; }
+ .panel-placeholder:before {
+ background: #e7e7e7; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #868e96;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #6c757d; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #4e4e4e; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7));
+ background-image: linear-gradient(to top, #fff, #f7f7f7); }
+
+.bg-subtlelight {
+ background-color: #fefefe; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fefefe));
+ background-image: linear-gradient(to top, #fff, #fefefe); }
+
+.bg-highlight {
+ background-color: #fffaee; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(27, 27, 27, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: #e7f4fe !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #3e93d6, #8e8e8e); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #4e4e4e;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #1dc9b7; }
+ .status.status-danger:before {
+ background: #b57d6a; }
+ .status.status-warning:before {
+ background: #ffc241; }
+
+/* display frame */
+.frame-heading {
+ color: #a0a0a0; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #757575; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: #f7f7f7; }
+
+/* select background */
+::-moz-selection {
+ background: #4e4e4e;
+ color: #fff; }
+::selection {
+ background: #4e4e4e;
+ color: #fff; }
+
+::-moz-selection {
+ background: #4e4e4e;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: #f8f8f8; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #868e96; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #8e8e8e; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #868e96; }
+
+.has-length .input-group-text {
+ border-color: #868e96; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #868e96;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #8e8e8e; }
+
+.settings-panel h5 {
+ color: #4e4e4e; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #5b5b5b; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #ffebc1;
+ border: 1px solid #ffb20e;
+ color: #1b1b1b; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #656565; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #8b8b8c; }
+
+.bg-primary-50 {
+ background-color: #caced1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #bdc1c5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #afb4ba;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #a1a8ae;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #949ba2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #868e96;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #78818a;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #6c757d;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #60686f;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #555b61;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #caced1; }
+
+.color-primary-100 {
+ color: #bdc1c5; }
+
+.color-primary-200 {
+ color: #afb4ba; }
+
+.color-primary-300 {
+ color: #a1a8ae; }
+
+.color-primary-400 {
+ color: #949ba2; }
+
+.color-primary-500 {
+ color: #868e96; }
+
+.color-primary-600 {
+ color: #78818a; }
+
+.color-primary-700 {
+ color: #6c757d; }
+
+.color-primary-800 {
+ color: #60686f; }
+
+.color-primary-900 {
+ color: #555b61; }
+
+.bg-success-50 {
+ background-color: #7aece0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #63e9db;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #4de5d5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #37e2d0;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #21dfcb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #1dc9b7;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #1ab3a3;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #179c8e;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #13867a;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #107066;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #7aece0; }
+
+.color-success-100 {
+ color: #63e9db; }
+
+.color-success-200 {
+ color: #4de5d5; }
+
+.color-success-300 {
+ color: #37e2d0; }
+
+.color-success-400 {
+ color: #21dfcb; }
+
+.color-success-500 {
+ color: #1dc9b7; }
+
+.color-success-600 {
+ color: #1ab3a3; }
+
+.color-success-700 {
+ color: #179c8e; }
+
+.color-success-800 {
+ color: #13867a; }
+
+.color-success-900 {
+ color: #107066; }
+
+.bg-info-50 {
+ background-color: #9acffa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #82c4f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #6ab8f7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #51adf6;
+ color: white; }
+ .bg-info-300:hover {
+ color: white; }
+
+.bg-info-400 {
+ background-color: #39a1f4;
+ color: white; }
+ .bg-info-400:hover {
+ color: white; }
+
+.bg-info-500 {
+ background-color: #2196F3;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #0d8aee;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #0c7cd5;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #0a6ebd;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #0960a5;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #9acffa; }
+
+.color-info-100 {
+ color: #82c4f8; }
+
+.color-info-200 {
+ color: #6ab8f7; }
+
+.color-info-300 {
+ color: #51adf6; }
+
+.color-info-400 {
+ color: #39a1f4; }
+
+.color-info-500 {
+ color: #2196F3; }
+
+.color-info-600 {
+ color: #0d8aee; }
+
+.color-info-700 {
+ color: #0c7cd5; }
+
+.color-info-800 {
+ color: #0a6ebd; }
+
+.color-info-900 {
+ color: #0960a5; }
+
+.bg-warning-50 {
+ background-color: #ffebc1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #ffe3a7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffdb8e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffd274;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffca5b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ffc241;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #ffba28;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #ffb20e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #f4a500;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #da9400;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #ffebc1; }
+
+.color-warning-100 {
+ color: #ffe3a7; }
+
+.color-warning-200 {
+ color: #ffdb8e; }
+
+.color-warning-300 {
+ color: #ffd274; }
+
+.color-warning-400 {
+ color: #ffca5b; }
+
+.color-warning-500 {
+ color: #ffc241; }
+
+.color-warning-600 {
+ color: #ffba28; }
+
+.color-warning-700 {
+ color: #ffb20e; }
+
+.color-warning-800 {
+ color: #f4a500; }
+
+.color-warning-900 {
+ color: #da9400; }
+
+.bg-danger-50 {
+ background-color: #dfc7bf;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #d7b8ae;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #ceaa9d;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #c69b8c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #bd8c7b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-500 {
+ background-color: #b57d6a;
+ color: white; }
+ .bg-danger-500:hover {
+ color: white; }
+
+.bg-danger-600 {
+ background-color: #ad6e59;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #9e624e;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #8d5846;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #7c4d3d;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #dfc7bf; }
+
+.color-danger-100 {
+ color: #d7b8ae; }
+
+.color-danger-200 {
+ color: #ceaa9d; }
+
+.color-danger-300 {
+ color: #c69b8c; }
+
+.color-danger-400 {
+ color: #bd8c7b; }
+
+.color-danger-500 {
+ color: #b57d6a; }
+
+.color-danger-600 {
+ color: #ad6e59; }
+
+.color-danger-700 {
+ color: #9e624e; }
+
+.color-danger-800 {
+ color: #8d5846; }
+
+.color-danger-900 {
+ color: #7c4d3d; }
+
+.bg-fusion-50 {
+ background-color: #8e8e8e;
+ color: white; }
+ .bg-fusion-50:hover {
+ color: white; }
+
+.bg-fusion-100 {
+ background-color: #818181;
+ color: white; }
+ .bg-fusion-100:hover {
+ color: white; }
+
+.bg-fusion-200 {
+ background-color: #757575;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #686868;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #5b5b5b;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #4e4e4e;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #424242;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #353535;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #282828;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #1b1b1b;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #8e8e8e; }
+
+.color-fusion-100 {
+ color: #818181; }
+
+.color-fusion-200 {
+ color: #757575; }
+
+.color-fusion-300 {
+ color: #686868; }
+
+.color-fusion-400 {
+ color: #5b5b5b; }
+
+.color-fusion-500 {
+ color: #4e4e4e; }
+
+.color-fusion-600 {
+ color: #424242; }
+
+.color-fusion-700 {
+ color: #353535; }
+
+.color-fusion-800 {
+ color: #282828; }
+
+.color-fusion-900 {
+ color: #1b1b1b; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(85, 91, 97, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(124, 77, 61, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(218, 148, 0, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(27, 27, 27, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #727b84;
+ border-color: #6c757d; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #666e76; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a899;
+ border-color: #179c8e; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c8e;
+ border-color: #159184; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #0c83e2;
+ border-color: #0c7cd5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0c7cd5;
+ border-color: #0b75c9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #ffb61b;
+ border-color: #ffb20e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffb20e;
+ border-color: #ffae01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #a66853;
+ border-color: #9e624e; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #9e624e;
+ border-color: #955d4a; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(192, 145, 128, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #4e4e4e;
+ border-color: #4e4e4e;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #3b3b3b;
+ border-color: #353535; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #4e4e4e;
+ border-color: #4e4e4e; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #353535;
+ border-color: #2e2e2e; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); }
+
+.btn-outline-primary {
+ color: #868e96;
+ border-color: #868e96; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #868e96;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc9b7;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+
+.btn-outline-info {
+ color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #2196F3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffc241;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #b57d6a;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #b57d6a;
+ border-color: #b57d6a; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(181, 125, 106, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #4e4e4e;
+ border-color: #4e4e4e; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #4e4e4e;
+ border-color: #4e4e4e; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #4e4e4e;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #4e4e4e;
+ border-color: #4e4e4e; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(78, 78, 78, 0.5); }
+
+.border-primary {
+ border-color: #868e96 !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #1dc9b7 !important; }
+
+.border-info {
+ border-color: #2196F3 !important; }
+
+.border-warning {
+ border-color: #ffc241 !important; }
+
+.border-danger {
+ border-color: #b57d6a !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #4e4e4e !important; }
+
+.text-primary {
+ color: #868e96 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #60686f !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #1dc9b7 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13867a !important; }
+
+.text-info {
+ color: #2196F3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0a6ebd !important; }
+
+.text-warning {
+ color: #ffc241 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #f4a500 !important; }
+
+.text-danger {
+ color: #b57d6a !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #8d5846 !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #4e4e4e !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #282828 !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-7 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-7.css.map */
diff --git a/public/assets/css/themes/cust-theme-7.css.map b/public/assets/css/themes/cust-theme-7.css.map
new file mode 100644
index 0000000..a51c8fb
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-7.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-7.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlDsB;U0BkDtB,gD1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtFqB;U0BsFrB,gD1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,uD1BrFqB;U0BqFrB,+C1BrFqB,EAAA;;A0BwFrB;EAHA,uD1BpFkB;U0BoFlB,+C1BpFkB,EAAA;;A0BuFlB;EAHA,uD1BnFqB;U0BmFrB,+C1BnFqB,EAAA;;A0BsFrB;EAHA,wD1BlFoB;U0BkFpB,gD1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,qDvBhF6E;UuBgF7E,6CvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AA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AA;;AEyUhB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TiB;EEkTnB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUiB,EAAA;;AEwUnB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAAsB,EAAA;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F;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,WvC1DW;IuC2DX,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,yD5CtEmB;Y4CsEnB,iD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,yD5C3Fe;c4C2Ff,iD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,WvC1DW;IuC2DX,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,wD5CrEmB;Y4CqEnB,gD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,wD5C1Fe;c4C0Ff,gD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,WvC1DW;IuC2DX,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,wD5CpEgB;Y4CoEhB,gD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,wD5CzFY;c4CyFZ,gD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,wD5CnEmB;Y4CmEnB,gD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,wD5CxFe;c4CwFf,gD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,WvC1DW;IuC2DX,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,yD5ClEkB;Y4CkElB,iD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,yD5CvFc;c4CuFd,iD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,sDzChE2E;YyCgE3E,8CzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,sDzCrFuE;cyCqFvE,8CzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-7.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #868e96; \r\n$color-success: #1dc9b7; \r\n$color-info: #2196F3; \r\n$color-warning: #ffc241; \r\n$color-danger: #b57d6a;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-7 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-8.css b/public/assets/css/themes/cust-theme-8.css
new file mode 100644
index 0000000..0e40e6d
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-8.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(153, 198, 233, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(153, 198, 233, 0.18), transparent);
+ background-color: #3955bc; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #b9c5ee !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #7c91df !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #7c91df !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #7c91df; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid #fafafa;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #7c91df;
+ background: #a5b3e9;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: white;
+ border: 1px solid #ffa454;
+ color: #3b3b3b; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #7c91df; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: white; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #7c91df; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(48, 80, 197, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(48, 80, 197, 0.13); } }
+
+.nav-title {
+ color: #768ad6; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #7c91df;
+ box-shadow: inset 3px 0 0 #7c91df; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #b6bdd8; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #ccd4f0; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #7e91d8; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #b6bdd8; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(83, 108, 203, 0.8);
+ box-shadow: 0 0 0 1px rgba(83, 108, 203, 0.8);
+ border: 1px solid rgba(83, 108, 203, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #90a2e4; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #b9c3ea; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #7e91d8; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #ff8793; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #b6bdd8; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #b6bdd8; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #b1bce7; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #ff8793;
+ border: 1px solid #6e6e6e; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: #6e6e6e !important; }
+ .nav-menu-clean li a span {
+ color: #6e6e6e !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #667dd1; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: white;
+ border: 1px solid #ffa454;
+ color: #3b3b3b; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(153, 198, 233, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(153, 198, 233, 0.18), transparent);
+ background-color: #3955bc;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(48, 80, 197, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(48, 80, 197, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #a5b3e9; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #ced6f3; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #6880da;
+ box-shadow: 0 0 0 1px #6880da; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(48, 80, 197, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(48, 80, 197, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #a9b6e5; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #3955bc; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #4f69ca; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #ccd4f0; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #4f69ca; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #4f69ca; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #7c91df;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #3955bc; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #3955bc; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #435fc6;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #3955bc; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #3955bc; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: #6e6e6e;
+ border-color: #545454 !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #95a5df; }
+
+.nav-function-fixed .nav-footer {
+ background: #3955bc; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(91, 115, 205, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#3955bc), color-stop(50%, #6e84d3), color-stop(50%, #6e84d3), to(#3955bc));
+ background: linear-gradient(to right, #3955bc 0%, #6e84d3 50%, #6e84d3 50%, #3955bc 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #3651b4; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #7e91d8; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #3f5cc5; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #b6bdd8; } }
+
+.page-content-wrapper {
+ background-color: white; }
+
+.subheader-icon {
+ color: #b6bdd8; }
+
+.subheader-title {
+ color: #6e6e6e;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #a1a1a1; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #7c91df; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #a1a1a1; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #a5b3e9; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #7c91df; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #747c9a;
+ background-color: white;
+ border-color: #f1f3f9; }
+
+.alert-success {
+ color: #a4ea9c;
+ background-color: white;
+ border-color: white; }
+
+.alert-danger {
+ color: #ff3b4e;
+ background-color: white;
+ border-color: #ffedef; }
+
+.alert-warning {
+ color: #ff7b08;
+ background-color: white;
+ border-color: #ffd2ab; }
+
+.alert-info {
+ color: #4ca4ea;
+ background-color: white;
+ border-color: #ebf5fd; }
+
+.alert-secondary {
+ color: #6e6e6e;
+ background-color: white;
+ border-color: #fafafa; }
+
+.badge.badge-icon {
+ background-color: #ff8793;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #878787;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #7c91df; }
+ .btn-switch.active:before {
+ color: white; }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #7c91df; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #ff5465;
+ background-color: #ff6e7c;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#ff6e7c), to(#ff3b4e));
+ background-image: linear-gradient(to top, #ff6e7c, #ff3b4e);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(124, 145, 223, 0.3);
+ box-shadow: 0px 0px 2px rgba(124, 145, 223, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #7c91df;
+ border-color: #6880da; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(124, 145, 223, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(124, 145, 223, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(147, 255, 135, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(147, 255, 135, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(144, 199, 242, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(144, 199, 242, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 191, 135, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 191, 135, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 135, 147, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 135, 147, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(110, 110, 110, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(110, 110, 110, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #536fd5; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #93ff87; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(48, 80, 197, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(48, 80, 197, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(42, 55, 101, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(43, 71, 176, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(43, 71, 176, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #ff8793; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(165, 179, 233, 0.7);
+ border-left-color: rgba(124, 145, 223, 0.7);
+ border-right-color: rgba(124, 145, 223, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(124, 145, 223, 0.7) rgba(104, 128, 218, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #ffbac1;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #93ff87; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ffbf87; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #ff8793; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: white; }
+ .panel-placeholder:before {
+ background: white; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #7c91df;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #536fd5; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: #6e6e6e; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: white; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(59, 59, 59, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: white !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #a0c5e3, #8496d7); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: #6e6e6e;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #93ff87; }
+ .status.status-danger:before {
+ background: #ff8793; }
+ .status.status-warning:before {
+ background: #ffbf87; }
+
+/* display frame */
+.frame-heading {
+ color: #bfbfbf; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #949494; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: white; }
+
+/* select background */
+::-moz-selection {
+ background: #6e6e6e;
+ color: #fff; }
+::selection {
+ background: #6e6e6e;
+ color: #fff; }
+
+::-moz-selection {
+ background: #6e6e6e;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: white; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #7c91df; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: #aeaeae; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #7c91df; }
+
+.has-length .input-group-text {
+ border-color: #7c91df; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #7c91df;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: #aeaeae; }
+
+.settings-panel h5 {
+ color: #6e6e6e; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #7b7b7b; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: white;
+ border: 1px solid #ffa454;
+ color: #3b3b3b; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #435fc6; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #7e91d8; }
+
+.bg-primary-50 {
+ background-color: #e2e7f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #ced6f3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #b9c5ee;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #a5b3e9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #90a2e4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #7c91df;
+ color: white; }
+ .bg-primary-500:hover {
+ color: white; }
+
+.bg-primary-600 {
+ background-color: #6880da;
+ color: white; }
+ .bg-primary-600:hover {
+ color: white; }
+
+.bg-primary-700 {
+ background-color: #536fd5;
+ color: white; }
+ .bg-primary-700:hover {
+ color: white; }
+
+.bg-primary-800 {
+ background-color: #3f5dd0;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #3050c5;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #e2e7f8; }
+
+.color-primary-100 {
+ color: #ced6f3; }
+
+.color-primary-200 {
+ color: #b9c5ee; }
+
+.color-primary-300 {
+ color: #a5b3e9; }
+
+.color-primary-400 {
+ color: #90a2e4; }
+
+.color-primary-500 {
+ color: #7c91df; }
+
+.color-primary-600 {
+ color: #6880da; }
+
+.color-primary-700 {
+ color: #536fd5; }
+
+.color-primary-800 {
+ color: #3f5dd0; }
+
+.color-primary-900 {
+ color: #3050c5; }
+
+.bg-success-50 {
+ background-color: white;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #efffed;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #d8ffd4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #c1ffba;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #aaffa1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #93ff87;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-600 {
+ background-color: #7cff6e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-700 {
+ background-color: #65ff54;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-800 {
+ background-color: #4eff3b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-900 {
+ background-color: #37ff21;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-success-50 {
+ color: white; }
+
+.color-success-100 {
+ color: #efffed; }
+
+.color-success-200 {
+ color: #d8ffd4; }
+
+.color-success-300 {
+ color: #c1ffba; }
+
+.color-success-400 {
+ color: #aaffa1; }
+
+.color-success-500 {
+ color: #93ff87; }
+
+.color-success-600 {
+ color: #7cff6e; }
+
+.color-success-700 {
+ color: #65ff54; }
+
+.color-success-800 {
+ color: #4eff3b; }
+
+.color-success-900 {
+ color: #37ff21; }
+
+.bg-info-50 {
+ background-color: white;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #ebf5fd;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #d4eafa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #bedef7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-400 {
+ background-color: #a7d3f5;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-500 {
+ background-color: #90c7f2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-600 {
+ background-color: #79bbef;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-700 {
+ background-color: #62b0ed;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #4ca4ea;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #3599e7;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: white; }
+
+.color-info-100 {
+ color: #ebf5fd; }
+
+.color-info-200 {
+ color: #d4eafa; }
+
+.color-info-300 {
+ color: #bedef7; }
+
+.color-info-400 {
+ color: #a7d3f5; }
+
+.color-info-500 {
+ color: #90c7f2; }
+
+.color-info-600 {
+ color: #79bbef; }
+
+.color-info-700 {
+ color: #62b0ed; }
+
+.color-info-800 {
+ color: #4ca4ea; }
+
+.color-info-900 {
+ color: #3599e7; }
+
+.bg-warning-50 {
+ background-color: white;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #fff5ed;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #ffe8d4;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #ffdaba;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #ffcda1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ffbf87;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #ffb16e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #ffa454;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #ff963b;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #ff8921;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: white; }
+
+.color-warning-100 {
+ color: #fff5ed; }
+
+.color-warning-200 {
+ color: #ffe8d4; }
+
+.color-warning-300 {
+ color: #ffdaba; }
+
+.color-warning-400 {
+ color: #ffcda1; }
+
+.color-warning-500 {
+ color: #ffbf87; }
+
+.color-warning-600 {
+ color: #ffb16e; }
+
+.color-warning-700 {
+ color: #ffa454; }
+
+.color-warning-800 {
+ color: #ff963b; }
+
+.color-warning-900 {
+ color: #ff8921; }
+
+.bg-danger-50 {
+ background-color: white;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #ffedef;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #ffd4d8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #ffbac1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #ffa1aa;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-500 {
+ background-color: #ff8793;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-600 {
+ background-color: #ff6e7c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-700 {
+ background-color: #ff5465;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #ff3b4e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #ff2137;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: white; }
+
+.color-danger-100 {
+ color: #ffedef; }
+
+.color-danger-200 {
+ color: #ffd4d8; }
+
+.color-danger-300 {
+ color: #ffbac1; }
+
+.color-danger-400 {
+ color: #ffa1aa; }
+
+.color-danger-500 {
+ color: #ff8793; }
+
+.color-danger-600 {
+ color: #ff6e7c; }
+
+.color-danger-700 {
+ color: #ff5465; }
+
+.color-danger-800 {
+ color: #ff3b4e; }
+
+.color-danger-900 {
+ color: #ff2137; }
+
+.bg-fusion-50 {
+ background-color: #aeaeae;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-fusion-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-fusion-100 {
+ background-color: #a1a1a1;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-fusion-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-fusion-200 {
+ background-color: #949494;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #878787;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #7b7b7b;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: #6e6e6e;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #616161;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #545454;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #484848;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #3b3b3b;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: #aeaeae; }
+
+.color-fusion-100 {
+ color: #a1a1a1; }
+
+.color-fusion-200 {
+ color: #949494; }
+
+.color-fusion-300 {
+ color: #878787; }
+
+.color-fusion-400 {
+ color: #7b7b7b; }
+
+.color-fusion-500 {
+ color: #6e6e6e; }
+
+.color-fusion-600 {
+ color: #616161; }
+
+.color-fusion-700 {
+ color: #545454; }
+
+.color-fusion-800 {
+ color: #484848; }
+
+.color-fusion-900 {
+ color: #3b3b3b; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(48, 80, 197, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(255, 33, 55, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(53, 153, 231, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(255, 137, 33, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(55, 255, 33, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(59, 59, 59, 0.7), transparent); }
+
+.btn-primary {
+ color: #fff;
+ background-color: #7c91df;
+ border-color: #7c91df;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #5d77d7;
+ border-color: #536fd5; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(144, 162, 228, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(144, 162, 228, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #7c91df;
+ border-color: #7c91df; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #536fd5;
+ border-color: #4966d2; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(144, 162, 228, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(144, 162, 228, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #212529;
+ background-color: #93ff87;
+ border-color: #93ff87;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #212529;
+ background-color: #71ff61;
+ border-color: #65ff54; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 222, 121, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 222, 121, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #212529;
+ background-color: #93ff87;
+ border-color: #93ff87; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #212529;
+ background-color: #65ff54;
+ border-color: #5aff47; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 222, 121, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 222, 121, 0.5); }
+
+.btn-info {
+ color: #212529;
+ background-color: #90c7f2;
+ border-color: #90c7f2;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #212529;
+ background-color: #6eb6ee;
+ border-color: #62b0ed; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(127, 175, 212, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(127, 175, 212, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #212529;
+ background-color: #90c7f2;
+ border-color: #90c7f2; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #212529;
+ background-color: #62b0ed;
+ border-color: #57aaeb; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(127, 175, 212, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(127, 175, 212, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffbf87;
+ border-color: #ffbf87;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #ffab61;
+ border-color: #ffa454; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 168, 121, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 168, 121, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffbf87;
+ border-color: #ffbf87; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffa454;
+ border-color: #ff9d47; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 168, 121, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 168, 121, 0.5); }
+
+.btn-danger {
+ color: #212529;
+ background-color: #ff8793;
+ border-color: #ff8793;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #ff6171;
+ border-color: #ff5465; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 120, 131, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 120, 131, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #212529;
+ background-color: #ff8793;
+ border-color: #ff8793; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #ff5465;
+ border-color: #ff475a; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 120, 131, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 120, 131, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #6e6e6e;
+ border-color: #6e6e6e;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #5b5b5b;
+ border-color: #545454; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #6e6e6e;
+ border-color: #6e6e6e; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #545454;
+ border-color: #4e4e4e; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(132, 132, 132, 0.5); }
+
+.btn-outline-primary {
+ color: #7c91df;
+ border-color: #7c91df; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #7c91df;
+ border-color: #7c91df; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(124, 145, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(124, 145, 223, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #7c91df;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #7c91df;
+ border-color: #7c91df; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(124, 145, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(124, 145, 223, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #93ff87;
+ border-color: #93ff87; }
+ .btn-outline-success:hover {
+ color: #212529;
+ background-color: #93ff87;
+ border-color: #93ff87; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 255, 135, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(147, 255, 135, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #93ff87;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #212529;
+ background-color: #93ff87;
+ border-color: #93ff87; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(147, 255, 135, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(147, 255, 135, 0.5); }
+
+.btn-outline-info {
+ color: #90c7f2;
+ border-color: #90c7f2; }
+ .btn-outline-info:hover {
+ color: #212529;
+ background-color: #90c7f2;
+ border-color: #90c7f2; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(144, 199, 242, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(144, 199, 242, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #90c7f2;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #212529;
+ background-color: #90c7f2;
+ border-color: #90c7f2; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(144, 199, 242, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(144, 199, 242, 0.5); }
+
+.btn-outline-warning {
+ color: #ffbf87;
+ border-color: #ffbf87; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffbf87;
+ border-color: #ffbf87; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 191, 135, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 191, 135, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffbf87;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffbf87;
+ border-color: #ffbf87; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 191, 135, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 191, 135, 0.5); }
+
+.btn-outline-danger {
+ color: #ff8793;
+ border-color: #ff8793; }
+ .btn-outline-danger:hover {
+ color: #212529;
+ background-color: #ff8793;
+ border-color: #ff8793; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 135, 147, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 135, 147, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #ff8793;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #212529;
+ background-color: #ff8793;
+ border-color: #ff8793; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 135, 147, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 135, 147, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #6e6e6e;
+ border-color: #6e6e6e; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #6e6e6e;
+ border-color: #6e6e6e; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #6e6e6e;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #6e6e6e;
+ border-color: #6e6e6e; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5); }
+
+.border-primary {
+ border-color: #7c91df !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #93ff87 !important; }
+
+.border-info {
+ border-color: #90c7f2 !important; }
+
+.border-warning {
+ border-color: #ffbf87 !important; }
+
+.border-danger {
+ border-color: #ff8793 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #6e6e6e !important; }
+
+.text-primary {
+ color: #7c91df !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #3f5dd0 !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #93ff87 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #4eff3b !important; }
+
+.text-info {
+ color: #90c7f2 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #4ca4ea !important; }
+
+.text-warning {
+ color: #ffbf87 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #ff963b !important; }
+
+.text-danger {
+ color: #ff8793 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #ff3b4e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #6e6e6e !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #484848 !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-8 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-8.css.map */
diff --git a/public/assets/css/themes/cust-theme-8.css.map b/public/assets/css/themes/cust-theme-8.css.map
new file mode 100644
index 0000000..eff6fb3
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-8.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-8.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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rB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBkTI,YAA0B,EAAA;IwBlT9B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlDsB;U0BkDtB,gD1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtFqB;U0BsFrB,gD1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,wD1BrFqB;U0BqFrB,gD1BrFqB,EAAA;;A0BwFrB;EAHA,wD1BpFkB;U0BoFlB,gD1BpFkB,EAAA;;A0BuFlB;EAHA,wD1BnFqB;U0BmFrB,gD1BnFqB,EAAA;;A0BsFrB;EAHA,wD1BlFoB;U0BkFpB,gD1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,wDvBhF6E;UuBgF7E,gDvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;AA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hB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,uBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TiB;EEkTnB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,YCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUiB,EAAA;;AEwUnB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,uBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAAsB,EAAA;EAYtB;IA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EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,WvC1DW;IuC2DX,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,yD5CtEmB;Y4CsEnB,iD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,yD5C3Fe;c4C2Ff,iD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,cvCjDc;IuCkDd,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,yD5CrEmB;Y4CqEnB,iD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,yD5C1Fe;c4C0Ff,iD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,cvCjDc;IuCkDd,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,yD5CpEgB;Y4CoEhB,iD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,yD5CzFY;c4CyFZ,iD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,yD5CnEmB;Y4CmEnB,iD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,yD5CxFe;c4CwFf,iD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,cvCjDc;IuCkDd,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,yD5ClEkB;Y4CkElB,iD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,yD5CvFc;c4CuFd,iD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,yDzChE2E;YyCgE3E,iDzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,yDzCrFuE;cyCqFvE,iDzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-8.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #7c91df; \r\n$color-success: #93ff87; \r\n$color-info: #90c7f2; \r\n$color-warning: #ffbf87; \r\n$color-danger: #ff8793;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-8 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/themes/cust-theme-9.css b/public/assets/css/themes/cust-theme-9.css
new file mode 100644
index 0000000..68e411a
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-9.css
@@ -0,0 +1,2218 @@
+/* #THEME COLOR (variable overrides)
+========================================================================== */
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #IMPORTS ~~
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(195, 122, 214, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(195, 122, 214, 0.18), transparent);
+ background-color: #bf662c; }
+
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+.btn-default {
+ background-color: #f5f5f5;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
+ background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
+ color: #444; }
+ .btn-default:hover {
+ border: 1px solid #c6c6c6; }
+ .btn-default:focus {
+ border-color: #f0c8ad !important; }
+
+.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
+ color: #fff;
+ background: #e59c6c !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
+ background: #fff !important;
+ color: #e59c6c !important; }
+ .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
+ color: #e59c6c; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
+ color: #d58100 !important; }
+
+.nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+
+.header-btn {
+ border: 1px solid whitesmoke;
+ color: #a6a6a6; }
+ .header-btn:hover {
+ border-color: #e59c6c;
+ background: #edb997;
+ color: #fff; }
+
+.nav-mobile-slide-out #nmp:after,
+.nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
+.nav-function-minify #mnl:after,
+.mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
+ background: #fbf8d9;
+ border: 1px solid #e8d939;
+ color: #363636; }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/*@import '_imports/_global-import';*/
+/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
+ DOC: you can disable unused _modules
+========================================================================== */
+/* contains root variables to be used with css (see docs) */
+/* html and body base styles */
+html body {
+ background-color: #fff; }
+
+.header-icon {
+ color: #666666; }
+ .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .header-icon:not(.btn) > .ni:first-child {
+ color: #e59c6c; }
+ .header-icon:not(.btn):hover > [class*='fa-']:only-child,
+ .header-icon:not(.btn):hover > .ni {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] {
+ /* header dropdowns */
+ /* note: important rules to override popper's inline classes */
+ /* end header dropdowns */ }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
+ color: #404040; }
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
+ .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
+ color: #404040 !important; }
+ .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
+ border-color: #ccc; }
+ .header-icon:hover {
+ color: #404040; }
+
+.page-header {
+ background-color: #fff; }
+
+#search-field {
+ background: transparent;
+ border: 1px solid transparent; }
+
+.dropdown-icon-menu > ul {
+ background: #fff; }
+
+.notification li.unread {
+ background: white; }
+
+.notification li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
+ .notification li > :first-child:hover {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
+ background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
+
+.notification .name {
+ color: #222222; }
+
+.notification .msg-a,
+.notification .msg-b {
+ color: #555555; }
+
+.notification.notification-layout-2 li {
+ background: #f9f9f9; }
+ .notification.notification-layout-2 li.unread {
+ background: #fff; }
+ .notification.notification-layout-2 li > :first-child {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
+
+.notification.notification-layout-2:hover {
+ cursor: pointer; }
+
+.app-list-item {
+ color: #666666; }
+ .app-list-item:hover {
+ border: 1px solid #e3e3e3; }
+ .app-list-item:active {
+ border-color: #e59c6c; }
+
+@media (min-width: 992px) {
+ .header-function-fixed.nav-function-top .page-header {
+ -webkit-box-shadow: 0px 0px 28px 2px rgba(200, 101, 35, 0.13);
+ box-shadow: 0px 0px 28px 2px rgba(200, 101, 35, 0.13); } }
+
+.nav-title {
+ color: #dc9566; }
+
+.nav-menu li.open > a {
+ color: white; }
+
+.nav-menu li.active {
+ /* arrow that appears next to active/selected items */ }
+ .nav-menu li.active > a {
+ color: white;
+ background-color: rgba(255, 255, 255, 0.04);
+ -webkit-box-shadow: inset 3px 0 0 #e59c6c;
+ box-shadow: inset 3px 0 0 #e59c6c; }
+ .nav-menu li.active > a:hover > [class*='fa-'],
+ .nav-menu li.active > a:hover > .ni {
+ color: #dabdaa; }
+ .nav-menu li.active > ul {
+ display: block; }
+ .nav-menu li.active:not(.open) > a:before {
+ color: #24b3a4; }
+
+.nav-menu li a {
+ color: #f1d4c1; }
+ .nav-menu li a .dl-ref.label {
+ color: rgba(255, 255, 255, 0.7); }
+ .nav-menu li a > [class*='fa-'],
+ .nav-menu li a > .ni {
+ color: #de9a6e; }
+ .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+ .nav-menu li a:hover {
+ color: rgba(0, 0, 0, 0.8);
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li a:hover .badge {
+ color: #fff; }
+ .nav-menu li a:hover > [class*='fa-'],
+ .nav-menu li a:hover > .ni {
+ color: #dabdaa; }
+ .nav-menu li a:hover > .badge {
+ -webkit-box-shadow: 0 0 0 1px rgba(212, 123, 64, 0.8);
+ box-shadow: 0 0 0 1px rgba(212, 123, 64, 0.8);
+ border: 1px solid rgba(212, 123, 64, 0.8); }
+ .nav-menu li a:focus {
+ color: white; }
+ .nav-menu li a:focus .badge {
+ color: #fff; }
+
+.nav-menu li b.collapse-sign {
+ color: #e9ab82; }
+
+.nav-menu li > ul {
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a {
+ color: #ecc6ac; }
+ .nav-menu li > ul li a > [class*='fa-'],
+ .nav-menu li > ul li a > .ni {
+ color: #de9a6e; }
+ .nav-menu li > ul li a > .badge {
+ color: #fff;
+ background-color: #e77070; }
+ .nav-menu li > ul li a:hover {
+ color: white;
+ background-color: rgba(0, 0, 0, 0.1); }
+ .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li a:hover > .nav-link-text > .ni {
+ color: #dabdaa; }
+ .nav-menu li > ul li.active > a {
+ color: white;
+ background-color: transparent; }
+ .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a > .nav-link-text > .ni {
+ color: white; }
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
+ .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
+ color: #dabdaa; }
+ .nav-menu li > ul li > ul li.active > a {
+ color: white; }
+ .nav-menu li > ul li > ul li a {
+ color: #eac0a4; }
+ .nav-menu li > ul li > ul li a:hover {
+ color: white; }
+ .nav-menu li > ul li > ul li a > .badge {
+ color: #fff;
+ background-color: #e77070;
+ border: 1px solid dimgray; }
+
+/* nav clean elements */
+.nav-menu-clean {
+ background: #fff; }
+ .nav-menu-clean li a {
+ color: dimgray !important; }
+ .nav-menu-clean li a span {
+ color: dimgray !important; }
+ .nav-menu-clean li a:hover {
+ background-color: #f4f4f4 !important; }
+
+/* nav bordered elements */
+.nav-menu-bordered {
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .nav-menu-bordered li a {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+
+.nav-filter input[type="text"] {
+ background: rgba(0, 0, 0, 0.4);
+ color: #fff; }
+ .nav-filter input[type="text"]:not(:focus) {
+ border-color: rgba(0, 0, 0, 0.1); }
+ .nav-filter input[type="text"]:focus {
+ border-color: #d88955; }
+
+.info-card {
+ color: #fff; }
+ .info-card .info-card-text {
+ text-shadow: #000 0 1px; }
+
+@media (min-width: 992px) {
+ .nav-function-top {
+ /* correct search field color */ }
+ .nav-function-top #search-field {
+ color: #fff; }
+ .nav-function-top:not(.header-function-fixed) #nff {
+ position: relative; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
+ color: #d58100; }
+ .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+ color: #ec9f28; }
+ .nav-function-top:not(.header-function-fixed) #nff:after {
+ background: #fbf8d9;
+ border: 1px solid #e8d939;
+ color: #363636; }
+ .nav-function-top .page-header {
+ background-image: -webkit-gradient(linear, right top, left top, from(rgba(195, 122, 214, 0.18)), to(transparent));
+ background-image: linear-gradient(270deg, rgba(195, 122, 214, 0.18), transparent);
+ background-color: #bf662c;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(200, 101, 35, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(200, 101, 35, 0.13); }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
+ color: #edb997; }
+ .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
+ .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
+ color: #f4d6c3; }
+ .nav-function-top .page-header .badge.badge-icon {
+ -webkit-box-shadow: 0 0 0 1px #e18d56;
+ box-shadow: 0 0 0 1px #e18d56; }
+ .nav-function-top .page-sidebar {
+ background: #fff;
+ -webkit-box-shadow: 0px 0px 14px 0px rgba(200, 101, 35, 0.13);
+ box-shadow: 0px 0px 14px 0px rgba(200, 101, 35, 0.13); }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
+ color: #24b3a4; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
+ color: inherit; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
+ color: #e8ba9c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
+ color: #bf662c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
+ background: #d3783c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
+ color: #f1d4c1; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
+ background: #d3783c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
+ background: rgba(0, 0, 0, 0.1);
+ color: #fff; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
+ background: transparent; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
+ color: #d3783c; }
+ .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
+ color: #e59c6c;
+ background: transparent; } }
+
+@media (min-width: 992px) {
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
+ color: #24b3a4; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
+ background: trasparent; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
+ background-color: #bf662c; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
+ color: #bf662c; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
+ overflow: visible; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
+ background: #d06f30;
+ color: #fff; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
+ background: #bf662c; }
+ .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
+ color: #bf662c; }
+ .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
+ background: dimgray;
+ border-color: #4f4f4f !important;
+ color: #fff !important; } }
+
+.nav-footer .nav-footer-buttons > li > a {
+ color: #e4ac87; }
+
+.nav-function-fixed .nav-footer {
+ background: #bf662c; }
+ .nav-function-fixed .nav-footer:before {
+ background: rgba(213, 128, 73, 0.2);
+ background: -webkit-gradient(linear, left top, right top, from(#bf662c), color-stop(50%, #da8f5d), color-stop(50%, #da8f5d), to(#bf662c));
+ background: linear-gradient(to right, #bf662c 0%, #da8f5d 50%, #da8f5d 50%, #bf662c 100%); }
+
+@media (min-width: 992px) {
+ .nav-function-minify .nav-footer {
+ background-color: #b7622a; }
+ .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
+ color: #de9a6e; }
+ .nav-function-minify .nav-footer:hover {
+ background-color: #cc6d2e; }
+ .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
+ color: #dabdaa; } }
+
+.page-content-wrapper {
+ background-color: white; }
+
+.subheader-icon {
+ color: #dabdaa; }
+
+.subheader-title {
+ color: dimgray;
+ text-shadow: #fff 0 1px; }
+ .subheader-title small {
+ color: #9c9c9c; }
+
+.page-footer {
+ background: #fff;
+ color: #4d4d4d; }
+
+.accordion .card .card-header {
+ background-color: #f7f9fa; }
+ .accordion .card .card-header .card-title {
+ color: #e59c6c; }
+ .accordion .card .card-header .card-title.collapsed {
+ color: #9c9c9c; }
+
+.accordion.accordion-clean .card-header {
+ background: #fff; }
+
+.accordion.accordion-hover .card-header {
+ background: #fff; }
+ .accordion.accordion-hover .card-header:hover .card-title.collapsed {
+ color: #fff;
+ background-color: #edb997; }
+
+.accordion.accordion-hover .card-title:not(.collapsed) {
+ color: #fff;
+ background-color: #e59c6c; }
+
+/* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
+ does not allow you to add your own alert colors via variable control rather
+ through a systemetic agent that changes the theme colors.
+
+ REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
+*/
+.alert-primary {
+ color: #a17c63;
+ background-color: white;
+ border-color: #f7eee9; }
+
+.alert-success {
+ color: #8ba1c4;
+ background-color: white;
+ border-color: #fafbfe; }
+
+.alert-danger {
+ color: #dc2e2e;
+ background-color: white;
+ border-color: #f6c7c7; }
+
+.alert-warning {
+ color: #beb017;
+ background-color: #fffffd;
+ border-color: #f1e887; }
+
+.alert-info {
+ color: #b42dd7;
+ background-color: white;
+ border-color: #e9c3f3; }
+
+.alert-secondary {
+ color: dimgray;
+ background-color: white;
+ border-color: whitesmoke; }
+
+.badge.badge-icon {
+ background-color: #e77070;
+ color: #fff;
+ -webkit-box-shadow: 0 0 0 1px #fff;
+ box-shadow: 0 0 0 1px #fff; }
+
+/* btn switch */
+.btn-switch {
+ background: #828282;
+ color: white; }
+ .btn-switch:hover {
+ color: white; }
+ .btn-switch:after {
+ color: white; }
+ .btn-switch.active {
+ color: #fff;
+ background: #e59c6c; }
+ .btn-switch.active:before {
+ color: rgba(0, 0, 0, 0.8); }
+ .btn-switch.active:after {
+ background: #fff;
+ color: #e59c6c; }
+
+/* button used to close filter and mobile search */
+.btn-search-close {
+ color: #fff; }
+
+/* buttons used in the header section of the page */
+.header-btn[data-class='mobile-nav-on'] {
+ border-color: #e04444;
+ background-color: #e35a5a;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#e35a5a), to(#dc2e2e));
+ background-image: linear-gradient(to top, #e35a5a, #dc2e2e);
+ color: #fff; }
+
+/* dropdown btn */
+/* used on info card pulldown filter */
+.pull-trigger-btn {
+ background: rgba(0, 0, 0, 0.4);
+ border: 1px solid rgba(0, 0, 0, 0.4);
+ color: #fff !important;
+ -webkit-box-shadow: 0px 0px 2px rgba(229, 156, 108, 0.3);
+ box-shadow: 0px 0px 2px rgba(229, 156, 108, 0.3); }
+ .pull-trigger-btn:hover {
+ background: #e59c6c;
+ border-color: #e18d56; }
+
+/* btn misc */
+.btn-outline-default {
+ color: #212529;
+ border-color: #E5E5E5; }
+ .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-default.dropdown-toggle {
+ color: #212529;
+ background-color: #f9f9f9;
+ border-color: #E5E5E5; }
+ .btn-outline-default.disabled, .btn-outline-default:disabled {
+ color: #212529; }
+
+/* btn shadows */
+.btn-primary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(229, 156, 108, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(229, 156, 108, 0.5); }
+
+.btn-secondary {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
+
+.btn-success {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(108, 155, 227, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(108, 155, 227, 0.5); }
+
+.btn-info {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(203, 109, 227, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(203, 109, 227, 0.5); }
+
+.btn-warning {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(237, 226, 103, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(237, 226, 103, 0.5); }
+
+.btn-danger {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(231, 112, 112, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(231, 112, 112, 0.5); }
+
+.btn-light {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
+
+.btn-dark {
+ -webkit-box-shadow: 0 2px 6px 0 rgba(105, 105, 105, 0.5);
+ box-shadow: 0 2px 6px 0 rgba(105, 105, 105, 0.5); }
+
+.btn-icon-light {
+ color: rgba(255, 255, 255, 0.7) !important;
+ border-color: transparent !important; }
+ .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
+ color: rgba(255, 255, 255, 0.7) !important; }
+ .btn-icon-light:hover {
+ color: #fff !important;
+ background-color: rgba(255, 255, 255, 0.2) !important; }
+
+.card-header {
+ background-color: #f7f9fa; }
+
+.carousel-control-prev:hover {
+ background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+.carousel-control-next:hover {
+ background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
+ background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
+
+/* dropdown menu multi-level */
+.dropdown-menu .dropdown-menu {
+ background: #fff; }
+
+.dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
+ background: #f8f9fa;
+ color: #dd7f41; }
+
+.chat-segment-get .chat-message {
+ background: #f1f0f0; }
+
+.chat-segment-sent .chat-message {
+ background: #6c9be3; }
+
+/* transparent modal */
+.modal-transparent .modal-content {
+ -webkit-box-shadow: 0 1px 15px 1px rgba(200, 101, 35, 0.3);
+ box-shadow: 0 1px 15px 1px rgba(200, 101, 35, 0.3); }
+
+.modal-transparent .modal-content {
+ background: rgba(100, 60, 33, 0.85); }
+
+.panel {
+ background-color: #fff;
+ border-bottom: 1px solid #e0e0e0;
+ /* panel fullscreen */
+ /* panel locked */ }
+ .panel.panel-fullscreen {
+ /* make panel header bigger */ }
+ .panel.panel-fullscreen .panel-hdr {
+ -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(178, 90, 31, 0.1);
+ box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(178, 90, 31, 0.1); }
+ .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
+ color: #e77070; }
+
+/* panel tag can be used globally */
+.panel-tag {
+ background: #eef7fd; }
+
+/* panel header */
+.panel-hdr {
+ background: #fff; }
+
+/* panel tap highlight */
+.panel-sortable:not(.panel-locked) .panel-hdr:active {
+ border-top-color: rgba(237, 185, 151, 0.7);
+ border-left-color: rgba(229, 156, 108, 0.7);
+ border-right-color: rgba(229, 156, 108, 0.7); }
+ .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
+ border-color: transparent rgba(229, 156, 108, 0.7) rgba(225, 141, 86, 0.7); }
+
+/*.panel-sortable .panel-hdr:active,
+.panel-sortable .panel-hdr:active + .panel-container {
+ @include transition-border(0.4s, ease-out);
+}*/
+.panel-sortable.panel-locked .panel-hdr:active {
+ border-top-color: #ee9c9c;
+ border-left-color: #dc3545;
+ border-right-color: #dc3545; }
+ .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
+ border-color: transparent #dc3545 #dc3545; }
+
+/* panel toolbar (sits inside panel header) */
+.panel-toolbar .btn-panel {
+ /* add default colors for action buttons */ }
+ .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
+ background: #6c9be3; }
+ .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
+ background: #ede267; }
+ .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
+ background: #e77070; }
+
+/* placeholder */
+.panel-placeholder {
+ background-color: white; }
+ .panel-placeholder:before {
+ background: white; }
+
+.mod-panel-clean .panel-hdr {
+ background: #fff;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
+ background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
+
+@media only screen and (max-width: 420px) {
+ /* making mobile spacing a little narrow */
+ .panel .panel-hdr {
+ color: #060606; } }
+
+.popover .arrow {
+ border-color: inherit; }
+
+.menu-item,
+label.menu-open-button {
+ background: #e59c6c;
+ color: #fff !important; }
+ .menu-item:hover,
+ label.menu-open-button:hover {
+ background: #dd7f41; }
+
+.app-shortcut-icon {
+ background: #ecf0f1;
+ color: #ecf0f1; }
+
+.menu-open:checked + .menu-open-button {
+ background: dimgray; }
+
+/* backgrounds */
+.bg-white {
+ background-color: #fff;
+ color: #666666; }
+
+.bg-faded {
+ background-color: #f7f9fa; }
+
+.bg-offwhite-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-subtlelight {
+ background-color: white; }
+
+.bg-subtlelight-fade {
+ background-color: #fff;
+ background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
+ background-image: linear-gradient(to top, #fff, white); }
+
+.bg-highlight {
+ background-color: white; }
+
+.bg-gray-50 {
+ background-color: #f9f9f9; }
+
+.bg-gray-100 {
+ background-color: #f8f9fa; }
+
+.bg-gray-200 {
+ background-color: #e9ecef; }
+
+.bg-gray-300 {
+ background-color: #dee2e6; }
+
+.bg-gray-400 {
+ background-color: #ced4da; }
+
+.bg-gray-500 {
+ background-color: #adb5bd; }
+
+.bg-gray-600 {
+ background-color: #6c757d; }
+
+.bg-gray-700 {
+ background-color: #495057; }
+
+.bg-gray-800 {
+ background-color: #343a40; }
+
+.bg-gray-900 {
+ background-color: #212529; }
+
+/* borders */
+.border-faded {
+ border: 1px solid rgba(54, 54, 54, 0.07); }
+
+/* hover any bg */
+/* inherits the parent background on hover */
+.hover-bg {
+ background: #fff; }
+
+/* states */
+.state-selected {
+ background: white !important; }
+
+/* demo window */
+.demo-window {
+ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
+ .demo-window:before {
+ background: #e5e5e5; }
+ .demo-window:after,
+ .demo-window .demo-window-content:before,
+ .demo-window .demo-window-content:after {
+ background: #ccc; }
+
+.bg-trans-gradient {
+ background: linear-gradient(250deg, #be83cd, #dc9e75); }
+
+.notes {
+ background: #f9f4b5; }
+
+/* disclaimer class */
+.disclaimer {
+ color: #a2a2a2; }
+
+/* online status */
+.status {
+ position: relative; }
+ .status:before {
+ background: dimgray;
+ border: 2px solid #fff; }
+ .status.status-success:before {
+ background: #6c9be3; }
+ .status.status-danger:before {
+ background: #e77070; }
+ .status.status-warning:before {
+ background: #ede267; }
+
+/* display frame */
+.frame-heading {
+ color: #bababa; }
+
+.frame-wrap {
+ background: white; }
+
+/* time stamp */
+.time-stamp {
+ color: #8f8f8f; }
+
+/* data-hasmore */
+[data-hasmore] {
+ color: #fff; }
+ [data-hasmore]:before {
+ background: rgba(0, 0, 0, 0.4); }
+
+/* code */
+code {
+ background: white; }
+
+/* select background */
+::-moz-selection {
+ background: dimgray;
+ color: #fff; }
+::selection {
+ background: dimgray;
+ color: #fff; }
+
+::-moz-selection {
+ background: dimgray;
+ color: #fff; }
+
+@media only screen and (max-width: 992px) {
+ .page-wrapper {
+ background: #fff; }
+ .page-wrapper .page-header {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
+ .page-wrapper .page-content {
+ color: #222; }
+ .page-wrapper .page-content .subheader .subheader-title {
+ color: #22282d; }
+ .page-wrapper .page-content .subheader .subheader-title small {
+ color: #181c21; }
+ .page-wrapper .page-content .p-g {
+ padding: 1.5rem; }
+ .page-wrapper .page-footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.09); }
+ /* Off canvas */
+ .nav-mobile-slide-out .page-wrapper .page-content {
+ background: white; }
+ /* mobile nav show & hide button */
+ /* general */
+ .mobile-nav-on .page-sidebar {
+ border-right: 1px solid rgba(0, 0, 0, 0.03);
+ -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
+ box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
+ .mobile-nav-on .page-content-overlay {
+ background: rgba(0, 0, 0, 0.09); } }
+
+@media only screen and (max-width: 576px) {
+ /* here we turn on mobile font for smaller screens */
+ /*body {
+ font-family: $mobile-page-font !important;
+ }*/
+ /* mobile nav search */
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
+ background: #fff; }
+ .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
+ border-color: #e59c6c; } }
+
+/* text area */
+[contenteditable="true"]:empty:not(:focus):before {
+ content: attr(data-placeholder);
+ color: darkgray; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+[contenteditable="true"]::-moz-selection {
+ background: rgba(0, 132, 255, 0.2);
+ color: #000; }
+
+/* add background to focused inpur prepend and append */
+.form-control:focus ~ .input-group-prepend {
+ background: #e59c6c; }
+
+.has-length .input-group-text {
+ border-color: #e59c6c; }
+ .has-length .input-group-text + .input-group-text {
+ border-left: 1px solid rgba(0, 0, 0, 0.1); }
+
+.has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
+ background: #e59c6c;
+ color: #fff !important; }
+
+/* help block and validation feedback texts*/
+.help-block {
+ color: darkgray; }
+
+.settings-panel h5 {
+ color: dimgray; }
+
+.settings-panel .list {
+ color: #666666; }
+ .settings-panel .list:hover {
+ color: #333333;
+ background: rgba(255, 255, 255, 0.7); }
+
+.settings-panel .expanded:before {
+ border-bottom-color: #767676; }
+
+@media only screen and (max-width: 992px) {
+ .mobile-view-activated #nff,
+ .mobile-view-activated #nfm,
+ .mobile-view-activated #nfh,
+ .mobile-view-activated #nft,
+ .mobile-view-activated #mmb {
+ position: relative; }
+ .mobile-view-activated #nff .onoffswitch-title,
+ .mobile-view-activated #nfm .onoffswitch-title,
+ .mobile-view-activated #nfh .onoffswitch-title,
+ .mobile-view-activated #nft .onoffswitch-title,
+ .mobile-view-activated #mmb .onoffswitch-title {
+ color: #d58100 !important; }
+ .mobile-view-activated #nff .onoffswitch-title-desc,
+ .mobile-view-activated #nfm .onoffswitch-title-desc,
+ .mobile-view-activated #nfh .onoffswitch-title-desc,
+ .mobile-view-activated #nft .onoffswitch-title-desc,
+ .mobile-view-activated #mmb .onoffswitch-title-desc {
+ color: #ec9f28 !important; }
+ .mobile-view-activated #nff:after,
+ .mobile-view-activated #nfm:after,
+ .mobile-view-activated #nfh:after,
+ .mobile-view-activated #nft:after,
+ .mobile-view-activated #mmb:after {
+ background: #fbf8d9;
+ border: 1px solid #e8d939;
+ color: #363636; } }
+
+/* Hierarchical Navigation */
+.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
+ /* addressing all second, third children */ }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
+ border-left: 1px solid #d06f30; }
+ .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
+ background-color: #de9a6e; }
+
+.bg-primary-50 {
+ background-color: #f8e5d8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-100 {
+ background-color: #f4d6c3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-200 {
+ background-color: #f0c8ad;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-300 {
+ background-color: #edb997;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-400 {
+ background-color: #e9ab82;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-500 {
+ background-color: #e59c6c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-600 {
+ background-color: #e18d56;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-700 {
+ background-color: #dd7f41;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-primary-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-primary-800 {
+ background-color: #da702b;
+ color: white; }
+ .bg-primary-800:hover {
+ color: white; }
+
+.bg-primary-900 {
+ background-color: #c86523;
+ color: white; }
+ .bg-primary-900:hover {
+ color: white; }
+
+.color-primary-50 {
+ color: #f8e5d8; }
+
+.color-primary-100 {
+ color: #f4d6c3; }
+
+.color-primary-200 {
+ color: #f0c8ad; }
+
+.color-primary-300 {
+ color: #edb997; }
+
+.color-primary-400 {
+ color: #e9ab82; }
+
+.color-primary-500 {
+ color: #e59c6c; }
+
+.color-primary-600 {
+ color: #e18d56; }
+
+.color-primary-700 {
+ color: #dd7f41; }
+
+.color-primary-800 {
+ color: #da702b; }
+
+.color-primary-900 {
+ color: #c86523; }
+
+.bg-success-50 {
+ background-color: #d7e4f7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-100 {
+ background-color: #c2d5f3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-200 {
+ background-color: #acc7ef;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-300 {
+ background-color: #97b8eb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-400 {
+ background-color: #81aae7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-success-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-success-500 {
+ background-color: #6c9be3;
+ color: white; }
+ .bg-success-500:hover {
+ color: white; }
+
+.bg-success-600 {
+ background-color: #578cdf;
+ color: white; }
+ .bg-success-600:hover {
+ color: white; }
+
+.bg-success-700 {
+ background-color: #417edb;
+ color: white; }
+ .bg-success-700:hover {
+ color: white; }
+
+.bg-success-800 {
+ background-color: #2c6fd7;
+ color: white; }
+ .bg-success-800:hover {
+ color: white; }
+
+.bg-success-900 {
+ background-color: #2564c4;
+ color: white; }
+ .bg-success-900:hover {
+ color: white; }
+
+.color-success-50 {
+ color: #d7e4f7; }
+
+.color-success-100 {
+ color: #c2d5f3; }
+
+.color-success-200 {
+ color: #acc7ef; }
+
+.color-success-300 {
+ color: #97b8eb; }
+
+.color-success-400 {
+ color: #81aae7; }
+
+.color-success-500 {
+ color: #6c9be3; }
+
+.color-success-600 {
+ color: #578cdf; }
+
+.color-success-700 {
+ color: #417edb; }
+
+.color-success-800 {
+ color: #2c6fd7; }
+
+.color-success-900 {
+ color: #2564c4; }
+
+.bg-info-50 {
+ background-color: #f1d8f8;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-100 {
+ background-color: #e9c3f3;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-200 {
+ background-color: #e2adef;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-300 {
+ background-color: #da98eb;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-400 {
+ background-color: #d382e7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-info-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-info-500 {
+ background-color: #cb6de3;
+ color: white; }
+ .bg-info-500:hover {
+ color: white; }
+
+.bg-info-600 {
+ background-color: #c358df;
+ color: white; }
+ .bg-info-600:hover {
+ color: white; }
+
+.bg-info-700 {
+ background-color: #bc42db;
+ color: white; }
+ .bg-info-700:hover {
+ color: white; }
+
+.bg-info-800 {
+ background-color: #b42dd7;
+ color: white; }
+ .bg-info-800:hover {
+ color: white; }
+
+.bg-info-900 {
+ background-color: #a426c4;
+ color: white; }
+ .bg-info-900:hover {
+ color: white; }
+
+.color-info-50 {
+ color: #f1d8f8; }
+
+.color-info-100 {
+ color: #e9c3f3; }
+
+.color-info-200 {
+ color: #e2adef; }
+
+.color-info-300 {
+ color: #da98eb; }
+
+.color-info-400 {
+ color: #d382e7; }
+
+.color-info-500 {
+ color: #cb6de3; }
+
+.color-info-600 {
+ color: #c358df; }
+
+.color-info-700 {
+ color: #bc42db; }
+
+.color-info-800 {
+ color: #b42dd7; }
+
+.color-info-900 {
+ color: #a426c4; }
+
+.bg-warning-50 {
+ background-color: #fbf8d9;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-100 {
+ background-color: #f8f3c2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-200 {
+ background-color: #f5efab;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-300 {
+ background-color: #f2eb95;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-400 {
+ background-color: #f0e67e;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-500 {
+ background-color: #ede267;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-600 {
+ background-color: #eade50;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-600:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-700 {
+ background-color: #e8d939;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-700:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-800 {
+ background-color: #e5d523;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-800:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-warning-900 {
+ background-color: #d5c519;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-warning-900:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.color-warning-50 {
+ color: #fbf8d9; }
+
+.color-warning-100 {
+ color: #f8f3c2; }
+
+.color-warning-200 {
+ color: #f5efab; }
+
+.color-warning-300 {
+ color: #f2eb95; }
+
+.color-warning-400 {
+ color: #f0e67e; }
+
+.color-warning-500 {
+ color: #ede267; }
+
+.color-warning-600 {
+ color: #eade50; }
+
+.color-warning-700 {
+ color: #e8d939; }
+
+.color-warning-800 {
+ color: #e5d523; }
+
+.color-warning-900 {
+ color: #d5c519; }
+
+.bg-danger-50 {
+ background-color: #f9dddd;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-100 {
+ background-color: #f6c7c7;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-200 {
+ background-color: #f2b2b2;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-200:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-300 {
+ background-color: #ee9c9c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-300:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-400 {
+ background-color: #eb8686;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-400:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-500 {
+ background-color: #e77070;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-danger-500:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-danger-600 {
+ background-color: #e35a5a;
+ color: white; }
+ .bg-danger-600:hover {
+ color: white; }
+
+.bg-danger-700 {
+ background-color: #e04444;
+ color: white; }
+ .bg-danger-700:hover {
+ color: white; }
+
+.bg-danger-800 {
+ background-color: #dc2e2e;
+ color: white; }
+ .bg-danger-800:hover {
+ color: white; }
+
+.bg-danger-900 {
+ background-color: #ce2323;
+ color: white; }
+ .bg-danger-900:hover {
+ color: white; }
+
+.color-danger-50 {
+ color: #f9dddd; }
+
+.color-danger-100 {
+ color: #f6c7c7; }
+
+.color-danger-200 {
+ color: #f2b2b2; }
+
+.color-danger-300 {
+ color: #ee9c9c; }
+
+.color-danger-400 {
+ color: #eb8686; }
+
+.color-danger-500 {
+ color: #e77070; }
+
+.color-danger-600 {
+ color: #e35a5a; }
+
+.color-danger-700 {
+ color: #e04444; }
+
+.color-danger-800 {
+ color: #dc2e2e; }
+
+.color-danger-900 {
+ color: #ce2323; }
+
+.bg-fusion-50 {
+ background-color: darkgray;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-fusion-50:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-fusion-100 {
+ background-color: #9c9c9c;
+ color: rgba(0, 0, 0, 0.8); }
+ .bg-fusion-100:hover {
+ color: rgba(0, 0, 0, 0.8); }
+
+.bg-fusion-200 {
+ background-color: #8f8f8f;
+ color: white; }
+ .bg-fusion-200:hover {
+ color: white; }
+
+.bg-fusion-300 {
+ background-color: #828282;
+ color: white; }
+ .bg-fusion-300:hover {
+ color: white; }
+
+.bg-fusion-400 {
+ background-color: #767676;
+ color: white; }
+ .bg-fusion-400:hover {
+ color: white; }
+
+.bg-fusion-500 {
+ background-color: dimgray;
+ color: white; }
+ .bg-fusion-500:hover {
+ color: white; }
+
+.bg-fusion-600 {
+ background-color: #5c5c5c;
+ color: white; }
+ .bg-fusion-600:hover {
+ color: white; }
+
+.bg-fusion-700 {
+ background-color: #4f4f4f;
+ color: white; }
+ .bg-fusion-700:hover {
+ color: white; }
+
+.bg-fusion-800 {
+ background-color: #434343;
+ color: white; }
+ .bg-fusion-800:hover {
+ color: white; }
+
+.bg-fusion-900 {
+ background-color: #363636;
+ color: white; }
+ .bg-fusion-900:hover {
+ color: white; }
+
+.color-fusion-50 {
+ color: darkgray; }
+
+.color-fusion-100 {
+ color: #9c9c9c; }
+
+.color-fusion-200 {
+ color: #8f8f8f; }
+
+.color-fusion-300 {
+ color: #828282; }
+
+.color-fusion-400 {
+ color: #767676; }
+
+.color-fusion-500 {
+ color: dimgray; }
+
+.color-fusion-600 {
+ color: #5c5c5c; }
+
+.color-fusion-700 {
+ color: #4f4f4f; }
+
+.color-fusion-800 {
+ color: #434343; }
+
+.color-fusion-900 {
+ color: #363636; }
+
+.color-white {
+ color: #fff; }
+
+.color-black {
+ color: #222222; }
+
+.bg-primary-gradient {
+ background-image: linear-gradient(250deg, rgba(200, 101, 35, 0.7), transparent); }
+
+.bg-danger-gradient {
+ background-image: linear-gradient(250deg, rgba(206, 35, 35, 0.7), transparent); }
+
+.bg-info-gradient {
+ background-image: linear-gradient(250deg, rgba(164, 38, 196, 0.7), transparent); }
+
+.bg-warning-gradient {
+ background-image: linear-gradient(250deg, rgba(213, 197, 25, 0.7), transparent); }
+
+.bg-success-gradient {
+ background-image: linear-gradient(250deg, rgba(37, 100, 196, 0.7), transparent); }
+
+.bg-fusion-gradient {
+ background-image: linear-gradient(250deg, rgba(54, 54, 54, 0.7), transparent); }
+
+.btn-primary {
+ color: #212529;
+ background-color: #e59c6c;
+ border-color: #e59c6c;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-primary:hover {
+ color: #212529;
+ background-color: #df864b;
+ border-color: #dd7f41; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 138, 98, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(200, 138, 98, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #212529;
+ background-color: #e59c6c;
+ border-color: #e59c6c; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #dd7f41;
+ border-color: #db7836; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 138, 98, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(200, 138, 98, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #6c9be3;
+ border-color: #6c9be3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #4c85dd;
+ border-color: #417edb; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 170, 231, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 170, 231, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #6c9be3;
+ border-color: #6c9be3; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #417edb;
+ border-color: #3677d9; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 170, 231, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(130, 170, 231, 0.5); }
+
+.btn-info {
+ color: #212529;
+ background-color: #cb6de3;
+ border-color: #cb6de3;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #c04ddd;
+ border-color: #bc42db; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(178, 98, 199, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(178, 98, 199, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #212529;
+ background-color: #cb6de3;
+ border-color: #cb6de3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #bc42db;
+ border-color: #b838d9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(178, 98, 199, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(178, 98, 199, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ede267;
+ border-color: #ede267;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #e9db45;
+ border-color: #e8d939; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(206, 198, 94, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(206, 198, 94, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ede267;
+ border-color: #ede267; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #e8d939;
+ border-color: #e6d72e; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(206, 198, 94, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(206, 198, 94, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #e77070;
+ border-color: #e77070;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #e24f4f;
+ border-color: #e04444; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #e77070;
+ border-color: #e77070; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #e04444;
+ border-color: #de3939; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(235, 133, 133, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: dimgray;
+ border-color: dimgray;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #565656;
+ border-color: #4f4f4f; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(127, 127, 127, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(127, 127, 127, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: dimgray;
+ border-color: dimgray; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #4f4f4f;
+ border-color: #494949; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(127, 127, 127, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(127, 127, 127, 0.5); }
+
+.btn-outline-primary {
+ color: #e59c6c;
+ border-color: #e59c6c; }
+ .btn-outline-primary:hover {
+ color: #212529;
+ background-color: #e59c6c;
+ border-color: #e59c6c; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 156, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(229, 156, 108, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #e59c6c;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #212529;
+ background-color: #e59c6c;
+ border-color: #e59c6c; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(229, 156, 108, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(229, 156, 108, 0.5); }
+
+.btn-outline-secondary {
+ color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
+
+.btn-outline-success {
+ color: #6c9be3;
+ border-color: #6c9be3; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #6c9be3;
+ border-color: #6c9be3; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 155, 227, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 155, 227, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #6c9be3;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #6c9be3;
+ border-color: #6c9be3; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 155, 227, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(108, 155, 227, 0.5); }
+
+.btn-outline-info {
+ color: #cb6de3;
+ border-color: #cb6de3; }
+ .btn-outline-info:hover {
+ color: #212529;
+ background-color: #cb6de3;
+ border-color: #cb6de3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(203, 109, 227, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(203, 109, 227, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #cb6de3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #212529;
+ background-color: #cb6de3;
+ border-color: #cb6de3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(203, 109, 227, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(203, 109, 227, 0.5); }
+
+.btn-outline-warning {
+ color: #ede267;
+ border-color: #ede267; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ede267;
+ border-color: #ede267; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(237, 226, 103, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(237, 226, 103, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ede267;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ede267;
+ border-color: #ede267; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(237, 226, 103, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(237, 226, 103, 0.5); }
+
+.btn-outline-danger {
+ color: #e77070;
+ border-color: #e77070; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #e77070;
+ border-color: #e77070; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #e77070;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #e77070;
+ border-color: #e77070; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(231, 112, 112, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: dimgray;
+ border-color: dimgray; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: dimgray;
+ border-color: dimgray; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: dimgray;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: dimgray;
+ border-color: dimgray; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(105, 105, 105, 0.5); }
+
+.border-primary {
+ border-color: #e59c6c !important; }
+
+.border-secondary {
+ border-color: #6c757d !important; }
+
+.border-success {
+ border-color: #6c9be3 !important; }
+
+.border-info {
+ border-color: #cb6de3 !important; }
+
+.border-warning {
+ border-color: #ede267 !important; }
+
+.border-danger {
+ border-color: #e77070 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: dimgray !important; }
+
+.text-primary {
+ color: #e59c6c !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #da702b !important; }
+
+.text-secondary {
+ color: #6c757d !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #494f54 !important; }
+
+.text-success {
+ color: #6c9be3 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #2c6fd7 !important; }
+
+.text-info {
+ color: #cb6de3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #b42dd7 !important; }
+
+.text-warning {
+ color: #ede267 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #e5d523 !important; }
+
+.text-danger {
+ color: #e77070 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #dc2e2e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: dimgray !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #434343 !important; }
+
+/* #Reset userselect
+========================================================================== */
+#myapp-0 {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+#myapp-9 {
+ -webkit-box-shadow: 0 0 0 3px #000000;
+ box-shadow: 0 0 0 3px #000000; }
+
+/*# sourceMappingURL=cust-theme-9.css.map */
diff --git a/public/assets/css/themes/cust-theme-9.css.map b/public/assets/css/themes/cust-theme-9.css.map
new file mode 100644
index 0000000..dcc7a24
--- /dev/null
+++ b/public/assets/css/themes/cust-theme-9.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["cust-theme-9.css","../_imports/_theme-modules-import.scss","../_mixins/mixins.scss","_modules/variables.scss","_modules/_placeholders.scss","../../../node_modules/bootstrap/scss/_variables.scss","_modules/_body.scss","_modules/_page-header.scss","_modules/_page-search.scss","_modules/_dropdown-icon-menu.scss","_modules/_dropdown-notification.scss","_modules/_dropdown-app-list.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","_modules/_header-function-fixed.scss","_modules/_nav.scss","_modules/_nav-listfilter.scss","_modules/_nav-info-card.scss","_modules/_nav-function-top.scss","_modules/_nav-function-minify.scss","_modules/_nav-footer.scss","_modules/_page-wrapper.scss","_modules/_page-heading.scss","_modules/_page-footer.scss","_modules/_page-components-accordion.scss","_modules/_page-components-alerts.scss","_modules/_page-components-badge.scss","_modules/_page-components-buttons.scss","_modules/_page-components-cards.scss","_modules/_page-components-carousel.scss","_modules/_page-components-dropdowns.scss","_modules/_page-components-messanger.scss","_modules/_page-components-modal.scss","_modules/_page-components-panels.scss","_modules/_page-components-popovers.scss","_modules/_page-components-shortcut.scss","_modules/_helpers.scss","_modules/_misc.scss","_modules/_hack.scss","_modules/_responsive.scss","_modules/_forms.scss","_modules/_settings-demo.scss","_modules/_settings-demo-incompatiblity-list.scss","_modules/_mod-nav-accessibility.scss","_modules/_colors.scss","../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../node_modules/bootstrap/scss/mixins/_hover.scss","_modules/_custom-bootstrap-varients.scss","../../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss"],"names":[],"mappings":"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JrB,WpBKc;EH6HX,kCG7HW;UH6HX,0BG7HW,EAAA;;AqBPf,eAAA;AACA;EACC,mBvBoG4C;ED6MzC,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IxBkTI,YAA0B,EAAA;EwBlT9B;IAaE,WrBPa;IqBQb,mB1BbqB,EAAA;I0BDvB;MxBsTI,yBAAsB,EAAA;IwBtT1B;MAoBG,gBrBdY;MqBeZ,c1BpBoB,EAAA;;A0B0BvB,kDAAA;AACA;EACC,WrBvBc,EAAA;;AqB0Bf,mDAAA;AACA;EAIE,qBvBwD0C;EDtF1C,yBCqFyC;EDnFzC,6FAAsD;EAAtD,2DAAsD;EwB8BtD,WrBjCa,EAAA;;AqBuCf,iBAAA;AACA,sCAAA;AACA;EACC,8BrBhCc;EqBiCd,oCrBjCc;EqBkCd,sBAAwB;EACxB,wD1BlDsB;U0BkDtB,gD1BlDsB,EAAA;E0B8CvB;IAOE,mB1BrDqB;I0BsDrB,qBvBX2C,EAAA;;AuBe7C,aAAA;AAKA;EACC,crBlDiB;EqBmDjB,qBvB6M+B,EAAA;EuB/MhC;;IAQE,crBzDgB;IqB0DhB,yBAAkD;IAClD,qBvBqM8B,EAAA;EuB/MhC;IAeE,crBhEgB,EAAA;;AqBsElB,gBAAA;AAKE;EAHA,wD1BtFqB;U0BsFrB,gD1BtFqB,EAAA;;A0ByFrB;EAHA,wDrB3EgB;UqB2EhB,gDrB3EgB,EAAA;;AqB8EhB;EAHA,wD1BrFqB;U0BqFrB,gD1BrFqB,EAAA;;A0BwFrB;EAHA,wD1BpFkB;U0BoFlB,gD1BpFkB,EAAA;;A0BuFlB;EAHA,wD1BnFqB;U0BmFrB,gD1BnFqB,EAAA;;A0BsFrB;EAHA,wD1BlFoB;U0BkFpB,gD1BlFoB,EAAA;;A0BqFpB;EAHA,wDrBjFa;UqBiFb,gDrBjFa,EAAA;;AqBoFb;EAHA,wDvBhF6E;UuBgF7E,gDvBhF6E,EAAA;;AuBwF/E;EAEC,0CAAmC;EACnC,oCAAoC,EAAA;EAHrC;IAME,0CAAmC,EAAA;EANrC;IAUE,sBAAwB;IACxB,qDAA6C,EAAA;;AC3G/C;EACC,yBxBoiB+B,EAAA;;AyBriBhC;EACC,uHAA4E;EAA5E,mFAA4E,EAAA;;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;AEyUhB;EACE,cCzQkC,EAAA;;ADwQpC;EACE,cCxQmC,EAAA;;ADuQrC;EACE,cCvQmC,EAAA;;ADsQrC;EACE,cCtQmC,EAAA;;AD2PrC;EACE,yBCzPwC;ED4O1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCxPyC;ED2O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvPyC;ED0O3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCtPyC;EDyO3C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCrPwC;EDwO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF/TiB;EEkTnB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCnPuC;EDsOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBClPwC;EDqO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCjPwC;EDoO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChPwC;EDmO1C,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAsBtB;EACE,cCnQwC,EAAA;;ADkQ1C;EACE,cClQyC,EAAA;;ADiQ3C;EACE,cCjQyC,EAAA;;ADgQ3C;EACE,cChQyC,EAAA;;AD+P3C;EACE,cC/PwC,EAAA;;AD8P1C;EACE,cFzUiB,EAAA;;AEwUnB;EACE,cC7PuC,EAAA;;AD4PzC;EACE,cC5PwC,EAAA;;AD2P1C;EACE,cC3PwC,EAAA;;AD0P1C;EACE,cC1PwC,EAAA;;AD+O1C;EACE,yBC7OuC;EDgOzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC5OuC;ED+NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC3OuC;ED8NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC1OuC;ED6NzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCzOsC;ED4NxC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBF9TgB;EEiTlB,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBCvOqC;EDsNvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCtOsC;EDqNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCrOsC;EDoNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCpOsC;EDmNxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,cCvPuC,EAAA;;ADsPzC;EACE,cCtPuC,EAAA;;ADqPzC;EACE,cCrPuC,EAAA;;ADoPzC;EACE,cCpPuC,EAAA;;ADmPzC;EACE,cCnPsC,EAAA;;ADkPxC;EACE,cFxUgB,EAAA;;AEuUlB;EACE,cCjPqC,EAAA;;ADgPvC;EACE,cChPsC,EAAA;;AD+OxC;EACE,cC/OsC,EAAA;;AD8OxC;EACE,cC9OsC,EAAA;;ADmOxC;EACE,0BCjOuC;EDoNzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBChOuC;EDmNzC,yBAAsB,EAAA;EAYtB;IAZA,yBAAsB,EAAA;;AAYtB;EACE,yBC/NuC;ED8MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC9NuC;ED6MzC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC7NsC;ED4MxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC5TyE;ED2S3E,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC3NqC;ED0MvC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBC1NsC;EDyMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCzNsC;EDwMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AAgB1B;EACE,yBCxNsC;EDuMxC,YAA0B,EAAA;EAgB1B;IAhBA,YAA0B,EAAA;;AA0B1B;EACE,eC3OuC,EAAA;;AD0OzC;EACE,cC1OuC,EAAA;;ADyOzC;EACE,cCzOuC,EAAA;;ADwOzC;EACE,cCxOuC,EAAA;;ADuOzC;EACE,cCvOsC,EAAA;;ADsOxC;EACE,cCtUyE,EAAA;;ADqU3E;EACE,cCrOqC,EAAA;;ADoOvC;EACE,cCpOsC,EAAA;;ADmOxC;EACE,cCnOsC,EAAA;;ADkOxC;EACE,cClOsC,EAAA;;ADiOxC;EACE,WGvUS,EAAA;;AHsUX;EACE,cyClM+B,EAAA;;AzCkNjC;EAEE,+EAAyE,EAAA;;AAF3E;EAEE,8EAAyE,EAAA;;AAF3E;EAEE,+EAAyE,EAAA;;AAF3E;EAEE,+EAAyE,EAAA;;AAF3E;EAEE,+EAAyE,EAAA;;AAF3E;EAEE,6EAAyE,EAAA;;AwBrQ7E;EkBrFA,cvCUgB;EwCVd,yB7CJmB;E4CMrB,qB5CNqB;EEkInB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C7BmB;I4C8BnB,qB5C9BmB,EAAA;E4CqCrB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yBxCOc;EuCLhB,qBvCKgB;EHuHd,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBvClBc;IuCmBd,qBvCnBc,EAAA;EuC0BhB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CHmB;E4CKrB,qB5CLqB;EEiInB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5C5BmB;I4C6BnB,qB5C7BmB,EAAA;E4CoCrB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB7CFgB;E4CIlB,qB5CJkB;EEgIhB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C3BgB;I4C4BhB,qB5C5BgB,EAAA;E4CmClB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,yB7CDmB;E4CGrB,qB5CHqB;EE+HnB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,wDAAiF;YAAjF,gDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,yB5C1BmB;I4C2BnB,qB5C3BmB,EAAA;E4CkCrB;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,wDAAiF;cAAjF,gDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB7CAkB;E4CEpB,qB5CFoB;EE8HlB,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yB5CzBkB;I4C0BlB,qB5C1BkB,EAAA;E4CiCpB;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,cvCUgB;EwCVd,sBxCCW;EuCCb,kBvCDa;EH6HX,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,cvCIc;IwCVd,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,cvCdc;IuCed,sBvCxBW;IuCyBX,kBvCzBW,EAAA;EuCgCb;;IAGE,cvC1Bc;IuC2Bd,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AlBqCvF;EkBrFA,WvCCa;EwCDX,yB1CE2E;EyCA7E,qBzCA6E;ED4H3E,2FGnHW;UHmHX,mFGnHW,EAAA;EyCLb;IFAE,WvCLW;IwCDX,yBDDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,WvCvBW;IuCwBX,yBzCvB2E;IyCwB3E,qBzCxB2E,EAAA;EyC+B7E;;IAGE,WvCnCW;IuCoCX,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;AG9CvF;EHqDA,c5C3DqB;E4C4DrB,qB5C5DqB,EAAA;E8CUrB;IFqDE,cvCjDc;IuCkDd,yB5ChEmB;I4CiEnB,qB5CjEmB,EAAA;E4CoErB;IAEE,yD5CtEmB;Y4CsEnB,iD5CtEmB,EAAA;E4CyErB;IAEE,c5C3EmB;I4C4EnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CnFmB;I4CoFnB,qB5CpFmB,EAAA;I4CsFnB;;MAKI,yD5C3Fe;c4C2Ff,iD5C3Fe,EAAA;;A+CMrB;EHqDA,cvChDgB;EuCiDhB,qBvCjDgB,EAAA;EyCDhB;IFqDE,WvC1DW;IuC2DX,yBvCrDc;IuCsDd,qBvCtDc,EAAA;EuCyDhB;IAEE,yDvC3Dc;YuC2Dd,iDvC3Dc,EAAA;EuC8DhB;IAEE,cvChEc;IuCiEd,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBvCxEc;IuCyEd,qBvCzEc,EAAA;IuC2Ed;;MAKI,yDvChFU;cuCgFV,iDvChFU,EAAA;;A0CLhB;EHqDA,c5C1DqB;E4C2DrB,qB5C3DqB,EAAA;E8CSrB;IFqDE,WvC1DW;IuC2DX,yB5C/DmB;I4CgEnB,qB5ChEmB,EAAA;E4CmErB;IAEE,yD5CrEmB;Y4CqEnB,iD5CrEmB,EAAA;E4CwErB;IAEE,c5C1EmB;I4C2EnB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5ClFmB;I4CmFnB,qB5CnFmB,EAAA;I4CqFnB;;MAKI,yD5C1Fe;c4C0Ff,iD5C1Fe,EAAA;;A+CKrB;EHqDA,c5CzDkB;E4C0DlB,qB5C1DkB,EAAA;E8CQlB;IFqDE,cvCjDc;IuCkDd,yB5C9DgB;I4C+DhB,qB5C/DgB,EAAA;E4CkElB;IAEE,yD5CpEgB;Y4CoEhB,iD5CpEgB,EAAA;E4CuElB;IAEE,c5CzEgB;I4C0EhB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5CjFgB;I4CkFhB,qB5ClFgB,EAAA;I4CoFhB;;MAKI,yD5CzFY;c4CyFZ,iD5CzFY,EAAA;;A+CIlB;EHqDA,c5CxDqB;E4CyDrB,qB5CzDqB,EAAA;E8COrB;IFqDE,cvCjDc;IuCkDd,yB5C7DmB;I4C8DnB,qB5C9DmB,EAAA;E4CiErB;IAEE,yD5CnEmB;Y4CmEnB,iD5CnEmB,EAAA;E4CsErB;IAEE,c5CxEmB;I4CyEnB,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,yB5ChFmB;I4CiFnB,qB5CjFmB,EAAA;I4CmFnB;;MAKI,yD5CxFe;c4CwFf,iD5CxFe,EAAA;;A+CGrB;EHqDA,c5CvDoB;E4CwDpB,qB5CxDoB,EAAA;E8CMpB;IFqDE,WvC1DW;IuC2DX,yB5C5DkB;I4C6DlB,qB5C7DkB,EAAA;E4CgEpB;IAEE,yD5ClEkB;Y4CkElB,iD5ClEkB,EAAA;E4CqEpB;IAEE,c5CvEkB;I4CwElB,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yB5C/EkB;I4CgFlB,qB5ChFkB,EAAA;I4CkFlB;;MAKI,yD5CvFc;c4CuFd,iD5CvFc,EAAA;;A+CEpB;EHqDA,WvCtDa;EuCuDb,kBvCvDa,EAAA;EyCKb;IFqDE,cvCjDc;IuCkDd,sBvC3DW;IuC4DX,kBvC5DW,EAAA;EuC+Db;IAEE,yDvCjEW;YuCiEX,iDvCjEW,EAAA;EuCoEb;IAEE,WvCtEW;IuCuEX,6BAA6B,EAAA;EAG/B;;IAGE,cvCpEc;IuCqEd,sBvC9EW;IuC+EX,kBvC/EW,EAAA;IuCiFX;;MAKI,yDvCtFO;cuCsFP,iDvCtFO,EAAA;;A0CCb;EHqDA,czCrD6E;EyCsD7E,qBzCtD6E,EAAA;E2CI7E;IFqDE,WvC1DW;IuC2DX,yBzC1D2E;IyC2D3E,qBzC3D2E,EAAA;EyC8D7E;IAEE,yDzChE2E;YyCgE3E,iDzChE2E,EAAA;EyCmE7E;IAEE,czCrE2E;IyCsE3E,6BAA6B,EAAA;EAG/B;;IAGE,WvC7EW;IuC8EX,yBzC7E2E;IyC8E3E,qBzC9E2E,EAAA;IyCgF3E;;MAKI,yDzCrFuE;cyCqFvE,iDzCrFuE,EAAA;;A4CO7E;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;AADjC;EACE,6BAA+B,EAAA;;AADjC;EACE,gCAA+B,EAAA;;ACXjC;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,sBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AANhF;EACE,yBAAwB,EAAA;;AFU1B;EELM,yBAA0E,EAAA;;AhDClF;4EAwlE4E;AAtlE5E;EACC,mCAA2B;UAA3B,2BAA2B,EAAA;;AAE5B;EACC,qCAA6B;UAA7B,6BAA6B,EAAA","file":"cust-theme-9.css","sourcesContent":["/* #THEME COLOR (variable overrides)\r\n========================================================================== */\r\n$color-primary: #e59c6c; \r\n$color-success: #6c9be3; \r\n$color-info: #cb6de3; \r\n$color-warning: #ede267; \r\n$color-danger: #e77070;\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import './src/scss/_imports/_theme-modules-import';\r\n\r\n/* #Reset userselect\r\n========================================================================== */\r\n#myapp-0 {\r\n\tbox-shadow: none !important;\r\n}\r\n#myapp-9 {\r\n\tbox-shadow: 0 0 0 3px #000000;\r\n}","/* #IMPORTS ~~\r\n========================================================================== */\r\n@import './node_modules/bootstrap/scss/functions';\r\n@import './node_modules/bootstrap/scss/variables'; \r\n@import './node_modules/bootstrap/scss/mixins';\r\n@import './src/scss/_mixins/mixins'; \r\n@import './src/scss/_themes/_modules/variables';\r\n@import './src/scss/_themes/_modules/_placeholders';\r\n\r\n\r\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n/*@import '_imports/_global-import';*/\r\n\r\n/* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)\r\n DOC: you can disable unused _modules\r\n========================================================================== */\r\n/* contains root variables to be used with css (see docs) */\r\n/* html and body base styles */\r\n@import './src/scss/_themes/_modules/_body';\r\n\r\n@import './src/scss/_themes/_modules/_page-header';\r\n@import './src/scss/_themes/_modules/_page-logo';\r\n@import './src/scss/_themes/_modules/_page-search';\r\n@import './src/scss/_themes/_modules/_dropdown-icon-menu';\r\n@import './src/scss/_themes/_modules/_dropdown-notification';\r\n@import './src/scss/_themes/_modules/_dropdown-app-list';\r\n@import './src/scss/_themes/_modules/_header-function-fixed';\r\n@import './src/scss/_themes/_modules/_left-panel';\r\n@import './src/scss/_themes/_modules/_nav';\r\n@import './src/scss/_themes/_modules/_nav-listfilter';\r\n@import './src/scss/_themes/_modules/_nav-info-card';\r\n@import './src/scss/_themes/_modules/_nav-function-top';\r\n@import './src/scss/_themes/_modules/_nav-function-minify';\r\n@import './src/scss/_themes/_modules/_nav-footer';\r\n@import './src/scss/_themes/_modules/_page-wrapper';\r\n@import './src/scss/_themes/_modules/_page-heading';\r\n@import './src/scss/_themes/_modules/_page-footer';\r\n@import './src/scss/_themes/_modules/_page-components-accordion';\r\n@import './src/scss/_themes/_modules/_page-components-alerts';\r\n@import './src/scss/_themes/_modules/_page-components-badge';\r\n//@import './src/scss/_themes/_modules/_page-components-breadcrumb';\r\n@import './src/scss/_themes/_modules/_page-components-buttons';\r\n@import './src/scss/_themes/_modules/_page-components-cards';\r\n@import './src/scss/_themes/_modules/_page-components-carousel';\r\n@import './src/scss/_themes/_modules/_page-components-dropdowns';\r\n@import './src/scss/_themes/_modules/_page-components-messanger';\r\n@import './src/scss/_themes/_modules/_page-components-modal';\r\n@import './src/scss/_themes/_modules/_page-components-panels';\r\n@import './src/scss/_themes/_modules/_page-components-popovers';\r\n@import './src/scss/_themes/_modules/_page-components-shortcut';\r\n\r\n@import './src/scss/_themes/_modules/_helpers';\r\n@import './src/scss/_themes/_modules/_misc';\r\n@import './src/scss/_themes/_modules/_hack';\r\n@import './src/scss/_themes/_modules/_responsive';\r\n@import './src/scss/_themes/_modules/_forms';\r\n@import './src/scss/_themes/_modules/_settings-demo';\r\n@import './src/scss/_themes/_modules/_settings-demo-incompatiblity-list';\r\n@import './src/scss/_themes/_modules/_settings-demo-theme-colors';\r\n\r\n\r\n@import './src/scss/_themes/_modules/_mod-nav-accessibility';\r\n@import './src/scss/_themes/_modules/_colors';\r\n\r\n@import './src/scss/_themes/_modules/_custom-bootstrap-varients';\r\n","/*---------------------------------------------------\r\n SASS ELements (based on LESS Elements 0.9 http://lesselements.com) \r\n -------------------------------- -------------------\r\n LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)\r\n SASS port by Samuel Beek (http://samuelbeek.com) \r\n ---------------------------------------------------*/\r\n \r\n@mixin gradient-img($start: #EEE,$stop: #FFF) {\r\n background-color: $start;\r\n background-image: -webkit-linear-gradient(top,$start,$stop);\r\n background-image: linear-gradient(to top,$start,$stop);\r\n}\r\n\r\n@mixin gradient($color: #F5F5F5,$start: #EEE,$stop: #FFF) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,$start),color-stop(1,$stop));\r\n background:-ms-linear-gradient(bottom,$start,$stop);\r\n background:-moz-linear-gradient(center bottom,$start 0%,$stop 100%);\r\n background:-o-linear-gradient($stop,$start);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=$start,endColorstr=$stop)\r\n}\r\n\r\n@mixin bw-gradient($color: #F5F5F5,$start: 0,$stop: 255) {\r\n background:$color;\r\n background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),color-stop(1,#000));\r\n background:-ms-linear-gradient(bottom,#000 0%,#000 100%);\r\n background:-moz-linear-gradient(center bottom,#000 0%,#000 100%);\r\n background:-o-linear-gradient(#000,#000);\r\n filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb($start,$start,$start),endColorstr=rgb($stop,$stop,$stop))\r\n}\r\n\r\n@mixin bordered($top-color: #EEE,$right-color: #EEE,$bottom-color: #EEE,$left-color: #EEE) {\r\n border-top:solid 1px $top-color;\r\n border-left:solid 1px $left-color;\r\n border-right:solid 1px $right-color;\r\n border-bottom:solid 1px $bottom-color\r\n}\r\n\r\n@mixin drop-shadow($x-axis: 0,$y-axis: 1px,$blur: 2px,$alpha: 0.1) {\r\n //-webkit-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n //-moz-box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha);\r\n box-shadow:$x-axis $y-axis $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin rounded($radius: 2px) {\r\n border-radius:$radius\r\n}\r\n\r\n@mixin border-radius($topright: 0,$bottomright: 0,$bottomleft: 0,$topleft: 0) {\r\n border-top-right-radius:$topright;\r\n border-bottom-right-radius:$bottomright;\r\n border-bottom-left-radius:$bottomleft;\r\n border-top-left-radius:$topleft\r\n}\r\n\r\n@mixin opacity($opacity: 0.5) {\r\n -moz-opacity:$opacity;\r\n -khtml-opacity:$opacity;\r\n -webkit-opacity:$opacity;\r\n opacity:$opacity;\r\n $opperc:$opacity * 100\r\n/*\r\n -ms-filter: ~\"progid:DXImageTransform.Microsoft.Alpha(opacity=${opperc})\";\r\n filter: ~\"alpha(opacity=${opperc})\";\r\n*/\r\n}\r\n\r\n@mixin transition-duration($duration: 0.2s) {\r\n -moz-transition-duration:$duration;\r\n -webkit-transition-duration:$duration;\r\n -o-transition-duration:$duration;\r\n transition-duration:$duration\r\n}\r\n\r\n@mixin transform($arguments) {\r\n -webkit-transform:$arguments;\r\n -moz-transform:$arguments;\r\n -o-transform:$arguments;\r\n -ms-transform:$arguments;\r\n transform:$arguments\r\n}\r\n\r\n@mixin rotation($deg:5deg) {\r\n}\r\n\r\n@mixin scale($ratio:1.5) {\r\n}\r\n\r\n@mixin transition($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:all $duration $ease;\r\n -moz-transition:all $duration $ease;\r\n -o-transition:all $duration $ease;\r\n transition:all $duration $ease\r\n}\r\n\r\n@mixin transition-color($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:color $duration $ease;\r\n -moz-transition:color $duration $ease;\r\n -o-transition:color $duration $ease;\r\n transition:color $duration $ease\r\n}\r\n\r\n@mixin transition-border($duration:0.2s,$ease:ease-out) {\r\n -webkit-transition:border $duration $ease;\r\n -moz-transition:border $duration $ease;\r\n -o-transition:border $duration $ease;\r\n transition:border $duration $ease\r\n}\r\n\r\n@mixin transition-background-color($duration:0.2s,$ease:ease) {\r\n -webkit-transition:background-color $duration $ease;\r\n -moz-transition:background-color $duration $ease;\r\n -o-transition:background-color $duration $ease;\r\n transition:background-color $duration $ease\r\n}\r\n\r\n@mixin transition-fill($duration:0.2s,$ease:ease) {\r\n -webkit-transition:fill $duration $ease;\r\n -moz-transition:fill $duration $ease;\r\n -o-transition:fill $duration $ease;\r\n transition:fill $duration $ease\r\n}\r\n\r\n@mixin inner-shadow($horizontal:0,$vertical:1px,$blur:2px,$alpha: 0.4) {\r\n -webkit-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n -moz-box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha);\r\n box-shadow:inset $horizontal $vertical $blur rgba(0,0,0,$alpha)\r\n}\r\n\r\n@mixin box-shadow($arguments) {\r\n //-webkit-box-shadow:$arguments;\r\n //-moz-box-shadow:$arguments;\r\n box-shadow:$arguments\r\n}\r\n\r\n@mixin box-sizing($sizing: border-box) {\r\n //-ms-box-sizing:$sizing;\r\n //-moz-box-sizing:$sizing;\r\n //-webkit-box-sizing:$sizing;\r\n box-sizing:$sizing\r\n}\r\n\r\n@mixin user-select($argument: none) {\r\n -webkit-user-select:$argument;\r\n -moz-user-select:$argument;\r\n -ms-user-select:$argument;\r\n user-select:$argument\r\n}\r\n\r\n@mixin columns($colwidth: 250px,$colcount: 0,$colgap: 50px,$columnRuleColor: #EEE,$columnRuleStyle: solid,$columnRuleWidth: 1px) {\r\n -moz-column-width:$colwidth;\r\n -moz-column-count:$colcount;\r\n -moz-column-gap:$colgap;\r\n -moz-column-rule-color:$columnRuleColor;\r\n -moz-column-rule-style:$columnRuleStyle;\r\n -moz-column-rule-width:$columnRuleWidth;\r\n -webkit-column-width:$colwidth;\r\n -webkit-column-count:$colcount;\r\n -webkit-column-gap:$colgap;\r\n -webkit-column-rule-color:$columnRuleColor;\r\n -webkit-column-rule-style:$columnRuleStyle;\r\n -webkit-column-rule-width:$columnRuleWidth;\r\n column-width:$colwidth;\r\n column-count:$colcount;\r\n column-gap:$colgap;\r\n column-rule-color:$columnRuleColor;\r\n column-rule-style:$columnRuleStyle;\r\n column-rule-width:$columnRuleWidth\r\n}\r\n\r\n@mixin translate($x:0,$y:0) {\r\n -webkit-transform: translate($x,$y);\r\n -moz-transform: translate($x,$y);\r\n -ms-transform: translate($x,$y);\r\n -o-transform: translate($x,$y);\r\n transform: translate($x,$y);\r\n}\r\n\r\n@mixin translate3d($x:0,$y:0,$z:0) {\r\n -webkit-transform: translate3d($x, $y, $z);\r\n -ms-transform: translate3d($x, $y, $z); \r\n transform: translate3d($x, $y, $z); \r\n}\r\n\r\n@mixin background-clip($argument: padding-box) {\r\n -moz-background-clip:$argument;\r\n -webkit-background-clip:$argument;\r\n background-clip:$argument\r\n}\r\n\r\n@mixin transform($transforms) {\r\n -moz-transform: $transforms;\r\n -o-transform: $transforms;\r\n -ms-transform: $transforms;\r\n -webkit-transform: $transforms;\r\n transform: $transforms;\r\n}\r\n// rotate\r\n@mixin rotate ($deg) {\r\n @include transform(rotate(#{$deg}deg));\r\n}\r\n \r\n// scale\r\n@mixin scale($scale) {\r\n @include transform(scale($scale));\r\n} \r\n// translate\r\n@mixin translate ($x, $y) {\r\n @include transform(translate($x, $y));\r\n}\r\n// skew\r\n@mixin skew ($x, $y) {\r\n @include transform(skew(#{$x}deg, #{$y}deg));\r\n}\r\n//transform origin\r\n@mixin transform-origin ($origin) {\r\n -moz-transform-origin: $origin;\r\n -o-transform-origin: $origin;\r\n -ms-transform-origin: $origin;\r\n -webkit-transform-origin: $origin;\r\n transform-origin: $origin;\r\n}\r\n\r\n//Rem size support\r\n\r\n/*------------------------\r\n Usage\r\n\r\n h1 {\r\n font-size: rem(32);\r\n }\r\n\r\n OR:\r\n\r\n h1 {\r\n font-size: rem(32px);\r\n }\r\n------------------------*/\r\n\r\n$browser-context: 16;\r\n\r\n@function rem($pixels, $context: $browser-context) {\r\n @if (unitless($pixels)) {\r\n $pixels: $pixels * 1px;\r\n }\r\n\r\n @if (unitless($context)) {\r\n $context: $context * 1px;\r\n }\r\n\r\n @return $pixels / $context * 1rem;\r\n}\r\n\r\n/*------------------------\r\n FADE IN\r\n e.g. @include fadeIn( 2s );\r\n------------------------*/\r\n\r\n//$prefix:'-moz-', '-webkit-', '-o-', '-ms-', '';\r\n//\r\n//@mixin keyframe-fadeIn {\r\n// 0% { opacity:0; }\r\n// 100% { opacity:1; }\r\n//}\r\n//\r\n//@-moz-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-webkit-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-o-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@-ms-keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//@keyframes fadeIn {\r\n// @include keyframe-fadeIn;\r\n//}\r\n//\r\n//@mixin fadeIn( $arg ) {\r\n// $keyframe-name:fadeIn;\r\n// $duration:$arg;\r\n// @each $p in $prefix {\r\n// #{$p}animation:$keyframe-name $duration;\r\n// }\r\n//}\r\n\r\n/*------------------------\r\nmixin that calculates if text needs to be light or dark\r\ndepending on the background color passed.\r\n\r\nFrom this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast\r\n\r\nusage:\r\n@include text-contrast($bgcolor)\r\n \r\nColor brightness is determined by the following formula: \r\n((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000\r\n------------------------*/\r\n\r\n@mixin text-contrast($n:#333) {\r\n $color-brightness: round((red($n) * 299) + (green($n) * 587) + (blue($n) * 114) / 1000);\r\n $light-color: round((red(#ffffff) * 299) + (green(#ffffff) * 587) + (blue(#ffffff) * 114) / 1000);\r\n \r\n @if abs($color-brightness) < ($light-color/1.70){\r\n color: rgba(255,255,255,1);\r\n }\r\n\r\n @else {\r\n color: rgba(0,0,0,0.8);\r\n }\r\n}\r\n\r\n/*------------------------\r\n color factory \r\n eg: @include paint($blue-grey-50, bg-blue-grey-50);\r\n------------------------*/\r\n\r\n\r\n@mixin paint($paint:#333333,$make:bg-blue-grey-50) {\r\n\r\n .#{$make} {\r\n background-color: $paint;\r\n @include text-contrast($paint)\r\n &:hover {\r\n @include text-contrast($paint)\r\n }\r\n }\r\n}\r\n\r\n@mixin brush($brush: #333,$make: red-50) {\r\n .#{$make} {\r\n color: $brush;\r\n }\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin set-settings($class-element: nav-function-fixed) {\r\n\r\n .#{$class-element} .btn-switch[data-class=\"#{$class-element}\"] {\r\n @extend %set-settings;\r\n }\r\n\r\n}\r\n\r\n//mixen for settings side buttons\r\n@mixin paint-gradient($paint: $fusion-500, $make:bg-fusion-gradient) {\r\n\r\n .#{$make} {\r\n background-image: -webkit-linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n background-image: linear-gradient(250deg, rgba($paint, 0.7), transparent);\r\n }\r\n\r\n}\r\n\r\n/* backface visibility */\r\n@mixin backface-visibility($argument: none) {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n}\r\n\r\n/* generate theme button */\r\n@mixin theme-button-color ($theme-fusion:none, $theme-primary:none, $theme-info:none, $theme-success:none, $theme-warning:none, $theme-danger:none) {\r\n background-image: -webkit-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -moz-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: -ms-linear-gradient(left, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n background-image: linear-gradient(to right, #{$theme-fusion}, #{$theme-fusion} 70%, #{$theme-primary} 70%, #{$theme-primary} 76%, #{$theme-info} 76%, #{$theme-info} 82%, #{$theme-success} 82%, #{$theme-success} 88%, #{$theme-warning} 88%, #{$theme-warning} 94%, #{$theme-danger} 94%, #{$theme-danger} 94%, #{$theme-danger} 100%);\r\n}\r\n\r\n// IE flexbox details:\r\n//\r\n// - Flexbox in IE 10:\r\n// https://msdn.microsoft.com/en-us/library/hh673531(v=vs.85).aspx\r\n//\r\n// - IE 11 flexbox changes (includes property/value names for IE 10)\r\n// https://msdn.microsoft.com/library/dn265027(v=vs.85).aspx\r\n\r\n@mixin flexbox ($important: false) {\r\n display: unquote(\"-ms-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin inline-flexbox ($important: false) {\r\n display: unquote(\"-ms-inline-flexbox #{if($important, '!important', null)}\");\r\n display: unquote(\"inline-flex #{if($important, '!important', null)}\");\r\n}\r\n\r\n@mixin align-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-line-pack: map-get($ms-map, $value) or $value;\r\n align-content: $value;\r\n}\r\n\r\n@mixin align-items ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-align: map-get($ms-map, $value) or $value;\r\n align-items: $value;\r\n}\r\n\r\n@mixin align-self ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end\r\n );\r\n -ms-flex-item-align: map-get($ms-map, $value) or $value;\r\n align-self: $value;\r\n}\r\n\r\n@mixin flex ($value) {\r\n -ms-flex: $value;\r\n flex: $value;\r\n}\r\n\r\n@mixin flex-direction ($value) {\r\n -ms-flex-direction: $value;\r\n flex-direction: $value;\r\n}\r\n\r\n@mixin flex-wrap ($value) {\r\n $ms-map: (\r\n nowrap: none\r\n );\r\n -ms-flex-wrap: map-get($ms-map, $value) or $value;\r\n flex-wrap: $value;\r\n}\r\n\r\n@mixin justify-content ($value) {\r\n $ms-map: (\r\n flex-start: start,\r\n flex-end: end,\r\n space-around: distribute,\r\n space-between: justify\r\n );\r\n -ms-flex-pack: map-get($ms-map, $value) or $value;\r\n justify-content: $value;\r\n}\r\n\r\n@mixin order ($value) {\r\n -ms-flex-order: $value;\r\n order: $value;\r\n}","/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5 !default;\r\n$color-success:\t\t\t\t\t\t#1dc9b7 !default;\r\n$color-info:\t\t\t\t\t\t#2196F3 !default;\r\n$color-warning:\t\t\t\t\t\t#ffc241 !default;\r\n$color-danger:\t\t\t\t\t\t#fd3995 !default;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%) !default; \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9 !default;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa !default;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3 !default;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6 !default;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da !default;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd !default;\r\n$gray-600:\t\t\t\t\t\t\t#868e96 !default;\r\n$gray-700:\t\t\t\t\t\t\t#495057 !default;\r\n$gray-800:\t\t\t\t\t\t\t#343a40 !default;\r\n$gray-900:\t\t\t\t\t\t\t#212529 !default;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","/* PLACEHOLDER \r\n============================================= \r\n\r\nEXAMPLE:\r\n\r\n%bg-image {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.image-one {\r\n @extend %bg-image;\r\n background-image:url(/img/image-one.jpg\");\r\n}\r\n\r\nRESULT:\r\n\r\n.image-one, .image-two {\r\n width: 100%;\r\n background-position: center center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n*/\r\n\r\n%nav-bg {\r\n background-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n background-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n background-color: $nav-background;\r\n}\r\n\r\n/*\r\n%shadow-hover {\r\n box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);\r\n transition: all 0.2s ease-in-out;\r\n\r\n &:hover {\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);\r\n }\r\n}\r\n*/\r\n%btn-default {\r\n @include gradient-img($start: #f5f5f5,$stop: #f1f1f1);\r\n color: #444;\r\n\r\n &:hover {\r\n border: 1px solid #c6c6c6;\r\n }\r\n\r\n &:focus {\r\n border-color: $primary-200 !important;\r\n }\r\n}\r\n\r\n%custom-scroll {\r\n\r\n &::-webkit-scrollbar-thumb:vertical {\r\n background-color: #666;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\n%font-smoothing {\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n%set-settings {\r\n color:$white;\r\n background:$color-primary !important;\r\n &:after {\r\n background:$white !important;\r\n color:$color-primary !important;\r\n }\r\n + .onoffswitch-title {\r\n color: $primary-500;\r\n }\r\n}\r\n\r\n\r\n%not-compatible {\r\n\r\n .onoffswitch-title {\r\n color: $settings-incompat-title !important;\r\n }\r\n .onoffswitch-title-desc {\r\n color: $settings-incompat-desc !important;\r\n }\r\n &:after {\r\n @extend %incompatible;\r\n }\r\n}\r\n\r\n\r\n%ping-badge {\r\n background-color: $nav-badge-bg-color;\r\n color: $nav-badge-color;\r\n border: 1px solid $nav-background;\r\n}\r\n\r\n\r\n%header-btn {\r\n border: 1px solid lighten($fusion-50, 30%);\r\n color:$header-btn-color;\r\n\r\n &:hover {\r\n border-color: $primary-500;\r\n background: $primary-300;\r\n color:$white;\r\n\r\n }\r\n\r\n}\r\n\r\n%expanded-box {\r\n background: $white;\r\n}\r\n\r\n%header-btn-active {\r\n background: $header-btn-active-bg;\r\n border-color: darken($header-btn-active-bg, 10%) !important;\r\n color:$header-btn-active-color !important;\r\n}\r\n\r\n\r\n%spin-loader {\r\n border: 2px solid $color-primary;\r\n}\r\n\r\n%incompatible {\r\n background: $settings-incompat-bg;\r\n border: 1px solid $settings-incompat-border;\r\n color:$fusion-900;\r\n}\r\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$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;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%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;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%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;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%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;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%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;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","html {\r\n\tbody {\t\r\n\t\tbackground-color: $body-background-color;\r\n\t}\r\n}",".header-icon {\t\t\r\n\tcolor: $base-text-color;\r\n\r\n\t&:not(.btn) {\r\n\r\n\r\n\t\t>[class*='fa-']:first-child,\r\n\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\tcolor: $header-link-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t&>[class*='fa-']:only-child,\r\n\t\t\t\t&>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t&[data-toggle=\"dropdown\"] {\r\n\r\n\r\n\t\t\t&[aria-expanded=\"true\"] {\r\n\t\t\t\tcolor: $header-link-hover-color;\r\n\t\t\t\t\r\n\t\t\t\t>[class*='fa-']:first-child,\r\n\t\t\t\t>.#{$cust-icon-prefix}:first-child {\r\n\t\t\t\t\tcolor: $header-link-hover-color !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t/* header dropdowns */\r\n\t\t\t/* note: important rules to override popper's inline classes */\r\n\t\t\t& + .dropdown-menu {\r\n\t\t\t\tborder-color: $header-border-color;\r\n\t\t\t}\r\n\r\n\t\t\t/* end header dropdowns */\r\n\t\t\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t&:hover{\r\n\t\tcolor:$header-link-hover-color;\r\n\t}\r\n}\r\n\r\n.page-header {\r\n\tbackground-color: $header-bg;\r\n}","#search-field {\r\n\tbackground: $header-search-bg;\r\n\tborder: 1px solid $header-search-border-color;\r\n}",".dropdown-icon-menu {\r\n\t> ul {\r\n\t\tbackground: $white;\r\n\t}\r\n}",".notification {\r\n\tli {\r\n\t\t&.unread {\r\n\t\t\tbackground: lighten($warning-50, 9%);\r\n\t\t}\r\n\r\n\t\t> :first-child {\r\n\t\t\tborder-bottom: 1px solid rgba($black, 0.06);\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-image: linear-gradient(rgba(29, 33, 41, .03), rgba(29, 33, 41, .04));\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.name {\r\n\t\tcolor: lighten($black, 13.5%);\r\n\t}\r\n\r\n\t.msg-a,\r\n\t.msg-b {\r\n\t\tcolor: lighten($black, 33.5%);\r\n\t}\r\n\r\n\t&.notification-layout-2 {\r\n\t\tli {\r\n\t\t\tbackground: $gray-50;\r\n\t\t\t&.unread {\r\n\t\t\t\tbackground: $white;\r\n\t\t\t}\r\n\t\t\t> :first-child {\r\n\t\t\t\tborder-bottom: 1px solid rgba($black, 0.04);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\t}\r\n\r\n}",".app-list-item {\r\n\tcolor:$base-text-color;\r\n\r\n\t&:hover {\r\n\t\tborder: 1px solid lighten(lighten($black, 75%), 14%);\r\n\t}\r\n\r\n\t&:active {\r\n\t\tborder-color: $primary-500;\r\n\t}\r\n}","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@include media-breakpoint-up($mobile-breakpoint) {\r\n\t.header-function-fixed {\r\n\t\t&.nav-function-top {\r\n\t\t\t.page-header {\r\n\t\t\t\tbox-shadow: 0px 0px 28px 2px $header-border-bottom-color;\r\n\t\t\t}\t\r\n\t\t}\r\n\t}\r\n}","\r\n\r\n.nav-title {\r\n\tcolor: $nav-title-color;\r\n}\r\n\r\n.nav-menu {\r\n\r\n\tli {\r\n\t\r\n\r\n\t\t&.open {\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.active {\r\n\r\n\t\t\t> a {\r\n\t\t\t\t@include text-contrast($nav-background);\r\n\t\t\t\tbackground-color: rgba($white,0.04);\r\n\t\t\t\t@include box-shadow(inset 3px 0 0 $color-primary);\r\n\r\n\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t color: $nav-icon-hover-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t> ul {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t/* arrow that appears next to active/selected items */\r\n\t\t\t&:not(.open) > a:before {\r\n\t\t\t\tcolor: #24b3a4;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\ta {\r\n\t\t\tcolor: $nav-link-color;\r\n\t\t\t.dl-ref {\r\n\t\t\t\t&.label {\r\n\t\t\t\t\tcolor: rgba(255,255,255,0.7);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>[class*='fa-'],\r\n\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t color:$nav-icon-color;\r\n\t\t\t} \r\n\r\n\r\n\t\t\t&.collapsed {\r\n\t\t\t\t.nav-menu-btn-sub-collapse {\r\n\t\t\t\t\t@include rotate(180);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\t@include text-contrast(rgba(lighten($nav-base-color, 1%), (80/100)))\r\n\t\t\t\tbackground-color: rgba($black, 0.1);\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\tcolor:$nav-icon-hover-color;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t> .badge {\r\n\t\t\t\t\tbox-shadow: 0 0 0 1px rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t\tborder: 1px solid rgba(lighten($nav-base-color, 1%), (80/100));\r\n\t\t\t\t}\r\n\t\t\t\r\n\t\t\t}\r\n\r\n\t\t\t&:focus {\r\n\t\t\t\t@include text-contrast( rgba(darken($nav-base-color, 5% ), (50/100)) );\r\n\r\n\t\t\t\t.badge {\r\n\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t\tb.collapse-sign {\r\n\t\t\tcolor: $primary-400;\r\n\t\t}\r\n\r\n\t\t// Sub nav level 1\r\n\t\t> ul {\r\n\t\t\tbackground-color: rgba($black,0.1);\r\n\r\n\t\t\tli {\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tcolor: darken($nav-link-color, 5%);\r\n\r\n\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t}\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t@include text-contrast(rgba(($black), (10/100)));\r\n\t\t\t\t\t\tbackground-color: rgba(($black), (10/100));\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.active {\r\n\t\t\t\t\t\r\n\t\t\t\t\t> a {\r\n\t\t\t\t\t\t@include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)))\r\n\t\t\t\t\t\tbackground-color:transparent;\r\n\r\n\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t @include text-contrast(rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)));\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\t>[class*='fa-'],\r\n\t\t\t\t\t\t\t\t>.#{$cust-icon-prefix} {\r\n\t\t\t\t\t\t\t\t color:$nav-icon-hover-color;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Sub nav level 2\r\n\t\t\t\t> ul {\r\n\r\n\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (20/100)) )\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: darken($nav-link-color, 7%);\r\n\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t@include text-contrast( rgba(lighten(darken($nav-base-color, 11%), 5%), (45/100)) )\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t> .badge {\r\n\t\t\t\t\t\t\t\tcolor: $nav-badge-color;\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-badge-bg-color;\r\n\t\t\t\t\t\t\t\tborder: 1px solid darken($color-fusion, 0%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} \r\n\r\n\t}\r\n\r\n} \r\n\r\n/* nav clean elements */\r\n.nav-menu-clean {\r\n\tbackground:$white;\r\n\t\r\n\tli {\r\n\t\ta {\r\n\t\t\tcolor: $fusion-500 !important;\r\n\t\t\tspan {\r\n\t\t\t\tcolor: $fusion-500 !important;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f4f4 !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n\r\n}\r\n\r\n/* nav bordered elements */\r\n.nav-menu-bordered {\r\n\tborder: 1px solid $card-border-color;\r\n\r\n\tli a {\r\n\t\tborder-bottom: 1px solid $card-border-color;\r\n\t}\r\n\r\n}",".nav-filter {\r\n\tinput[type=\"text\"] {\r\n\t\tbackground: rgba($black, 0.4); \r\n\t\tcolor: $white;\r\n\r\n\t\t&:not(:focus) {\r\n\t\t\tborder-color: rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t&:focus {\r\n\t\t\tborder-color: lighten($nav-background, 13%);\r\n\t\t}\r\n\t\t\r\n\t}\r\n}",".info-card {\r\n\tcolor:$white;\r\n\t.info-card-text {\r\n\t\ttext-shadow: $black 0 1px;\r\n\t}\r\n\t\r\n}","$nav-function-top-menu-item-bg: $primary-500;\r\n\r\n@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-top {\r\n\r\n\t\t/* correct search field color */\r\n\t\t#search-field {\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\r\n\t\t&:not(.header-function-fixed) {\r\n\t\t\t\t\r\n\t\t\t#nff {\r\n\t\t\t\tposition:relative;\r\n\r\n\t\t\t\t.onoffswitch-title {\r\n\t\t\t\t\tcolor: $settings-incompat-title;\r\n\t\t\t\t}\r\n\t\t\t\t.onoffswitch-title-desc {\r\n\t\t\t\t\tcolor: $settings-incompat-desc;\r\n\t\t\t\t}\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tbackground: $settings-incompat-bg;\r\n\t\t\t\t\tborder: 1px solid $settings-incompat-border;\r\n\t\t\t\t\tcolor:$fusion-900;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\tbackground-image: -webkit-linear-gradient(270deg, $nav-background-shade, transparent);\r\n\t\t\tbackground-image: linear-gradient(270deg, $nav-background-shade, transparent); \r\n\t\t\tbackground-color: $nav-background; \r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.header-icon:not(.btn) > [class*='fa-']:first-child, \r\n\t\t\t.header-icon:not(.btn) > .ni:first-child {\r\n\t\t\t\tcolor: lighten($header-link-color, 10%);\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tcolor: lighten($header-link-color, 20%);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\r\n\t\t\t.badge.badge-icon {\r\n\t\t\t\tbox-shadow: 0 0 0 1px $primary-600;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t}\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tbackground: $white;\r\n\r\n\t\t\tbox-shadow: 0px 0px 14px 0px $header-border-bottom-color;\r\n\r\n\t\t\t.primary-nav {\r\n\r\n\t\t\t\t.nav-menu {\r\n\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\r\n\t\t\t\t\t\t\t>.#{$cust-icon-prefix},\r\n\t\t\t\t\t\t\t>[class*='fa-'] {\r\n\t\t\t\t\t\t\t\tcolor: inherit;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t>.collapse-sign {\r\n\t\t\t\t\t\t\t\tcolor: lighten($nav-background, 30%);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\t\r\n\r\n\t\t\t\t\t\t// all children\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t> ul {\r\n\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\r\n\t\t\t\t\t\t\tli {\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-color;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\t\t\tbackground: $nav-top-drowndown-hover;\r\n\t\t\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-hover-color;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\tcolor: $nav-top-drowndown-background;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t//first child hover\r\n\t\t\t\t\t\t&:hover {\r\n\r\n\t\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\t\tcolor: $primary-500;\r\n\t\t\t\t\t\t\t\tbackground: transparent;\r\n\t\t\t\t\t\t\t}\t\t\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\t\r\n}","@include media-breakpoint-up($mobile-breakpoint) {\r\n\r\n\t.nav-function-minify:not(.nav-function-top) {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\t\t\r\n\t\t\t.primary-nav {\r\n\t\r\n\t\t\t\t.nav-menu {\r\n\t\t\t\t\r\n\t\t\t\t\tli {\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t&.active {\r\n\t\t\t\t\t\t\t&.open > a:before {\r\n\t\t\t\t\t\t\t\tcolor: #24b3a4;\r\n\t\t\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t// first level\r\n\t\t\t\t\t> li {\r\n\r\n\t\t\t\t\t\t> a {\r\n\r\n\t\t\t\t\t\t\t> .nav-link-text {\r\n\t\t\t\t\t\t\t\tbackground: trasparent;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t// sub 1\r\n\t\t\t\t\t\t\t& + ul {\r\n\t\t\t\t\t\t\t\tbackground-color: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t//arrow\r\n\t\t\t\t\t\t\t &:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\toverflow: visible;\r\n\t\t\t\t\t\r\n\t\t\t\t\t.nav-menu > li:hover {\r\n\r\n\t\t\t\t\t\t> a {\r\n\t\t\t\t\t\t\tbackground: $nav-minify-hover-bg;\r\n\t\t\t\t\t\t\tcolor: $white;\r\n\r\n\t\t\t\t\t\t\t>.nav-link-text:last-child {\r\n\t\t\t\t\t\t\t\t\tbackground: $nav-background;\r\n\r\n\t\t\t\t\t\t\t\t&:before {\r\n\t\t\t\t\t\t\t\t\tcolor: $nav-background;\r\n\t\t\t\t\t\t\t }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t} \r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-header {\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tbackground: $header-btn-active-bg;\r\n\t\t\t\tborder-color: darken($header-btn-active-bg, 10%) !important;\r\n\t\t\t\tcolor:$header-btn-active-color !important;\r\n\t\t\t}\r\n\t\t}\t\r\n\t}\r\n}\r\n",".nav-footer {\r\n\t@extend %nav-bg;\r\n\t.nav-footer-buttons {\r\n\r\n\t\t> li {\r\n\t\t\t> a {\r\n\t\t\t\tcolor:lighten($nav-background, 25%);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.nav-function-fixed {\r\n\r\n\t.nav-footer {\r\n\r\n\t\tbackground: $nav-background;\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: rgba($nav-title-border-bottom-color, 0.2);\r\n\t\t\tbackground: -moz-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: -webkit-linear-gradient(left, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t\tbackground: linear-gradient(to right, $nav-background 0%, lighten($nav-background, 15%) 50%, lighten($nav-background, 15%) 50%, $nav-background 100%);\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n@include media-breakpoint-up(lg) {\r\n\r\n\t.nav-function-minify {\r\n\r\n\t\t.nav-footer {\r\n\r\n\t\t\tbackground-color: darken($nav-background, 2%);\r\n\r\n\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\tcolor: $nav-icon-color;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: lighten($nav-background, 3%);\r\n\r\n\t\t\t\t[data-class=\"nav-function-minify\"] {\r\n\t\t\t\t\tcolor: $nav-icon-hover-color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n",".page-content-wrapper {\r\n\tbackground-color: $page-bg; \r\n}",".subheader-icon {\r\n\tcolor: $nav-icon-hover-color;\r\n}\r\n.subheader-title {\r\n\tcolor: $fusion-500;\r\n\ttext-shadow: $white 0 1px;\r\n\tsmall {\r\n\t\tcolor: $fusion-100; //$fusion-100;\r\n\t}\r\n}",".page-footer {\r\n\tbackground: $footer-bg;\r\n color:$footer-text-color;\r\n}\r\n",".accordion {\r\n\t.card {\r\n\t\t.card-header {\r\n\t\t\tbackground-color: $frame-border-color;\r\n\t\t\t.card-title {\r\n\t\t\t\tcolor: $primary-500;\r\n\r\n\t\t\t\t&.collapsed {\r\n\t\t\t\t\tcolor: $fusion-100;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.accordion-clean {\r\n\t\t.card-header {\r\n\t\t\tbackground: $white;\r\n\t\t}\r\n\t}\r\n\r\n\t&.accordion-hover {\r\n\t\t.card-header {\r\n\t\t\tbackground:$white;\r\n\t\t\t&:hover {\r\n\t\t\t\t.card-title.collapsed {\r\n\t\t\t\t\tcolor: $white;\r\n\t\t\t\t\tbackground-color: $primary-300;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.card-title:not(.collapsed) {\r\n\t\t\tcolor: $white;\r\n\t\t\tbackground-color: $primary-500;\r\n\t\t\t\r\n\t\t}\r\n\t}\r\n}\r\n","/* \tDEV NOTE: The reason why we had to add this layer for alert colors is because BS4 \r\n\tdoes not allow you to add your own alert colors via variable control rather \r\n\tthrough a systemetic agent that changes the theme colors. \r\n\r\n\tREF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218\r\n*/\r\n\r\n.alert-primary {\r\n\tcolor: desaturate($primary-800, 45%);\r\n\tbackground-color: desaturate(lighten($primary-500, 39%), 17%);\r\n\tborder-color: desaturate(lighten($primary-500, 28%), 25%);\r\n}\r\n\r\n.alert-success {\r\n\tcolor: desaturate($success-500, 35%);\r\n\tbackground-color: desaturate(lighten($success-500, 53%), 15%);\r\n\tborder-color: desaturate(lighten($success-500, 33%), 10%);\r\n}\r\n\r\n.alert-danger {\r\n\tcolor: $danger-800;\r\n\tbackground-color: lighten($danger-500, 34%);\r\n\tborder-color: lighten($danger-500, 20%);\r\n}\r\n\r\n\r\n.alert-warning {\r\n\tcolor: darken($warning-900, 5%);\r\n\tbackground-color: lighten($warning-500, 33%);\r\n\tborder-color: lighten($warning-500, 7%);\r\n}\r\n\r\n\r\n.alert-info {\r\n\tcolor: $info-800;\r\n\tbackground-color: lighten($info-500, 40%);\r\n\tborder-color: lighten($info-500, 20%);\r\n}\r\n\r\n\r\n.alert-secondary {\r\n\tcolor: $fusion-500;\r\n\tbackground-color: lighten($fusion-50, 42%);\r\n\tborder-color: lighten($fusion-500, 55%);\r\n}",".badge.badge-icon {\r\n\tbackground-color: $nav-badge-bg-color;\r\n\tcolor: $nav-badge-color;\t\r\n\t@include box-shadow(0 0 0 1px $header-bg);\r\n}\t\r\n","/* btn switch */\r\n.btn-switch {\r\n\tbackground: $fusion-300;\r\n\t@include text-contrast($fusion-300);\r\n\r\n\t&:hover{\r\n\t\t@include text-contrast($fusion-300);\r\n\t}\r\n\r\n\t&:after{\r\n\t\t@include text-contrast(#828282);\r\n\t}\r\n\r\n\t&.active {\r\n\t\tcolor:$white;\r\n\t\tbackground:$color-primary;\r\n\t\t&:before {\r\n\t\t\t@include text-contrast($color-primary);\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground:$white;\r\n\t\t\tcolor:$color-primary;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n/* button used to close filter and mobile search */\r\n.btn-search-close {\r\n\tcolor: $white;\r\n}\r\n\r\n/* buttons used in the header section of the page */\r\n.header-btn {\r\n\t@extend %header-btn;\r\n\r\n\t&[data-class='mobile-nav-on'] {\r\n\t\tborder-color: $danger-700;\r\n\t\t@include gradient-img($danger-600,$danger-800);\r\n\t\tcolor:$white;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* dropdown btn */\r\n/* used on info card pulldown filter */\r\n.pull-trigger-btn {\r\n\tbackground: rgba($black, .4);\r\n\tborder: 1px solid rgba($black, .4);\r\n\tcolor: $white !important;\r\n\tbox-shadow: 0px 0px 2px rgba($primary-500, 0.3);\r\n\r\n\t&:hover {\r\n\t\tbackground: $primary-500;\r\n\t\tborder-color: $primary-600;\r\n\t}\r\n}\r\n\r\n/* btn misc */\r\n.btn-default {\r\n\t@extend %btn-default;\r\n}\r\n\r\n.btn-outline-default {\r\n\tcolor: $body-color;\r\n\tborder-color: $input-border-color;\r\n\r\n\t&:hover,\r\n\t&:not(:disabled):not(.disabled):active,\r\n\t&:not(:disabled):not(.disabled).active,\r\n\t.show > &.dropdown-toggle {\r\n\t\tcolor: $body-color;\r\n\t\tbackground-color: lighten($input-border-color, 8%);\r\n\t\tborder-color: $input-border-color;\r\n\t}\r\n\r\n\t&.disabled,\r\n\t&:disabled {\r\n\t\tcolor: $body-color;\r\n\t}\r\n\r\n}\r\n\r\n\r\n/* btn shadows */\r\n@mixin button-shadow($value) {\r\n box-shadow: 0 2px 6px 0 rgba($value, .5);\r\n}\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n\t@include button-shadow($value);\r\n }\r\n}\r\n\r\n.btn-icon-light {\r\n\r\n\tcolor: rgba($white, 0.7) !important;\r\n\tborder-color: transparent !important;\r\n\r\n\t&:not(.active):not(:active):not(:hover):not(:focus) {\r\n\t\tcolor: rgba($white, 0.7) !important;\r\n\t}\r\n\r\n\t&:hover {\r\n\t\tcolor: $white !important;\r\n\t\tbackground-color: rgba($white,0.2) !important;\r\n\t\t\r\n\t}\t\r\n}",".card-header {\r\n\tbackground-color: $frame-border-color;\r\n} ",".carousel-control-prev:hover {\r\n\tbackground: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}\r\n\r\n.carousel-control-next:hover {\r\n\tbackground: linear-gradient(to left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 45%); \r\n}","/* dropdown menu multi-level */\r\n.dropdown-menu {\r\n\t.dropdown-menu {\r\n\t\tbackground:$white;\r\n\t}\r\n\t.dropdown-multilevel {\r\n\t\t&:hover {\r\n\t\t\t> .dropdown-item:not(.disabled) {\r\n\t\t\t\tbackground: $gray-100;\r\n\t\t\t\tcolor: $dropdown-link-hover-color;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n}",".chat-segment-get {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-get-background;\t\t\r\n\t}\r\n}\r\n\r\n.chat-segment-sent {\r\n\t.chat-message {\r\n\t\tbackground: $msgr-sent-background;\r\n\t}\r\n}\r\n","/* transparent modal */\r\n.modal-transparent {\r\n\t.modal-content {\r\n\t\tbox-shadow: 0 1px 15px 1px rgba($primary-900, 0.3);\r\n\t}\r\n\t.modal-content {\r\n\t\tbackground: rgba(desaturate(darken($primary-800, 25%), 20%), 0.85); \r\n\t}\r\n}\r\n",".panel {\r\n\r\n\tbackground-color: $white;\r\n\r\n\t//experimental ...\r\n\tborder-bottom: 1px solid #e0e0e0;\r\n\r\n\t/* panel fullscreen */\r\n\t&.panel-fullscreen {\r\n\r\n\t\t/* make panel header bigger */\r\n\t\t.panel-hdr {\r\n\t\t\tbox-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(darken($primary-800, 10%), (10/100));\t\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* panel locked */\r\n\t&.panel-locked:not(.panel-fullscreen) {\r\n\r\n\t\t.panel-hdr {\r\n\t\t\t&:active {\r\n\r\n\t\t\t\th2:before {\r\n\t\t\t\t\tcolor: $danger-500;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* panel tag can be used globally */\r\n.panel-tag {\r\n\tbackground: #eef7fd;\r\n}\r\n\r\n/* panel header */\r\n.panel-hdr {\r\n\tbackground: $panel-hdr-background;\r\n}\r\n\r\n/* panel tap highlight */\r\n.panel-sortable:not(.panel-locked) {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: rgba($primary-300, 0.7);\r\n\t\t\tborder-left-color: rgba($primary-500, 0.7);\r\n\t\t\tborder-right-color: rgba($primary-500, 0.7);\r\n\r\n\t\t\t& + .panel-container {\r\n\r\n\t\t\t\tborder-color: transparent rgba($primary-500, 0.7) rgba($primary-600, 0.7);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*.panel-sortable .panel-hdr:active,\r\n.panel-sortable .panel-hdr:active + .panel-container {\r\n\t@include transition-border(0.4s, ease-out);\r\n}*/\r\n\r\n.panel-sortable.panel-locked {\r\n\t.panel-hdr {\r\n\t\t&:active {\r\n\t\t\tborder-top-color: $danger-300;\r\n\t\t\tborder-left-color: $danger;\r\n\t\t\tborder-right-color: $danger;\r\n\r\n\t\t\t& + .panel-container {\r\n\t\t\t\tborder-color: transparent $danger $danger;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* panel toolbar (sits inside panel header) */\r\n.panel-toolbar {\r\n\r\n\t.btn-panel {\r\n\r\n\t\t/* add default colors for action buttons */\r\n\t\t&[data-action=\"panel-collapse\"],\r\n\t\t&.js-panel-collapse {\r\n\t\t\tbackground: $success-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-fullscreen\"],\r\n\t\t&.js-panel-fullscreen {\r\n\t\t\tbackground: $warning-500;\r\n\t\t}\r\n\r\n\t\t&[data-action=\"panel-close\"],\r\n\t\t&.js-panel-close {\r\n\t\t\tbackground: $danger-500;\r\n\t\t}\r\n\r\n\t}\r\n\r\n}\r\n\r\n/* placeholder */\r\n.panel-placeholder {\r\n\tbackground-color: $panel-placeholder-color;\r\n\r\n\t&:before {\r\n\t\tbackground: $panel-placeholder-color;\r\n\t}\r\n}\r\n\r\n.mod-panel-clean {\r\n\r\n\t.panel-hdr {\r\n\t\tbackground: $white;\r\n\t\tbackground-image: linear-gradient(to bottom,#f7f7f7, $white);\r\n\t\t\r\n\t}\r\n\r\n}\t\r\n\r\n@media only screen and ( max-width: 420px ){\r\n\t/* making mobile spacing a little narrow */\r\n\t.panel {\r\n\t\t.panel-hdr {\r\n\t\t\tcolor: #060606;\r\n\t\t}\r\n\r\n\t}\r\n}",".popover {\r\n\t.arrow {\r\n\t\tborder-color: $popover-arrow-outer-color;\r\n\t}\r\n}\r\n\r\n","%ball{\r\n background:$primary-500;\r\n color:$white !important;\r\n \r\n &:hover {\r\n background: $primary-700;\r\n }\r\n}\r\n\r\n.menu-item,\r\nlabel.menu-open-button {\r\n @extend %ball;\r\n}\r\n\r\n.app-shortcut-icon {\r\n background: #ecf0f1;\r\n color: #ecf0f1;\r\n}\r\n\r\n.menu-open:checked+.menu-open-button{\r\n background: $fusion-500;\r\n}\r\n","/* backgrounds */\r\n.bg-white { background-color: $white; color: $base-text-color}\r\n.bg-faded {\tbackground-color: $frame-border-color }\r\n.bg-offwhite-fade {\t@include gradient-img($white, lighten($color-fusion, 66%)) }\r\n.bg-subtlelight { background-color: lighten($color-primary, 44%) }\r\n.bg-subtlelight-fade { @include gradient-img($white, lighten($color-primary, 44%))\t}\r\n.bg-highlight { background-color: lighten($warning-50, 9%)}\r\n\r\n.bg-gray-50 { background-color: $gray-50; }\r\n.bg-gray-100 { background-color: $gray-100; }\r\n.bg-gray-200 { background-color: $gray-200; }\r\n.bg-gray-300 { background-color: $gray-300; }\r\n.bg-gray-400 { background-color: $gray-400; }\r\n.bg-gray-500 { background-color: $gray-500; }\r\n.bg-gray-600 { background-color: $gray-600; }\r\n.bg-gray-700 { background-color: $gray-700; }\r\n.bg-gray-800 { background-color: $gray-800; }\r\n.bg-gray-900 { background-color: $gray-900; }\r\n\r\n/* borders */\r\n.border-faded { border: 1px solid rgba($fusion-900, 0.07) }\r\n\r\n\r\n/* hover any bg */\r\n/* inherits the parent background on hover */\r\n.hover-bg {\r\n\tbackground: $white;\r\n}\r\n\r\n/* states */\r\n.state-selected {\r\n\tbackground: lighten($info-500, 41%) !important;\r\n}\r\n\r\n/* demo window */\r\n.demo-window {\r\n\tbox-shadow: 0 2px 10px rgba(0,0,0,0.12);\r\n\r\n\t&:before {\r\n\t\tbackground: #e5e5e5;\r\n\t}\r\n\r\n\t&:after,\r\n\t.demo-window-content:before,\r\n\t.demo-window-content:after {\r\n\t\tbackground: #ccc;\r\n\t}\r\n\r\n}",".bg-trans-gradient {\r\n\tbackground: -webkit-linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n\tbackground: linear-gradient(250deg, desaturate($info-500, 25%), desaturate($primary-500, 10%));\r\n}\r\n\r\n.bg-brand-gradient {\r\n\t@extend %nav-bg;\r\n}\r\n\r\n.notes {\r\n\tbackground: #f9f4b5;\r\n}\r\n\r\n/* disclaimer class */\r\n.disclaimer {\r\n\tcolor: #a2a2a2;\r\n}\r\n\r\n\r\n/* online status */\r\n.status {\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tbackground: $fusion-500;\r\n\t\tborder: 2px solid #fff;\r\n\t}\r\n\r\n\t&.status-success:before {\r\n\t\tbackground: $success-500;\r\n\t}\r\n\r\n\t&.status-danger:before {\r\n\t\tbackground: $danger-500;\r\n\t}\r\n\r\n\t&.status-warning:before {\r\n\t\tbackground: $warning-500;\r\n\t}\r\n}\r\n\r\n\r\n/* display frame */\r\n.frame-heading {\r\n\tcolor: lighten($fusion-50, 7%);\r\n}\r\n.frame-wrap {\r\n\tbackground: white;\r\n}\r\n\r\n/* time stamp */\r\n.time-stamp {\r\n\tcolor: $fusion-200;\r\n}\r\n\r\n/* data-hasmore */\r\n[data-hasmore] {\r\n\tcolor: $white;\r\n\t&:before {\r\n\t\tbackground: rgba($black, 0.4);\r\n\t}\r\n}\r\n\r\n/* code */\r\ncode {\r\n\tbackground: lighten(desaturate($primary-800, 60%), 56%);\r\n}","/* select background */\r\n::selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}\r\n::-moz-selection {\r\n background: $color-fusion;\r\n color: $white;\r\n}","\r\n@media only screen and ( max-width: $mobile-breakpoint-size ){\r\n\r\n\r\n\t.page-wrapper {\r\n\t\tbackground: $white;\r\n\r\n\t\t.page-header {\r\n\t\t\tborder-bottom: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\r\n\r\n\t\t.page-content {\r\n\t\t\tcolor: #222;\r\n\r\n\t\t\t.subheader {\r\n\r\n\t\t\t\t.subheader-title {\r\n\t\t\t\t\tcolor: #22282d;\r\n\r\n\t\t\t\t\tsmall {\r\n\t\t\t\t\t\tcolor: #181c21;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.p-g {\r\n\t\t\t\tpadding: map-get($grid-gutter-widths, xs);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.page-footer {\r\n\t\t\tborder-top: 1px solid rgba($black,0.09);\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t/* Off canvas */\r\n\t&.nav-mobile-slide-out {\r\n\r\n\t\t.page-wrapper {\r\n\r\n\t\t\t.page-content {\r\n\t\t\t\tbackground: $page-bg;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t/* mobile nav show & hide button */\r\n\t/* general */\r\n\t&.mobile-nav-on {\r\n\r\n\t\t.page-sidebar {\r\n\t\t\tborder-right:1px solid rgba(0,0,0,0.03);\r\n\t\t\t@include box-shadow( 0 3px 35px 3px rgba(0,0,0,0.52) );\r\n\t\t}\r\n\r\n\t\t.page-content-overlay {\r\n\t\t\tbackground: rgba($black,0.09);\r\n\t\t}\t\t\r\n\r\n\t}\r\n\r\n}\r\n\r\n@media only screen and ( max-width: map-get($grid-breakpoints, sm) ){\r\n\r\n\t/* here we turn on mobile font for smaller screens */\r\n\t/*body {\r\n\t\tfont-family: $mobile-page-font !important;\r\n\t}*/\r\n\r\n\t/* mobile nav search */\r\n\t.mobile-search-on:not(.mobile-nav-on) {\r\n\r\n\t\t.search {\r\n\r\n\t\t\t.app-forms {\r\n\r\n\t\t\t\t#search-field {\r\n\t\t\t\t\tbackground: $white;\r\n\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\t\r\n\r\n\t}\r\n\r\n}\r\n","/* text area */\r\n[contenteditable=\"true\"] {\r\n\r\n\t&:empty:not(:focus):before{\r\n\t\tcontent: attr(data-placeholder);\r\n\t\tcolor: $fusion-50;\r\n\t}\r\n\r\n\t&::selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n\r\n\t&::-moz-selection {\r\n\t\tbackground: rgba(0, 132, 255, .2);\r\n\t\tcolor: $black;\r\n\t}\r\n}\r\n/* add background to focused inpur prepend and append */\r\n.form-control:focus ~ .input-group-prepend {\r\n\tbackground: $primary-500;\r\n}\r\n.has-length {\r\n\t.input-group-text {\r\n\t\tborder-color: $primary-500;\r\n\t\t& + .input-group-text {\r\n\t\t\tborder-left: 1px solid rgba($black, 0.1);\r\n\t\t}\r\n\t}\r\n\t.input-group-text:not([class^=\"bg-\"]):not([class*=\" bg-\"]) {\r\n\t\tbackground: $primary-500;\r\n\t\tcolor: $white !important;\r\n\t}\r\n\r\n}\r\n\r\n/* help block and validation feedback texts*/\r\n.help-block {\r\n\tcolor: $fusion-50;\r\n}",".settings-panel {\r\n\r\n\r\n\th5 {\r\n\t\tcolor: $fusion-500;\r\n\r\n\t}\r\n\r\n\t.list {\r\n\t\tcolor:darken($white, 60%);\r\n\r\n\t\t&:hover{\r\n\t\t\tcolor:darken($white, 80%);\r\n\t\t\tbackground:rgba( $white, .7 );\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.expanded {\r\n\r\n\t\t&:before {\r\n\t\t\tborder-bottom-color: $fusion-400;\r\n\t\t}\r\n \r\n\t}\r\n}\r\n\r\n\r\n@include set-settings(header-function-fixed);\r\n@include set-settings(nav-function-fixed);\r\n@include set-settings(nav-function-minify);\r\n@include set-settings(nav-function-hidden);\r\n@include set-settings(nav-function-top);\r\n@include set-settings(nav-mobile-push);\r\n@include set-settings(nav-mobile-no-overlay);\r\n@include set-settings(nav-mobile-slide-out);\r\n@include set-settings(mod-main-boxed);\r\n@include set-settings(mod-fixed-bg);\r\n@include set-settings(mod-clean-page-bg);\r\n@include set-settings(mod-pace-custom);\r\n@include set-settings(mod-bigger-font);\r\n@include set-settings(mod-high-contrast);\r\n@include set-settings(mod-color-blind);\r\n@include set-settings(mod-hide-nav-icons);\r\n@include set-settings(mod-hide-info-card);\r\n@include set-settings(mod-lean-subheader);\r\n@include set-settings(mod-disable-animation);\r\n@include set-settings(mod-nav-link);\r\n@include set-settings(mod-app-rtl);",".nav-mobile-slide-out {\r\n\t#nmp,\r\n\t#nmno {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n.nav-function-top,\r\n.nav-function-minify,\r\n.mod-hide-nav-icons {\r\n\t#mnl {\r\n\t\t@extend %not-compatible;\r\n\t}\r\n}\r\n\r\n@include media-breakpoint-up($mobile-breakpoint-size) {\r\n\t.nav-function-top {\r\n\t\t#nfh {\r\n\t\t\t@extend %not-compatible;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media only screen and (max-width: $mobile-breakpoint-size) {\r\n\r\n\t.mobile-view-activated {\r\n\t\t#nff,\r\n\t\t#nfm,\r\n\t\t#nfh,\r\n\t\t#nft,\r\n\t\t#mmb {\r\n\t\t position:relative;\r\n\t\t \r\n\t\t .onoffswitch-title {\r\n\t\t color: $settings-incompat-title !important; \r\n\t\t }\r\n\t\t .onoffswitch-title-desc {\r\n\t\t color: $settings-incompat-desc !important;\r\n\t\t }\r\n\t\t &:after {\r\n\t\t background: $settings-incompat-bg;\r\n\t\t border: 1px solid $settings-incompat-border;\r\n\t\t color:$fusion-900;\r\n\t\t }\r\n\t\t}\r\n\t}\r\n}\r\n","/* Hierarchical Navigation */\r\n\r\n.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) {\r\n\tul.nav-menu:not(.nav-menu-compact) {\r\n\t\t> li {\r\n\t\t\t> ul {\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tborder-left: 1px solid darken($nav-icon-color, 15%);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t/* addressing all second, third children */\r\n\t\t\t\t> li {\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground-color: $nav-icon-color;\t\t\t\t\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}","// primary\r\n@include paint($primary-50, bg-primary-50);\r\n@include paint($primary-100, bg-primary-100);\r\n@include paint($primary-200, bg-primary-200);\r\n@include paint($primary-300, bg-primary-300);\r\n@include paint($primary-400, bg-primary-400);\r\n@include paint($primary-500, bg-primary-500);\r\n@include paint($primary-600, bg-primary-600);\r\n@include paint($primary-700, bg-primary-700);\r\n@include paint($primary-800, bg-primary-800);\r\n@include paint($primary-900, bg-primary-900);\r\n\r\n@include brush($primary-50, color-primary-50);\r\n@include brush($primary-100, color-primary-100);\r\n@include brush($primary-200, color-primary-200);\r\n@include brush($primary-300, color-primary-300);\r\n@include brush($primary-400, color-primary-400);\r\n@include brush($primary-500, color-primary-500);\r\n@include brush($primary-600, color-primary-600);\r\n@include brush($primary-700, color-primary-700);\r\n@include brush($primary-800, color-primary-800);\r\n@include brush($primary-900, color-primary-900);\r\n\r\n// success\r\n@include paint($success-50, bg-success-50);\r\n@include paint($success-100, bg-success-100);\r\n@include paint($success-200, bg-success-200);\r\n@include paint($success-300, bg-success-300);\r\n@include paint($success-400, bg-success-400);\r\n@include paint($success-500, bg-success-500);\r\n@include paint($success-600, bg-success-600);\r\n@include paint($success-700, bg-success-700);\r\n@include paint($success-800, bg-success-800);\r\n@include paint($success-900, bg-success-900);\r\n\r\n@include brush($success-50, color-success-50);\r\n@include brush($success-100, color-success-100);\r\n@include brush($success-200, color-success-200);\r\n@include brush($success-300, color-success-300);\r\n@include brush($success-400, color-success-400);\r\n@include brush($success-500, color-success-500);\r\n@include brush($success-600, color-success-600);\r\n@include brush($success-700, color-success-700);\r\n@include brush($success-800, color-success-800);\r\n@include brush($success-900, color-success-900);\r\n\r\n// info\r\n@include paint($info-50, bg-info-50);\r\n@include paint($info-100, bg-info-100);\r\n@include paint($info-200, bg-info-200);\r\n@include paint($info-300, bg-info-300);\r\n@include paint($info-400, bg-info-400);\r\n@include paint($info-500, bg-info-500);\r\n@include paint($info-600, bg-info-600);\r\n@include paint($info-700, bg-info-700);\r\n@include paint($info-800, bg-info-800);\r\n@include paint($info-900, bg-info-900);\r\n\r\n@include brush($info-50, color-info-50);\r\n@include brush($info-100, color-info-100);\r\n@include brush($info-200, color-info-200);\r\n@include brush($info-300, color-info-300);\r\n@include brush($info-400, color-info-400);\r\n@include brush($info-500, color-info-500);\r\n@include brush($info-600, color-info-600);\r\n@include brush($info-700, color-info-700);\r\n@include brush($info-800, color-info-800);\r\n@include brush($info-900, color-info-900);\r\n\r\n// warning\r\n@include paint($warning-50, bg-warning-50);\r\n@include paint($warning-100, bg-warning-100);\r\n@include paint($warning-200, bg-warning-200);\r\n@include paint($warning-300, bg-warning-300);\r\n@include paint($warning-400, bg-warning-400);\r\n@include paint($warning-500, bg-warning-500);\r\n@include paint($warning-600, bg-warning-600);\r\n@include paint($warning-700, bg-warning-700);\r\n@include paint($warning-800, bg-warning-800);\r\n@include paint($warning-900, bg-warning-900);\r\n\r\n@include brush($warning-50, color-warning-50);\r\n@include brush($warning-100, color-warning-100);\r\n@include brush($warning-200, color-warning-200);\r\n@include brush($warning-300, color-warning-300);\r\n@include brush($warning-400, color-warning-400);\r\n@include brush($warning-500, color-warning-500);\r\n@include brush($warning-600, color-warning-600);\r\n@include brush($warning-700, color-warning-700);\r\n@include brush($warning-800, color-warning-800);\r\n@include brush($warning-900, color-warning-900);\r\n\r\n// danger\r\n@include paint($danger-50, bg-danger-50);\r\n@include paint($danger-100, bg-danger-100);\r\n@include paint($danger-200, bg-danger-200);\r\n@include paint($danger-300, bg-danger-300);\r\n@include paint($danger-400, bg-danger-400);\r\n@include paint($danger-500, bg-danger-500);\r\n@include paint($danger-600, bg-danger-600);\r\n@include paint($danger-700, bg-danger-700);\r\n@include paint($danger-800, bg-danger-800);\r\n@include paint($danger-900, bg-danger-900);\r\n\r\n@include brush($danger-50, color-danger-50);\r\n@include brush($danger-100, color-danger-100);\r\n@include brush($danger-200, color-danger-200);\r\n@include brush($danger-300, color-danger-300);\r\n@include brush($danger-400, color-danger-400);\r\n@include brush($danger-500, color-danger-500);\r\n@include brush($danger-600, color-danger-600);\r\n@include brush($danger-700, color-danger-700);\r\n@include brush($danger-800, color-danger-800);\r\n@include brush($danger-900, color-danger-900);\r\n\r\n// fusion\r\n@include paint($fusion-50, bg-fusion-50);\r\n@include paint($fusion-100, bg-fusion-100);\r\n@include paint($fusion-200, bg-fusion-200);\r\n@include paint($fusion-300, bg-fusion-300);\r\n@include paint($fusion-400, bg-fusion-400);\r\n@include paint($fusion-500, bg-fusion-500);\r\n@include paint($fusion-600, bg-fusion-600);\r\n@include paint($fusion-700, bg-fusion-700);\r\n@include paint($fusion-800, bg-fusion-800);\r\n@include paint($fusion-900, bg-fusion-900);\r\n\r\n@include brush($fusion-50, color-fusion-50);\r\n@include brush($fusion-100, color-fusion-100);\r\n@include brush($fusion-200, color-fusion-200);\r\n@include brush($fusion-300, color-fusion-300);\r\n@include brush($fusion-400, color-fusion-400);\r\n@include brush($fusion-500, color-fusion-500);\r\n@include brush($fusion-600, color-fusion-600);\r\n@include brush($fusion-700, color-fusion-700);\r\n@include brush($fusion-800, color-fusion-800);\r\n@include brush($fusion-900, color-fusion-900);\r\n\r\n//white\r\n@include brush($white, color-white);\r\n@include brush(lighten($black, 13.5%), color-black);\r\n\r\n\r\n@include paint-gradient($primary-900, bg-primary-gradient);\r\n@include paint-gradient($danger-900, bg-danger-gradient);\r\n@include paint-gradient($info-900, bg-info-gradient);\r\n@include paint-gradient($warning-900, bg-warning-gradient);\r\n@include paint-gradient($success-900, bg-success-gradient);\r\n@include paint-gradient($fusion-900, bg-fusion-gradient);","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","//bootstrap button colors\r\n@each $color, $value in $theme-colors {\r\n .btn-#{$color} {\r\n @include button-variant($value, $value);\r\n }\r\n}\r\n\r\n@each $color, $value in $theme-colors {\r\n .btn-outline-#{$color} {\r\n @include button-outline-variant($value);\r\n }\r\n}\r\n\r\n//border\r\n@each $color, $value in $theme-colors {\r\n .border-#{$color} {\r\n border-color: $value !important;\r\n }\r\n}\r\n\r\n// Typography\r\n@each $color, $value in $theme-colors {\r\n @include text-emphasis-variant(\".text-#{$color}\", $value);\r\n}","// stylelint-disable declaration-no-important\n\n// Typography\n\n@mixin text-emphasis-variant($parent, $color) {\n #{$parent} {\n color: $color !important;\n }\n @if $emphasized-link-hover-darken-percentage != 0 {\n a#{$parent} {\n @include hover-focus {\n color: darken($color, $emphasized-link-hover-darken-percentage) !important;\n }\n }\n }\n}\n"]}
\ No newline at end of file
diff --git a/public/assets/css/vendors.bundle.css b/public/assets/css/vendors.bundle.css
new file mode 100644
index 0000000..3d84b42
--- /dev/null
+++ b/public/assets/css/vendors.bundle.css
@@ -0,0 +1,12775 @@
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/*!
+ * Bootstrap v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+:root {
+ --blue: #886ab5;
+ --indigo: #6610f2;
+ --purple: #6f42c1;
+ --pink: #e83e8c;
+ --red: #fd3995;
+ --orange: #ffc241;
+ --yellow: #ffc241;
+ --green: #1dc9b7;
+ --teal: #20c997;
+ --cyan: #17a2b8;
+ --white: #fff;
+ --gray: #868e96;
+ --gray-dark: #495057;
+ --primary: #886ab5;
+ --secondary: #868e96;
+ --success: #1dc9b7;
+ --info: #2196F3;
+ --warning: #ffc241;
+ --danger: #fd3995;
+ --light: #fff;
+ --dark: #505050;
+ --breakpoint-xs: 0;
+ --breakpoint-sm: 576px;
+ --breakpoint-md: 768px;
+ --breakpoint-lg: 992px;
+ --breakpoint-xl: 1399px;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+
+*,
+*::before,
+*::after {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box; }
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+ display: block; }
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-size: 0.8125rem;
+ font-weight: 400;
+ line-height: 1.47;
+ color: #212529;
+ text-align: left;
+ background-color: #fff; }
+
+[tabindex="-1"]:focus {
+ outline: 0 !important; }
+
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible; }
+
+h1, h2, h3, h4, h5, h6 {
+ margin-top: 0;
+ margin-bottom: 0.5rem; }
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem; }
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0;
+ -webkit-text-decoration-skip-ink: none;
+ text-decoration-skip-ink: none; }
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit; }
+
+ol,
+ul,
+dl {
+ margin-top: 0;
+ margin-bottom: 1rem; }
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+ margin-bottom: 0; }
+
+dt {
+ font-weight: 700; }
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0; }
+
+blockquote {
+ margin: 0 0 1rem; }
+
+b,
+strong {
+ font-weight: bolder; }
+
+small {
+ font-size: 80%; }
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline; }
+
+sub {
+ bottom: -.25em; }
+
+sup {
+ top: -.5em; }
+
+a {
+ color: #886ab5;
+ text-decoration: none;
+ background-color: transparent; }
+ a:hover {
+ color: #967bbd;
+ text-decoration: underline; }
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none; }
+ a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+ color: inherit;
+ text-decoration: none; }
+ a:not([href]):not([tabindex]):focus {
+ outline: 0; }
+
+pre,
+code,
+kbd,
+samp {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size: 1em; }
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto; }
+
+figure {
+ margin: 0 0 1rem; }
+
+img {
+ vertical-align: middle;
+ border-style: none; }
+
+svg {
+ overflow: hidden;
+ vertical-align: middle; }
+
+table {
+ border-collapse: collapse; }
+
+caption {
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ color: #868e96;
+ text-align: left;
+ caption-side: bottom; }
+
+th {
+ text-align: inherit; }
+
+label {
+ display: inline-block;
+ margin-bottom: 0.3rem; }
+
+button {
+ border-radius: 0; }
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color; }
+
+input,
+button,
+select,
+optgroup,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit; }
+
+button,
+input {
+ overflow: visible; }
+
+button,
+select {
+ text-transform: none; }
+
+select {
+ word-wrap: normal; }
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; }
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+ cursor: pointer; }
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ padding: 0;
+ border-style: none; }
+
+input[type="radio"],
+input[type="checkbox"] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ padding: 0; }
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+ -webkit-appearance: listbox; }
+
+textarea {
+ overflow: auto;
+ resize: vertical; }
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0; }
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+ color: inherit;
+ white-space: normal; }
+
+progress {
+ vertical-align: baseline; }
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto; }
+
+[type="search"] {
+ outline-offset: -2px;
+ -webkit-appearance: none; }
+
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button; }
+
+output {
+ display: inline-block; }
+
+summary {
+ display: list-item;
+ cursor: pointer; }
+
+template {
+ display: none; }
+
+[hidden] {
+ display: none !important; }
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+ margin-bottom: 0.5rem;
+ font-weight: 500;
+ line-height: 1.57; }
+
+h1, .h1 {
+ font-size: 1.5rem; }
+
+h2, .h2 {
+ font-size: 1.375rem; }
+
+h3, .h3 {
+ font-size: 1.1875rem; }
+
+h4, .h4 {
+ font-size: 1.0625rem; }
+
+h5, .h5 {
+ font-size: 0.9375rem; }
+
+h6, .h6 {
+ font-size: 0.875rem; }
+
+.lead {
+ font-size: 1.01563rem;
+ font-weight: 300; }
+
+.display-1 {
+ font-size: 5rem;
+ font-weight: 300;
+ line-height: 1.57; }
+
+.display-2 {
+ font-size: 4.5rem;
+ font-weight: 300;
+ line-height: 1.57; }
+
+.display-3 {
+ font-size: 3.5rem;
+ font-weight: 300;
+ line-height: 1.57; }
+
+.display-4 {
+ font-size: 2.5rem;
+ font-weight: 300;
+ line-height: 1.57; }
+
+hr {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ border: 0;
+ border-top: 1px solid rgba(0, 0, 0, 0.1); }
+
+small,
+.small {
+ font-size: 80%;
+ font-weight: 400; }
+
+mark,
+.mark {
+ padding: 0.2em;
+ background-color: #fcf8e3; }
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none; }
+
+.list-inline {
+ padding-left: 0;
+ list-style: none; }
+
+.list-inline-item {
+ display: inline-block; }
+ .list-inline-item:not(:last-child) {
+ margin-right: 0.5rem; }
+
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase; }
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.01563rem; }
+
+.blockquote-footer {
+ display: block;
+ font-size: 80%;
+ color: #868e96; }
+ .blockquote-footer::before {
+ content: "\2014\00A0"; }
+
+.img-fluid {
+ max-width: 100%;
+ height: auto; }
+
+.img-thumbnail {
+ padding: 0.25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: 4px;
+ max-width: 100%;
+ height: auto; }
+
+.figure {
+ display: inline-block; }
+
+.figure-img {
+ margin-bottom: 0.5rem;
+ line-height: 1; }
+
+.figure-caption {
+ font-size: 90%;
+ color: #868e96; }
+
+code {
+ font-size: 87.5%;
+ color: #e83e8c;
+ word-break: break-word; }
+ a > code {
+ color: inherit; }
+
+kbd {
+ padding: 0.2rem 0.4rem;
+ font-size: 87.5%;
+ color: #fff;
+ background-color: #212529;
+ border-radius: 4px; }
+ kbd kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: 700; }
+
+pre {
+ display: block;
+ font-size: 87.5%;
+ color: #212529; }
+ pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal; }
+
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll; }
+
+.container {
+ width: 100%;
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+ margin-right: auto;
+ margin-left: auto; }
+ @media (min-width: 576px) {
+ .container {
+ max-width: 540px; } }
+ @media (min-width: 768px) {
+ .container {
+ max-width: 720px; } }
+ @media (min-width: 992px) {
+ .container {
+ max-width: 960px; } }
+ @media (min-width: 1399px) {
+ .container {
+ max-width: 1140px; } }
+
+.container-fluid {
+ width: 100%;
+ padding-right: 0.75rem;
+ padding-left: 0.75rem;
+ margin-right: auto;
+ margin-left: auto; }
+
+.row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -0.75rem;
+ margin-left: -0.75rem; }
+
+.no-gutters {
+ margin-right: 0;
+ margin-left: 0; }
+ .no-gutters > .col,
+ .no-gutters > [class*="col-"] {
+ padding-right: 0;
+ padding-left: 0; }
+
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+ position: relative;
+ width: 100%;
+ padding-right: 0.75rem;
+ padding-left: 0.75rem; }
+
+.col {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%; }
+
+.col-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%; }
+
+.col-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+
+.col-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+
+.col-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+
+.col-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+
+.col-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+
+.col-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+
+.col-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+
+.col-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+
+.col-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+
+.col-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+
+.col-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+
+.col-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+
+.order-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1; }
+
+.order-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13; }
+
+.order-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0; }
+
+.order-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+
+.order-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+
+.order-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3; }
+
+.order-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4; }
+
+.order-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5; }
+
+.order-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6; }
+
+.order-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7; }
+
+.order-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8; }
+
+.order-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9; }
+
+.order-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10; }
+
+.order-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11; }
+
+.order-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12; }
+
+.offset-1 {
+ margin-left: 8.33333%; }
+
+.offset-2 {
+ margin-left: 16.66667%; }
+
+.offset-3 {
+ margin-left: 25%; }
+
+.offset-4 {
+ margin-left: 33.33333%; }
+
+.offset-5 {
+ margin-left: 41.66667%; }
+
+.offset-6 {
+ margin-left: 50%; }
+
+.offset-7 {
+ margin-left: 58.33333%; }
+
+.offset-8 {
+ margin-left: 66.66667%; }
+
+.offset-9 {
+ margin-left: 75%; }
+
+.offset-10 {
+ margin-left: 83.33333%; }
+
+.offset-11 {
+ margin-left: 91.66667%; }
+
+@media (min-width: 576px) {
+ .col-sm {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%; }
+ .col-sm-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%; }
+ .col-sm-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+ .col-sm-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+ .col-sm-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+ .col-sm-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+ .col-sm-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+ .col-sm-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+ .col-sm-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+ .col-sm-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+ .col-sm-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+ .col-sm-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+ .col-sm-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+ .col-sm-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .order-sm-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1; }
+ .order-sm-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13; }
+ .order-sm-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0; }
+ .order-sm-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .order-sm-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .order-sm-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3; }
+ .order-sm-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4; }
+ .order-sm-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5; }
+ .order-sm-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6; }
+ .order-sm-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7; }
+ .order-sm-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8; }
+ .order-sm-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9; }
+ .order-sm-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10; }
+ .order-sm-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11; }
+ .order-sm-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12; }
+ .offset-sm-0 {
+ margin-left: 0; }
+ .offset-sm-1 {
+ margin-left: 8.33333%; }
+ .offset-sm-2 {
+ margin-left: 16.66667%; }
+ .offset-sm-3 {
+ margin-left: 25%; }
+ .offset-sm-4 {
+ margin-left: 33.33333%; }
+ .offset-sm-5 {
+ margin-left: 41.66667%; }
+ .offset-sm-6 {
+ margin-left: 50%; }
+ .offset-sm-7 {
+ margin-left: 58.33333%; }
+ .offset-sm-8 {
+ margin-left: 66.66667%; }
+ .offset-sm-9 {
+ margin-left: 75%; }
+ .offset-sm-10 {
+ margin-left: 83.33333%; }
+ .offset-sm-11 {
+ margin-left: 91.66667%; } }
+
+@media (min-width: 768px) {
+ .col-md {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%; }
+ .col-md-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%; }
+ .col-md-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+ .col-md-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+ .col-md-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+ .col-md-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+ .col-md-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+ .col-md-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+ .col-md-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+ .col-md-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+ .col-md-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+ .col-md-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+ .col-md-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+ .col-md-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .order-md-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1; }
+ .order-md-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13; }
+ .order-md-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0; }
+ .order-md-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .order-md-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .order-md-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3; }
+ .order-md-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4; }
+ .order-md-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5; }
+ .order-md-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6; }
+ .order-md-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7; }
+ .order-md-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8; }
+ .order-md-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9; }
+ .order-md-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10; }
+ .order-md-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11; }
+ .order-md-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12; }
+ .offset-md-0 {
+ margin-left: 0; }
+ .offset-md-1 {
+ margin-left: 8.33333%; }
+ .offset-md-2 {
+ margin-left: 16.66667%; }
+ .offset-md-3 {
+ margin-left: 25%; }
+ .offset-md-4 {
+ margin-left: 33.33333%; }
+ .offset-md-5 {
+ margin-left: 41.66667%; }
+ .offset-md-6 {
+ margin-left: 50%; }
+ .offset-md-7 {
+ margin-left: 58.33333%; }
+ .offset-md-8 {
+ margin-left: 66.66667%; }
+ .offset-md-9 {
+ margin-left: 75%; }
+ .offset-md-10 {
+ margin-left: 83.33333%; }
+ .offset-md-11 {
+ margin-left: 91.66667%; } }
+
+@media (min-width: 992px) {
+ .col-lg {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%; }
+ .col-lg-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%; }
+ .col-lg-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+ .col-lg-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+ .col-lg-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+ .col-lg-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+ .col-lg-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+ .col-lg-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+ .col-lg-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+ .col-lg-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+ .col-lg-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+ .col-lg-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+ .col-lg-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+ .col-lg-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .order-lg-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1; }
+ .order-lg-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13; }
+ .order-lg-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0; }
+ .order-lg-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .order-lg-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .order-lg-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3; }
+ .order-lg-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4; }
+ .order-lg-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5; }
+ .order-lg-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6; }
+ .order-lg-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7; }
+ .order-lg-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8; }
+ .order-lg-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9; }
+ .order-lg-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10; }
+ .order-lg-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11; }
+ .order-lg-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12; }
+ .offset-lg-0 {
+ margin-left: 0; }
+ .offset-lg-1 {
+ margin-left: 8.33333%; }
+ .offset-lg-2 {
+ margin-left: 16.66667%; }
+ .offset-lg-3 {
+ margin-left: 25%; }
+ .offset-lg-4 {
+ margin-left: 33.33333%; }
+ .offset-lg-5 {
+ margin-left: 41.66667%; }
+ .offset-lg-6 {
+ margin-left: 50%; }
+ .offset-lg-7 {
+ margin-left: 58.33333%; }
+ .offset-lg-8 {
+ margin-left: 66.66667%; }
+ .offset-lg-9 {
+ margin-left: 75%; }
+ .offset-lg-10 {
+ margin-left: 83.33333%; }
+ .offset-lg-11 {
+ margin-left: 91.66667%; } }
+
+@media (min-width: 1399px) {
+ .col-xl {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%; }
+ .col-xl-auto {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: 100%; }
+ .col-xl-1 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 8.33333%;
+ flex: 0 0 8.33333%;
+ max-width: 8.33333%; }
+ .col-xl-2 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 16.66667%;
+ flex: 0 0 16.66667%;
+ max-width: 16.66667%; }
+ .col-xl-3 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%; }
+ .col-xl-4 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 33.33333%;
+ flex: 0 0 33.33333%;
+ max-width: 33.33333%; }
+ .col-xl-5 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 41.66667%;
+ flex: 0 0 41.66667%;
+ max-width: 41.66667%; }
+ .col-xl-6 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%; }
+ .col-xl-7 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 58.33333%;
+ flex: 0 0 58.33333%;
+ max-width: 58.33333%; }
+ .col-xl-8 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 66.66667%;
+ flex: 0 0 66.66667%;
+ max-width: 66.66667%; }
+ .col-xl-9 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%; }
+ .col-xl-10 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 83.33333%;
+ flex: 0 0 83.33333%;
+ max-width: 83.33333%; }
+ .col-xl-11 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 91.66667%;
+ flex: 0 0 91.66667%;
+ max-width: 91.66667%; }
+ .col-xl-12 {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%; }
+ .order-xl-first {
+ -webkit-box-ordinal-group: 0;
+ -ms-flex-order: -1;
+ order: -1; }
+ .order-xl-last {
+ -webkit-box-ordinal-group: 14;
+ -ms-flex-order: 13;
+ order: 13; }
+ .order-xl-0 {
+ -webkit-box-ordinal-group: 1;
+ -ms-flex-order: 0;
+ order: 0; }
+ .order-xl-1 {
+ -webkit-box-ordinal-group: 2;
+ -ms-flex-order: 1;
+ order: 1; }
+ .order-xl-2 {
+ -webkit-box-ordinal-group: 3;
+ -ms-flex-order: 2;
+ order: 2; }
+ .order-xl-3 {
+ -webkit-box-ordinal-group: 4;
+ -ms-flex-order: 3;
+ order: 3; }
+ .order-xl-4 {
+ -webkit-box-ordinal-group: 5;
+ -ms-flex-order: 4;
+ order: 4; }
+ .order-xl-5 {
+ -webkit-box-ordinal-group: 6;
+ -ms-flex-order: 5;
+ order: 5; }
+ .order-xl-6 {
+ -webkit-box-ordinal-group: 7;
+ -ms-flex-order: 6;
+ order: 6; }
+ .order-xl-7 {
+ -webkit-box-ordinal-group: 8;
+ -ms-flex-order: 7;
+ order: 7; }
+ .order-xl-8 {
+ -webkit-box-ordinal-group: 9;
+ -ms-flex-order: 8;
+ order: 8; }
+ .order-xl-9 {
+ -webkit-box-ordinal-group: 10;
+ -ms-flex-order: 9;
+ order: 9; }
+ .order-xl-10 {
+ -webkit-box-ordinal-group: 11;
+ -ms-flex-order: 10;
+ order: 10; }
+ .order-xl-11 {
+ -webkit-box-ordinal-group: 12;
+ -ms-flex-order: 11;
+ order: 11; }
+ .order-xl-12 {
+ -webkit-box-ordinal-group: 13;
+ -ms-flex-order: 12;
+ order: 12; }
+ .offset-xl-0 {
+ margin-left: 0; }
+ .offset-xl-1 {
+ margin-left: 8.33333%; }
+ .offset-xl-2 {
+ margin-left: 16.66667%; }
+ .offset-xl-3 {
+ margin-left: 25%; }
+ .offset-xl-4 {
+ margin-left: 33.33333%; }
+ .offset-xl-5 {
+ margin-left: 41.66667%; }
+ .offset-xl-6 {
+ margin-left: 50%; }
+ .offset-xl-7 {
+ margin-left: 58.33333%; }
+ .offset-xl-8 {
+ margin-left: 66.66667%; }
+ .offset-xl-9 {
+ margin-left: 75%; }
+ .offset-xl-10 {
+ margin-left: 83.33333%; }
+ .offset-xl-11 {
+ margin-left: 91.66667%; } }
+
+.table {
+ width: 100%;
+ margin-bottom: 1rem;
+ color: #212529; }
+ .table th,
+ .table td {
+ padding: 0.75rem;
+ vertical-align: top;
+ border-top: 1px solid #e9e9e9; }
+ .table thead th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #e9e9e9; }
+ .table tbody + tbody {
+ border-top: 2px solid #e9e9e9; }
+
+.table-sm th,
+.table-sm td {
+ padding: 0.3rem; }
+
+.table-bordered {
+ border: 1px solid #e9e9e9; }
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #e9e9e9; }
+ .table-bordered thead th,
+ .table-bordered thead td {
+ border-bottom-width: 2px; }
+
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+ border: 0; }
+
+.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(80, 80, 80, 0.02); }
+
+.table-hover tbody tr:hover {
+ color: #212529;
+ background-color: #fdfdfd; }
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+ background-color: #ded5ea; }
+
+.table-primary th,
+.table-primary td,
+.table-primary thead th,
+.table-primary tbody + tbody {
+ border-color: #c1b2d9; }
+
+.table-hover .table-primary:hover {
+ background-color: #d1c4e2; }
+ .table-hover .table-primary:hover > td,
+ .table-hover .table-primary:hover > th {
+ background-color: #d1c4e2; }
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+ background-color: #dddfe2; }
+
+.table-secondary th,
+.table-secondary td,
+.table-secondary thead th,
+.table-secondary tbody + tbody {
+ border-color: #c0c4c8; }
+
+.table-hover .table-secondary:hover {
+ background-color: #cfd2d6; }
+ .table-hover .table-secondary:hover > td,
+ .table-hover .table-secondary:hover > th {
+ background-color: #cfd2d6; }
+
+.table-success,
+.table-success > th,
+.table-success > td {
+ background-color: #c0f0eb; }
+
+.table-success th,
+.table-success td,
+.table-success thead th,
+.table-success tbody + tbody {
+ border-color: #89e3da; }
+
+.table-hover .table-success:hover {
+ background-color: #abebe4; }
+ .table-hover .table-success:hover > td,
+ .table-hover .table-success:hover > th {
+ background-color: #abebe4; }
+
+.table-info,
+.table-info > th,
+.table-info > td {
+ background-color: #c1e2fc; }
+
+.table-info th,
+.table-info td,
+.table-info thead th,
+.table-info tbody + tbody {
+ border-color: #8cc8f9; }
+
+.table-hover .table-info:hover {
+ background-color: #a9d7fb; }
+ .table-hover .table-info:hover > td,
+ .table-hover .table-info:hover > th {
+ background-color: #a9d7fb; }
+
+.table-warning,
+.table-warning > th,
+.table-warning > td {
+ background-color: #ffeeca; }
+
+.table-warning th,
+.table-warning td,
+.table-warning thead th,
+.table-warning tbody + tbody {
+ border-color: #ffdf9c; }
+
+.table-hover .table-warning:hover {
+ background-color: #ffe6b1; }
+ .table-hover .table-warning:hover > td,
+ .table-hover .table-warning:hover > th {
+ background-color: #ffe6b1; }
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+ background-color: #fec8e1; }
+
+.table-danger th,
+.table-danger td,
+.table-danger thead th,
+.table-danger tbody + tbody {
+ border-color: #fe98c8; }
+
+.table-hover .table-danger:hover {
+ background-color: #feafd3; }
+ .table-hover .table-danger:hover > td,
+ .table-hover .table-danger:hover > th {
+ background-color: #feafd3; }
+
+.table-light,
+.table-light > th,
+.table-light > td {
+ background-color: white; }
+
+.table-light th,
+.table-light td,
+.table-light thead th,
+.table-light tbody + tbody {
+ border-color: white; }
+
+.table-hover .table-light:hover {
+ background-color: #f2f2f2; }
+ .table-hover .table-light:hover > td,
+ .table-hover .table-light:hover > th {
+ background-color: #f2f2f2; }
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+ background-color: #cecece; }
+
+.table-dark th,
+.table-dark td,
+.table-dark thead th,
+.table-dark tbody + tbody {
+ border-color: #a4a4a4; }
+
+.table-hover .table-dark:hover {
+ background-color: #c1c1c1; }
+ .table-hover .table-dark:hover > td,
+ .table-hover .table-dark:hover > th {
+ background-color: #c1c1c1; }
+
+.table-active,
+.table-active > th,
+.table-active > td {
+ background-color: #fdfdfd; }
+
+.table-hover .table-active:hover {
+ background-color: #f0f0f0; }
+ .table-hover .table-active:hover > td,
+ .table-hover .table-active:hover > th {
+ background-color: #f0f0f0; }
+
+.table .thead-dark th {
+ color: #fff;
+ background-color: dimgray;
+ border-color: #5d5d5d; }
+
+.table .thead-light th {
+ color: #495057;
+ background-color: #f3f3f3;
+ border-color: #e9e9e9; }
+
+.table-dark {
+ color: #fff;
+ background-color: dimgray; }
+ .table-dark th,
+ .table-dark td,
+ .table-dark thead th {
+ border-color: #5d5d5d; }
+ .table-dark.table-bordered {
+ border: 0; }
+ .table-dark.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(255, 255, 255, 0.05); }
+ .table-dark.table-hover tbody tr:hover {
+ color: #fff;
+ background-color: #886ab5; }
+
+@media (max-width: 575.98px) {
+ .table-responsive-sm {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .table-responsive-sm > .table-bordered {
+ border: 0; } }
+
+@media (max-width: 767.98px) {
+ .table-responsive-md {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .table-responsive-md > .table-bordered {
+ border: 0; } }
+
+@media (max-width: 991.98px) {
+ .table-responsive-lg {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .table-responsive-lg > .table-bordered {
+ border: 0; } }
+
+@media (max-width: 1398.98px) {
+ .table-responsive-xl {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .table-responsive-xl > .table-bordered {
+ border: 0; } }
+
+.table-responsive {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch; }
+ .table-responsive > .table-bordered {
+ border: 0; }
+
+.form-control {
+ display: block;
+ width: 100%;
+ height: calc(1.47em + 1rem + 2px);
+ padding: 0.5rem 0.875rem;
+ font-size: 0.8125rem;
+ font-weight: 400;
+ line-height: 1.47;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #E5E5E5;
+ border-radius: 4px;
+ -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
+ .form-control::-ms-expand {
+ background-color: transparent;
+ border: 0; }
+ .form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #886ab5;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem transparent;
+ box-shadow: 0 0 0 0.2rem transparent; }
+ .form-control::-webkit-input-placeholder {
+ color: #868e96;
+ opacity: 1; }
+ .form-control::-moz-placeholder {
+ color: #868e96;
+ opacity: 1; }
+ .form-control:-ms-input-placeholder {
+ color: #868e96;
+ opacity: 1; }
+ .form-control::-ms-input-placeholder {
+ color: #868e96;
+ opacity: 1; }
+ .form-control::placeholder {
+ color: #868e96;
+ opacity: 1; }
+ .form-control:disabled, .form-control[readonly] {
+ background-color: #f3f3f3;
+ opacity: 1; }
+
+select.form-control:focus::-ms-value {
+ color: #495057;
+ background-color: #fff; }
+
+.form-control-file,
+.form-control-range {
+ display: block;
+ width: 100%; }
+
+.col-form-label {
+ padding-top: calc(0.5rem + 1px);
+ padding-bottom: calc(0.5rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.47; }
+
+.col-form-label-lg {
+ padding-top: calc(0.75rem + 1px);
+ padding-bottom: calc(0.75rem + 1px);
+ font-size: 1rem;
+ line-height: 1.5; }
+
+.col-form-label-sm {
+ padding-top: calc(0.375rem + 1px);
+ padding-bottom: calc(0.375rem + 1px);
+ font-size: 0.75rem;
+ line-height: 1.5; }
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ margin-bottom: 0;
+ line-height: 1.47;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0; }
+ .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
+ padding-right: 0;
+ padding-left: 0; }
+
+.form-control-sm {
+ height: calc(1.5em + 0.75rem + 2px);
+ padding: 0.375rem 0.844rem;
+ font-size: 0.75rem;
+ line-height: 1.5;
+ border-radius: 4px; }
+
+.form-control-lg {
+ height: calc(1.5em + 1.5rem + 2px);
+ padding: 0.75rem 1.5rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: 4px; }
+
+select.form-control[size], select.form-control[multiple] {
+ height: auto; }
+
+textarea.form-control {
+ height: auto; }
+
+.form-group {
+ margin-bottom: 1.5rem; }
+
+.form-text {
+ display: block;
+ margin-top: 0.25rem; }
+
+.form-row {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -5px;
+ margin-left: -5px; }
+ .form-row > .col,
+ .form-row > [class*="col-"] {
+ padding-right: 5px;
+ padding-left: 5px; }
+
+.form-check {
+ position: relative;
+ display: block;
+ padding-left: 1.25rem; }
+
+.form-check-input {
+ position: absolute;
+ margin-top: 0.3rem;
+ margin-left: -1.25rem; }
+ .form-check-input:disabled ~ .form-check-label {
+ color: #868e96; }
+
+.form-check-label {
+ margin-bottom: 0; }
+
+.form-check-inline {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-left: 0;
+ margin-right: 0.75rem; }
+ .form-check-inline .form-check-input {
+ position: static;
+ margin-top: 0;
+ margin-right: 0.3125rem;
+ margin-left: 0; }
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 80%;
+ color: #1dc9b7; }
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.3rem 0.6rem;
+ margin-top: .1rem;
+ font-size: 0.75rem;
+ line-height: 1.47;
+ color: #fff;
+ background-color: #1dc9b7;
+ border-radius: 5px; }
+
+.was-validated .form-control:valid, .form-control.is-valid {
+ border-color: #1dc9b7;
+ padding-right: calc(1.47em + 1rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ background-repeat: no-repeat;
+ background-position: center right calc(0.3675em + 0.25rem);
+ background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
+ .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
+ border-color: #1dc9b7;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
+ .was-validated .form-control:valid ~ .valid-feedback,
+ .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
+ .form-control.is-valid ~ .valid-tooltip {
+ display: block; }
+
+.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
+ padding-right: calc(1.47em + 1rem);
+ background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }
+
+.was-validated .custom-select:valid, .custom-select.is-valid {
+ border-color: #1dc9b7;
+ padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem);
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
+ .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
+ border-color: #1dc9b7;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
+ .was-validated .custom-select:valid ~ .valid-feedback,
+ .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
+ .custom-select.is-valid ~ .valid-tooltip {
+ display: block; }
+
+.was-validated .form-control-file:valid ~ .valid-feedback,
+.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
+.form-control-file.is-valid ~ .valid-tooltip {
+ display: block; }
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+ color: #1dc9b7; }
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+ display: block; }
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+ color: #1dc9b7; }
+ .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+ border-color: #1dc9b7; }
+
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip {
+ display: block; }
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+ border-color: #37e2d0;
+ background-color: #37e2d0; }
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
+
+.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
+ border-color: #1dc9b7; }
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+ border-color: #1dc9b7; }
+
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip {
+ display: block; }
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+ border-color: #1dc9b7;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25); }
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: 0.25rem;
+ font-size: 80%;
+ color: #fd3995; }
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: 0.3rem 0.6rem;
+ margin-top: .1rem;
+ font-size: 0.75rem;
+ line-height: 1.47;
+ color: #fff;
+ background-color: #fd3995;
+ border-radius: 5px; }
+
+.was-validated .form-control:invalid, .form-control.is-invalid {
+ border-color: #fd3995;
+ padding-right: calc(1.47em + 1rem);
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
+ background-repeat: no-repeat;
+ background-position: center right calc(0.3675em + 0.25rem);
+ background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
+ .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
+ border-color: #fd3995;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
+ .was-validated .form-control:invalid ~ .invalid-feedback,
+ .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
+ .form-control.is-invalid ~ .invalid-tooltip {
+ display: block; }
+
+.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
+ padding-right: calc(1.47em + 1rem);
+ background-position: top calc(0.3675em + 0.25rem) right calc(0.3675em + 0.25rem); }
+
+.was-validated .custom-select:invalid, .custom-select.is-invalid {
+ border-color: #fd3995;
+ padding-right: calc((1em + 1rem) * 3 / 4 + 1.875rem);
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd3995' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd3995' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.875rem/calc(0.735em + 0.5rem) calc(0.735em + 0.5rem); }
+ .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
+ border-color: #fd3995;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
+ .was-validated .custom-select:invalid ~ .invalid-feedback,
+ .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
+ .custom-select.is-invalid ~ .invalid-tooltip {
+ display: block; }
+
+.was-validated .form-control-file:invalid ~ .invalid-feedback,
+.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
+.form-control-file.is-invalid ~ .invalid-tooltip {
+ display: block; }
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+ color: #fd3995; }
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+ display: block; }
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+ color: #fd3995; }
+ .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+ border-color: #fd3995; }
+
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip {
+ display: block; }
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+ border-color: #fe6bb0;
+ background-color: #fe6bb0; }
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
+
+.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
+ border-color: #fd3995; }
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+ border-color: #fd3995; }
+
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip {
+ display: block; }
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+ border-color: #fd3995;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25); }
+
+.form-inline {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .form-inline .form-check {
+ width: 100%; }
+ @media (min-width: 576px) {
+ .form-inline label {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-bottom: 0; }
+ .form-inline .form-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 0; }
+ .form-inline .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle; }
+ .form-inline .form-control-plaintext {
+ display: inline-block; }
+ .form-inline .input-group,
+ .form-inline .custom-select {
+ width: auto; }
+ .form-inline .form-check {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: auto;
+ padding-left: 0; }
+ .form-inline .form-check-input {
+ position: relative;
+ -ms-flex-negative: 0;
+ flex-shrink: 0;
+ margin-top: 0;
+ margin-right: 0.25rem;
+ margin-left: 0; }
+ .form-inline .custom-control {
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .form-inline .custom-control-label {
+ margin-bottom: 0; } }
+
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ color: #212529;
+ text-align: center;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: transparent;
+ border: 1px solid transparent;
+ padding: 0.5rem 1.125rem;
+ font-size: 0.8125rem;
+ line-height: 1.47;
+ border-radius: 4px;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
+ .btn:hover {
+ color: #212529;
+ text-decoration: none; }
+ .btn:focus, .btn.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem transparent;
+ box-shadow: 0 0 0 0.2rem transparent; }
+ .btn.disabled, .btn:disabled {
+ opacity: 0.65; }
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+ pointer-events: none; }
+
+.btn-primary {
+ color: #fff;
+ background-color: #886ab5;
+ border-color: #886ab5; }
+ .btn-primary:hover {
+ color: #fff;
+ background-color: #7453a6;
+ border-color: #6e4e9e; }
+ .btn-primary:focus, .btn-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); }
+ .btn-primary.disabled, .btn-primary:disabled {
+ color: #fff;
+ background-color: #886ab5;
+ border-color: #886ab5; }
+ .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #6e4e9e;
+ border-color: #684a95; }
+ .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(154, 128, 192, 0.5); }
+
+.btn-secondary {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-secondary:hover {
+ color: #fff;
+ background-color: #727b84;
+ border-color: #6c757d; }
+ .btn-secondary:focus, .btn-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }
+ .btn-secondary.disabled, .btn-secondary:disabled {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #666e76; }
+ .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(152, 159, 166, 0.5); }
+
+.btn-success {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-success:hover {
+ color: #fff;
+ background-color: #18a899;
+ border-color: #179c8e; }
+ .btn-success:focus, .btn-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+ .btn-success.disabled, .btn-success:disabled {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+ .show > .btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #179c8e;
+ border-color: #159184; }
+ .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(63, 209, 194, 0.5); }
+
+.btn-info {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-info:hover {
+ color: #fff;
+ background-color: #0c83e2;
+ border-color: #0c7cd5; }
+ .btn-info:focus, .btn-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+ .btn-info.disabled, .btn-info:disabled {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+ .show > .btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #0c7cd5;
+ border-color: #0b75c9; }
+ .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(66, 166, 245, 0.5); }
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-warning:hover {
+ color: #212529;
+ background-color: #ffb61b;
+ border-color: #ffb20e; }
+ .btn-warning:focus, .btn-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+ .btn-warning.disabled, .btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffb20e;
+ border-color: #ffae01; }
+ .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 170, 61, 0.5); }
+
+.btn-danger {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-danger:hover {
+ color: #fff;
+ background-color: #fd1381;
+ border-color: #fc077a; }
+ .btn-danger:focus, .btn-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+ .btn-danger.disabled, .btn-danger:disabled {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fc077a;
+ border-color: #f40274; }
+ .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 87, 165, 0.5); }
+
+.btn-light {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:hover {
+ color: #212529;
+ background-color: #ececec;
+ border-color: #e6e6e6; }
+ .btn-light:focus, .btn-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+ .btn-light.disabled, .btn-light:disabled {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+ .show > .btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #e6e6e6;
+ border-color: #dfdfdf; }
+ .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
+
+.btn-dark {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-dark:hover {
+ color: #fff;
+ background-color: #3d3d3d;
+ border-color: #363636; }
+ .btn-dark:focus, .btn-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
+ .btn-dark.disabled, .btn-dark:disabled {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #363636;
+ border-color: #303030; }
+ .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(106, 106, 106, 0.5); }
+
+.btn-outline-primary {
+ color: #886ab5;
+ border-color: #886ab5; }
+ .btn-outline-primary:hover {
+ color: #fff;
+ background-color: #886ab5;
+ border-color: #886ab5; }
+ .btn-outline-primary:focus, .btn-outline-primary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); }
+ .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+ color: #886ab5;
+ background-color: transparent; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #886ab5;
+ border-color: #886ab5; }
+ .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-primary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); }
+
+.btn-outline-secondary {
+ color: #868e96;
+ border-color: #868e96; }
+ .btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+ .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+ color: #868e96;
+ background-color: transparent; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #868e96;
+ border-color: #868e96; }
+ .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-secondary.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+
+.btn-outline-success {
+ color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:hover {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:focus, .btn-outline-success.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+ .btn-outline-success.disabled, .btn-outline-success:disabled {
+ color: #1dc9b7;
+ background-color: transparent; }
+ .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1dc9b7;
+ border-color: #1dc9b7; }
+ .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-success.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+
+.btn-outline-info {
+ color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:hover {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:focus, .btn-outline-info.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+ .btn-outline-info.disabled, .btn-outline-info:disabled {
+ color: #2196F3;
+ background-color: transparent; }
+ .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #2196F3;
+ border-color: #2196F3; }
+ .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-info.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+
+.btn-outline-warning {
+ color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:focus, .btn-outline-warning.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+ .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+ color: #ffc241;
+ background-color: transparent; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc241;
+ border-color: #ffc241; }
+ .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-warning.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+
+.btn-outline-danger {
+ color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:hover {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:focus, .btn-outline-danger.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+ .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+ color: #fd3995;
+ background-color: transparent; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #fd3995;
+ border-color: #fd3995; }
+ .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-danger.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+
+.btn-outline-light {
+ color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:hover {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:focus, .btn-outline-light.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+ .btn-outline-light.disabled, .btn-outline-light:disabled {
+ color: #fff;
+ background-color: transparent; }
+ .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #fff;
+ border-color: #fff; }
+ .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-light.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.btn-outline-dark {
+ color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:hover {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:focus, .btn-outline-dark.focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+ .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+ color: #505050;
+ background-color: transparent; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+ .show > .btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #505050;
+ border-color: #505050; }
+ .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+ .show > .btn-outline-dark.dropdown-toggle:focus {
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+
+.btn-link {
+ font-weight: 400;
+ color: #886ab5;
+ text-decoration: none; }
+ .btn-link:hover {
+ color: #967bbd;
+ text-decoration: underline; }
+ .btn-link:focus, .btn-link.focus {
+ text-decoration: underline;
+ -webkit-box-shadow: none;
+ box-shadow: none; }
+ .btn-link:disabled, .btn-link.disabled {
+ color: #868e96;
+ pointer-events: none; }
+
+.btn-lg, .btn-group-lg > .btn {
+ padding: 0.75rem 1.5rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: 4px; }
+
+.btn-sm, .btn-group-sm > .btn {
+ padding: 0.375rem 0.844rem;
+ font-size: 0.75rem;
+ line-height: 1.5;
+ border-radius: 4px; }
+
+.btn-block {
+ display: block;
+ width: 100%; }
+ .btn-block + .btn-block {
+ margin-top: 0.5rem; }
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+ width: 100%; }
+
+.fade {
+ -webkit-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear; }
+ .fade:not(.show) {
+ opacity: 0; }
+
+.collapse:not(.show) {
+ display: none; }
+
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ -webkit-transition: height 0.35s ease;
+ transition: height 0.35s ease; }
+
+.dropup,
+.dropright,
+.dropdown,
+.dropleft {
+ position: relative; }
+
+.dropdown-toggle {
+ white-space: nowrap; }
+ .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0;
+ border-left: 0.3em solid transparent; }
+ .dropdown-toggle:empty::after {
+ margin-left: 0; }
+
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 2000;
+ display: none;
+ float: left;
+ min-width: 10rem;
+ padding: 0.3125rem 0;
+ margin: 0.125rem 0 0;
+ font-size: 0.8125rem;
+ color: #212529;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 0px solid rgba(0, 0, 0, 0.15);
+ border-radius: 4px; }
+
+.dropdown-menu-left {
+ right: auto;
+ left: 0; }
+
+.dropdown-menu-right {
+ right: 0;
+ left: auto; }
+
+@media (min-width: 576px) {
+ .dropdown-menu-sm-left {
+ right: auto;
+ left: 0; }
+ .dropdown-menu-sm-right {
+ right: 0;
+ left: auto; } }
+
+@media (min-width: 768px) {
+ .dropdown-menu-md-left {
+ right: auto;
+ left: 0; }
+ .dropdown-menu-md-right {
+ right: 0;
+ left: auto; } }
+
+@media (min-width: 992px) {
+ .dropdown-menu-lg-left {
+ right: auto;
+ left: 0; }
+ .dropdown-menu-lg-right {
+ right: 0;
+ left: auto; } }
+
+@media (min-width: 1399px) {
+ .dropdown-menu-xl-left {
+ right: auto;
+ left: 0; }
+ .dropdown-menu-xl-right {
+ right: 0;
+ left: auto; } }
+
+.dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: 0.125rem; }
+
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0;
+ border-right: 0.3em solid transparent;
+ border-bottom: 0.3em solid;
+ border-left: 0.3em solid transparent; }
+
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0; }
+
+.dropright .dropdown-menu {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: 0.125rem; }
+
+.dropright .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0;
+ border-bottom: 0.3em solid transparent;
+ border-left: 0.3em solid; }
+
+.dropright .dropdown-toggle:empty::after {
+ margin-left: 0; }
+
+.dropright .dropdown-toggle::after {
+ vertical-align: 0; }
+
+.dropleft .dropdown-menu {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: 0.125rem; }
+
+.dropleft .dropdown-toggle::after {
+ display: inline-block;
+ margin-left: 0.255em;
+ vertical-align: 0.255em;
+ content: ""; }
+
+.dropleft .dropdown-toggle::after {
+ display: none; }
+
+.dropleft .dropdown-toggle::before {
+ display: inline-block;
+ margin-right: 0.255em;
+ vertical-align: 0.255em;
+ content: "";
+ border-top: 0.3em solid transparent;
+ border-right: 0.3em solid;
+ border-bottom: 0.3em solid transparent; }
+
+.dropleft .dropdown-toggle:empty::after {
+ margin-left: 0; }
+
+.dropleft .dropdown-toggle::before {
+ vertical-align: 0; }
+
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
+ right: auto;
+ bottom: auto; }
+
+.dropdown-divider {
+ height: 0;
+ margin: 0.5rem 0;
+ overflow: hidden;
+ border-top: 1px solid #f3f3f3; }
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: 0.75rem 1.5rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0; }
+ .dropdown-item:hover, .dropdown-item:focus {
+ color: #6e4e9e;
+ text-decoration: none;
+ background-color: #f8f9fa; }
+ .dropdown-item.active, .dropdown-item:active {
+ color: #563d7c;
+ text-decoration: none;
+ background-color: #efebf5; }
+ .dropdown-item.disabled, .dropdown-item:disabled {
+ color: #868e96;
+ pointer-events: none;
+ background-color: transparent; }
+
+.dropdown-menu.show {
+ display: block; }
+
+.dropdown-header {
+ display: block;
+ padding: 0.3125rem 1.5rem;
+ margin-bottom: 0;
+ font-size: 0.75rem;
+ color: #868e96;
+ white-space: nowrap; }
+
+.dropdown-item-text {
+ display: block;
+ padding: 0.75rem 1.5rem;
+ color: #212529; }
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ vertical-align: middle; }
+ .btn-group > .btn,
+ .btn-group-vertical > .btn {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto; }
+ .btn-group > .btn:hover,
+ .btn-group-vertical > .btn:hover {
+ z-index: 1; }
+ .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+ .btn-group-vertical > .btn:focus,
+ .btn-group-vertical > .btn:active,
+ .btn-group-vertical > .btn.active {
+ z-index: 1; }
+
+.btn-toolbar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .btn-toolbar .input-group {
+ width: auto; }
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: -1px; }
+
+.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
+.btn-group > .btn-group:not(:last-child) > .btn {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.btn-group > .btn:not(:first-child),
+.btn-group > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.dropdown-toggle-split {
+ padding-right: 0.84375rem;
+ padding-left: 0.84375rem; }
+ .dropdown-toggle-split::after,
+ .dropup .dropdown-toggle-split::after,
+ .dropright .dropdown-toggle-split::after {
+ margin-left: 0; }
+ .dropleft .dropdown-toggle-split::before {
+ margin-right: 0; }
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.633rem;
+ padding-left: 0.633rem; }
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 1.125rem;
+ padding-left: 1.125rem; }
+
+.btn-group-vertical {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center; }
+ .btn-group-vertical > .btn,
+ .btn-group-vertical > .btn-group {
+ width: 100%; }
+ .btn-group-vertical > .btn:not(:first-child),
+ .btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: -1px; }
+ .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
+ .btn-group-vertical > .btn-group:not(:last-child) > .btn {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0; }
+ .btn-group-vertical > .btn:not(:first-child),
+ .btn-group-vertical > .btn-group:not(:first-child) > .btn {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.btn-group-toggle > .btn,
+.btn-group-toggle > .btn-group > .btn {
+ margin-bottom: 0; }
+ .btn-group-toggle > .btn input[type="radio"],
+ .btn-group-toggle > .btn input[type="checkbox"],
+ .btn-group-toggle > .btn-group > .btn input[type="radio"],
+ .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none; }
+
+.input-group {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: stretch;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ width: 100%; }
+ .input-group > .form-control,
+ .input-group > .form-control-plaintext,
+ .input-group > .custom-select,
+ .input-group > .custom-file {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 1%;
+ margin-bottom: 0; }
+ .input-group > .form-control + .form-control,
+ .input-group > .form-control + .custom-select,
+ .input-group > .form-control + .custom-file,
+ .input-group > .form-control-plaintext + .form-control,
+ .input-group > .form-control-plaintext + .custom-select,
+ .input-group > .form-control-plaintext + .custom-file,
+ .input-group > .custom-select + .form-control,
+ .input-group > .custom-select + .custom-select,
+ .input-group > .custom-select + .custom-file,
+ .input-group > .custom-file + .form-control,
+ .input-group > .custom-file + .custom-select,
+ .input-group > .custom-file + .custom-file {
+ margin-left: -1px; }
+ .input-group > .form-control:focus,
+ .input-group > .custom-select:focus,
+ .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
+ z-index: 3; }
+ .input-group > .custom-file .custom-file-input:focus {
+ z-index: 4; }
+ .input-group > .form-control:not(:last-child),
+ .input-group > .custom-select:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .input-group > .form-control:not(:first-child),
+ .input-group > .custom-select:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+ .input-group > .custom-file {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+ .input-group > .custom-file:not(:last-child) .custom-file-label,
+ .input-group > .custom-file:not(:last-child) .custom-file-label::after {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .input-group > .custom-file:not(:first-child) .custom-file-label {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.input-group-prepend,
+.input-group-append {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex; }
+ .input-group-prepend .btn,
+ .input-group-append .btn {
+ position: relative;
+ z-index: 2; }
+ .input-group-prepend .btn:focus,
+ .input-group-append .btn:focus {
+ z-index: 3; }
+ .input-group-prepend .btn + .btn,
+ .input-group-prepend .btn + .input-group-text,
+ .input-group-prepend .input-group-text + .input-group-text,
+ .input-group-prepend .input-group-text + .btn,
+ .input-group-append .btn + .btn,
+ .input-group-append .btn + .input-group-text,
+ .input-group-append .input-group-text + .input-group-text,
+ .input-group-append .input-group-text + .btn {
+ margin-left: -1px; }
+
+.input-group-prepend {
+ margin-right: -1px; }
+
+.input-group-append {
+ margin-left: -1px; }
+
+.input-group-text {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.5rem 0.875rem;
+ margin-bottom: 0;
+ font-size: 0.8125rem;
+ font-weight: 400;
+ line-height: 1.47;
+ color: #495057;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #f3f3f3;
+ border: 1px solid #E5E5E5;
+ border-radius: 4px; }
+ .input-group-text input[type="radio"],
+ .input-group-text input[type="checkbox"] {
+ margin-top: 0; }
+
+.input-group-lg > .form-control:not(textarea),
+.input-group-lg > .custom-select {
+ height: calc(1.5em + 1.5rem + 2px); }
+
+.input-group-lg > .form-control,
+.input-group-lg > .custom-select,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+ padding: 0.75rem 1.5rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: 4px; }
+
+.input-group-sm > .form-control:not(textarea),
+.input-group-sm > .custom-select {
+ height: calc(1.5em + 0.75rem + 2px); }
+
+.input-group-sm > .form-control,
+.input-group-sm > .custom-select,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+ padding: 0.375rem 0.844rem;
+ font-size: 0.75rem;
+ line-height: 1.5;
+ border-radius: 4px; }
+
+.input-group-lg > .custom-select,
+.input-group-sm > .custom-select {
+ padding-right: 1.875rem; }
+
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.custom-control {
+ position: relative;
+ display: block;
+ min-height: 1.19437rem;
+ padding-left: 1.625rem; }
+
+.custom-control-inline {
+ display: -webkit-inline-box;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ margin-right: 1rem; }
+
+.custom-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0; }
+ .custom-control-input:checked ~ .custom-control-label::before {
+ color: #fff;
+ border-color: #6e4e9e;
+ background-color: #7a59ad; }
+ .custom-control-input:focus ~ .custom-control-label::before {
+ -webkit-box-shadow: 0 0 0 0.2rem transparent;
+ box-shadow: 0 0 0 0.2rem transparent; }
+ .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
+ border-color: #886ab5; }
+ .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+ color: #fff;
+ background-color: #e7e1f0;
+ border-color: #e7e1f0; }
+ .custom-control-input:disabled ~ .custom-control-label {
+ color: #868e96; }
+ .custom-control-input:disabled ~ .custom-control-label::before {
+ background-color: #f3f3f3; }
+
+.custom-control-label {
+ position: relative;
+ margin-bottom: 0;
+ vertical-align: top; }
+ .custom-control-label::before {
+ position: absolute;
+ top: 0.03469rem;
+ left: -1.625rem;
+ display: block;
+ width: 1.125rem;
+ height: 1.125rem;
+ pointer-events: none;
+ content: "";
+ background-color: #fff;
+ border: #adb5bd solid 2px; }
+ .custom-control-label::after {
+ position: absolute;
+ top: 0.03469rem;
+ left: -1.625rem;
+ display: block;
+ width: 1.125rem;
+ height: 1.125rem;
+ content: "";
+ background: no-repeat 50% / 0.5rem; }
+
+.custom-checkbox .custom-control-label::before {
+ border-radius: 2px; }
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' 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"); }
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+ border-color: #886ab5;
+ background-color: #886ab5; }
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+ background-color: rgba(136, 106, 181, 0.5); }
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+ background-color: rgba(136, 106, 181, 0.5); }
+
+.custom-radio .custom-control-label::before {
+ border-radius: 50%; }
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+ background-color: rgba(136, 106, 181, 0.5); }
+
+.custom-switch {
+ padding-left: 2.46875rem; }
+ .custom-switch .custom-control-label::before {
+ left: -2.46875rem;
+ width: 1.96875rem;
+ pointer-events: all;
+ border-radius: 0.5625rem; }
+ .custom-switch .custom-control-label::after {
+ top: calc(0.03469rem + 4px);
+ left: calc(-2.46875rem + 4px);
+ width: calc(1.125rem - 8px);
+ height: calc(1.125rem - 8px);
+ background-color: #adb5bd;
+ border-radius: 0.5625rem;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
+ .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+ background-color: #fff;
+ -webkit-transform: translateX(0.84375rem);
+ transform: translateX(0.84375rem); }
+ .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
+ background-color: rgba(136, 106, 181, 0.5); }
+
+.custom-select {
+ display: inline-block;
+ width: 100%;
+ height: calc(1.47em + 1rem + 2px);
+ padding: 0.5rem 1.875rem 0.5rem 0.875rem;
+ font-size: 0.8125rem;
+ font-weight: 400;
+ line-height: 1.47;
+ color: #495057;
+ vertical-align: middle;
+ background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.875rem center/8px 10px;
+ background-color: #fff;
+ border: 1px solid #E5E5E5;
+ border-radius: 4px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none; }
+ .custom-select:focus {
+ border-color: #886ab5;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem transparent;
+ box-shadow: 0 0 0 0.2rem transparent; }
+ .custom-select:focus::-ms-value {
+ color: #495057;
+ background-color: #fff; }
+ .custom-select[multiple], .custom-select[size]:not([size="1"]) {
+ height: auto;
+ padding-right: 0.875rem;
+ background-image: none; }
+ .custom-select:disabled {
+ color: #868e96;
+ background-color: #f3f3f3; }
+ .custom-select::-ms-expand {
+ display: none; }
+
+.custom-select-sm {
+ height: calc(1.5em + 0.75rem + 2px);
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+ padding-left: 0.844rem;
+ font-size: 0.75rem; }
+
+.custom-select-lg {
+ height: calc(1.5em + 1.5rem + 2px);
+ padding-top: 0.75rem;
+ padding-bottom: 0.75rem;
+ padding-left: 1.5rem;
+ font-size: 1rem; }
+
+.custom-file {
+ position: relative;
+ display: inline-block;
+ width: 100%;
+ height: calc(1.47em + 1rem + 2px);
+ margin-bottom: 0; }
+
+.custom-file-input {
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ height: calc(1.47em + 1rem + 2px);
+ margin: 0;
+ opacity: 0; }
+ .custom-file-input:focus ~ .custom-file-label {
+ border-color: #886ab5;
+ -webkit-box-shadow: 0 0 0 0.2rem transparent;
+ box-shadow: 0 0 0 0.2rem transparent; }
+ .custom-file-input:disabled ~ .custom-file-label {
+ background-color: #f3f3f3; }
+ .custom-file-input:lang(en) ~ .custom-file-label::after {
+ content: "Browse"; }
+ .custom-file-input ~ .custom-file-label[data-browse]::after {
+ content: attr(data-browse); }
+
+.custom-file-label {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1;
+ height: calc(1.47em + 1rem + 2px);
+ padding: 0.5rem 0.875rem;
+ font-weight: 400;
+ line-height: 1.47;
+ color: #495057;
+ background-color: #fff;
+ border: 1px solid #E5E5E5;
+ border-radius: 4px; }
+ .custom-file-label::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 3;
+ display: block;
+ height: calc(1.47em + 1rem);
+ padding: 0.5rem 0.875rem;
+ line-height: 1.47;
+ color: #495057;
+ content: "Browse";
+ background-color: #f3f3f3;
+ border-left: inherit;
+ border-radius: 0 4px 4px 0; }
+
+.custom-range {
+ width: 100%;
+ height: calc(1rem + 0.4rem);
+ padding: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none; }
+ .custom-range:focus {
+ outline: none; }
+ .custom-range:focus::-webkit-slider-thumb {
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25);
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); }
+ .custom-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); }
+ .custom-range:focus::-ms-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(136, 106, 181, 0.25); }
+ .custom-range::-moz-focus-outer {
+ border: 0; }
+ .custom-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -0.3375rem;
+ background-color: #886ab5;
+ border: 0;
+ border-radius: 50%;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none; }
+ .custom-range::-webkit-slider-thumb:active {
+ background-color: #a38cc6; }
+ .custom-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: 0.325rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem; }
+ .custom-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #886ab5;
+ border: 0;
+ border-radius: 50%;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none; }
+ .custom-range::-moz-range-thumb:active {
+ background-color: #a38cc6; }
+ .custom-range::-moz-range-track {
+ width: 100%;
+ height: 0.325rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem; }
+ .custom-range::-ms-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: 0;
+ margin-right: 0.2rem;
+ margin-left: 0.2rem;
+ background-color: #886ab5;
+ border: 0;
+ border-radius: 50%;
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ appearance: none; }
+ .custom-range::-ms-thumb:active {
+ background-color: #a38cc6; }
+ .custom-range::-ms-track {
+ width: 100%;
+ height: 0.325rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: transparent;
+ border-color: transparent;
+ border-width: 0.5rem; }
+ .custom-range::-ms-fill-lower {
+ background-color: #dee2e6;
+ border-radius: 1rem; }
+ .custom-range::-ms-fill-upper {
+ margin-right: 15px;
+ background-color: #dee2e6;
+ border-radius: 1rem; }
+ .custom-range:disabled::-webkit-slider-thumb {
+ background-color: #adb5bd; }
+ .custom-range:disabled::-webkit-slider-runnable-track {
+ cursor: default; }
+ .custom-range:disabled::-moz-range-thumb {
+ background-color: #adb5bd; }
+ .custom-range:disabled::-moz-range-track {
+ cursor: default; }
+ .custom-range:disabled::-ms-thumb {
+ background-color: #adb5bd; }
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+ -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
+
+.nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none; }
+
+.nav-link {
+ display: block;
+ padding: 0.5rem 1.125rem; }
+ .nav-link:hover, .nav-link:focus {
+ text-decoration: none; }
+ .nav-link.disabled {
+ color: #868e96;
+ pointer-events: none;
+ cursor: default; }
+
+.nav-tabs {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
+ .nav-tabs .nav-item {
+ margin-bottom: -1px; }
+ .nav-tabs .nav-link {
+ border: 1px solid transparent;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px; }
+ .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+ border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.07) transparent; }
+ .nav-tabs .nav-link.disabled {
+ color: #868e96;
+ background-color: transparent;
+ border-color: transparent; }
+ .nav-tabs .nav-link.active,
+ .nav-tabs .nav-item.show .nav-link {
+ color: #495057;
+ background-color: #fff;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #fff; }
+ .nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.nav-pills .nav-link {
+ border-radius: 4px; }
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+ color: #fff;
+ background-color: #886ab5; }
+
+.nav-fill .nav-item {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: center; }
+
+.nav-justified .nav-item {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ text-align: center; }
+
+.tab-content > .tab-pane {
+ display: none; }
+
+.tab-content > .active {
+ display: block; }
+
+.navbar {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 0.5rem 1rem; }
+ .navbar > .container,
+ .navbar > .container-fluid {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between; }
+
+.navbar-brand {
+ display: inline-block;
+ padding-top: 0.36219rem;
+ padding-bottom: 0.36219rem;
+ margin-right: 1rem;
+ font-size: 1rem;
+ line-height: inherit;
+ white-space: nowrap; }
+ .navbar-brand:hover, .navbar-brand:focus {
+ text-decoration: none; }
+
+.navbar-nav {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none; }
+ .navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0; }
+ .navbar-nav .dropdown-menu {
+ position: static;
+ float: none; }
+
+.navbar-text {
+ display: inline-block;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem; }
+
+.navbar-collapse {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ -webkit-box-flex: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center; }
+
+.navbar-toggler {
+ padding: 7.5px 18px;
+ font-size: 1.3125rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: 4px; }
+ .navbar-toggler:hover, .navbar-toggler:focus {
+ text-decoration: none; }
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ content: "";
+ background: no-repeat center center;
+ background-size: 100% 100%; }
+
+@media (max-width: 575.98px) {
+ .navbar-expand-sm > .container,
+ .navbar-expand-sm > .container-fluid {
+ padding-right: 0;
+ padding-left: 0; } }
+
+@media (min-width: 576px) {
+ .navbar-expand-sm {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .navbar-expand-sm .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute; }
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem; }
+ .navbar-expand-sm > .container,
+ .navbar-expand-sm > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+ .navbar-expand-sm .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto; }
+ .navbar-expand-sm .navbar-toggler {
+ display: none; } }
+
+@media (max-width: 767.98px) {
+ .navbar-expand-md > .container,
+ .navbar-expand-md > .container-fluid {
+ padding-right: 0;
+ padding-left: 0; } }
+
+@media (min-width: 768px) {
+ .navbar-expand-md {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .navbar-expand-md .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute; }
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem; }
+ .navbar-expand-md > .container,
+ .navbar-expand-md > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+ .navbar-expand-md .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto; }
+ .navbar-expand-md .navbar-toggler {
+ display: none; } }
+
+@media (max-width: 991.98px) {
+ .navbar-expand-lg > .container,
+ .navbar-expand-lg > .container-fluid {
+ padding-right: 0;
+ padding-left: 0; } }
+
+@media (min-width: 992px) {
+ .navbar-expand-lg {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .navbar-expand-lg .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute; }
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem; }
+ .navbar-expand-lg > .container,
+ .navbar-expand-lg > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+ .navbar-expand-lg .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto; }
+ .navbar-expand-lg .navbar-toggler {
+ display: none; } }
+
+@media (max-width: 1398.98px) {
+ .navbar-expand-xl > .container,
+ .navbar-expand-xl > .container-fluid {
+ padding-right: 0;
+ padding-left: 0; } }
+
+@media (min-width: 1399px) {
+ .navbar-expand-xl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .navbar-expand-xl .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute; }
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem; }
+ .navbar-expand-xl > .container,
+ .navbar-expand-xl > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+ .navbar-expand-xl .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto; }
+ .navbar-expand-xl .navbar-toggler {
+ display: none; } }
+
+.navbar-expand {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -webkit-box-pack: start;
+ -ms-flex-pack: start;
+ justify-content: flex-start; }
+ .navbar-expand > .container,
+ .navbar-expand > .container-fluid {
+ padding-right: 0;
+ padding-left: 0; }
+ .navbar-expand .navbar-nav {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute; }
+ .navbar-expand .navbar-nav .nav-link {
+ padding-right: 0.5rem;
+ padding-left: 0.5rem; }
+ .navbar-expand > .container,
+ .navbar-expand > .container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+ .navbar-expand .navbar-collapse {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto; }
+ .navbar-expand .navbar-toggler {
+ display: none; }
+
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, 0.9); }
+ .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+ color: rgba(0, 0, 0, 0.9); }
+
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, 0.5); }
+ .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+ color: rgba(0, 0, 0, 0.7); }
+ .navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, 0.3); }
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+ color: rgba(0, 0, 0, 0.9); }
+
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, 0.5);
+ border-color: rgba(0, 0, 0, 0.1); }
+
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, 0.5); }
+ .navbar-light .navbar-text a {
+ color: rgba(0, 0, 0, 0.9); }
+ .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+ color: rgba(0, 0, 0, 0.9); }
+
+.navbar-dark .navbar-brand {
+ color: #fff; }
+ .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+ color: #fff; }
+
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, 0.5); }
+ .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+ color: rgba(255, 255, 255, 0.75); }
+ .navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, 0.25); }
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+ color: #fff; }
+
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, 0.5);
+ border-color: rgba(255, 255, 255, 0.1); }
+
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
+
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, 0.5); }
+ .navbar-dark .navbar-text a {
+ color: #fff; }
+ .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+ color: #fff; }
+
+.card {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, 0.08);
+ border-radius: 4px; }
+ .card > hr {
+ margin-right: 0;
+ margin-left: 0; }
+ .card > .list-group:first-child .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px; }
+ .card > .list-group:last-child .list-group-item:last-child {
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.card-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1rem; }
+
+.card-title {
+ margin-bottom: 1rem; }
+
+.card-subtitle {
+ margin-top: -0.5rem;
+ margin-bottom: 0; }
+
+.card-text:last-child {
+ margin-bottom: 0; }
+
+.card-link:hover {
+ text-decoration: none; }
+
+.card-link + .card-link {
+ margin-left: 1rem; }
+
+.card-header {
+ padding: 1rem 1rem;
+ margin-bottom: 0;
+ background-color: inherit;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
+ .card-header:first-child {
+ border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; }
+ .card-header + .list-group .list-group-item:first-child {
+ border-top: 0; }
+
+.card-footer {
+ padding: 1rem 1rem;
+ background-color: inherit;
+ border-top: 1px solid rgba(0, 0, 0, 0.08); }
+ .card-footer:last-child {
+ border-radius: 0 0 calc(4px - 1px) calc(4px - 1px); }
+
+.card-header-tabs {
+ margin-right: -0.5rem;
+ margin-bottom: -1rem;
+ margin-left: -0.5rem;
+ border-bottom: 0; }
+
+.card-header-pills {
+ margin-right: -0.5rem;
+ margin-left: -0.5rem; }
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1.25rem; }
+
+.card-img {
+ width: 100%;
+ border-radius: calc(4px - 1px); }
+
+.card-img-top {
+ width: 100%;
+ border-top-left-radius: calc(4px - 1px);
+ border-top-right-radius: calc(4px - 1px); }
+
+.card-img-bottom {
+ width: 100%;
+ border-bottom-right-radius: calc(4px - 1px);
+ border-bottom-left-radius: calc(4px - 1px); }
+
+.card-deck {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .card-deck .card {
+ margin-bottom: 0.75rem; }
+ @media (min-width: 576px) {
+ .card-deck {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ margin-right: -0.75rem;
+ margin-left: -0.75rem; }
+ .card-deck .card {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-right: 0.75rem;
+ margin-bottom: 0;
+ margin-left: 0.75rem; } }
+
+.card-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column; }
+ .card-group > .card {
+ margin-bottom: 0.75rem; }
+ @media (min-width: 576px) {
+ .card-group {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap; }
+ .card-group > .card {
+ -webkit-box-flex: 1;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0; }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0; }
+ .card-group > .card:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .card-group > .card:not(:last-child) .card-img-top,
+ .card-group > .card:not(:last-child) .card-header {
+ border-top-right-radius: 0; }
+ .card-group > .card:not(:last-child) .card-img-bottom,
+ .card-group > .card:not(:last-child) .card-footer {
+ border-bottom-right-radius: 0; }
+ .card-group > .card:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+ .card-group > .card:not(:first-child) .card-img-top,
+ .card-group > .card:not(:first-child) .card-header {
+ border-top-left-radius: 0; }
+ .card-group > .card:not(:first-child) .card-img-bottom,
+ .card-group > .card:not(:first-child) .card-footer {
+ border-bottom-left-radius: 0; } }
+
+.card-columns .card {
+ margin-bottom: 1rem; }
+
+@media (min-width: 576px) {
+ .card-columns {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 1.25rem;
+ -moz-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ orphans: 1;
+ widows: 1; }
+ .card-columns .card {
+ display: inline-block;
+ width: 100%; } }
+
+.accordion > .card {
+ overflow: hidden; }
+ .accordion > .card:not(:first-of-type) .card-header:first-child {
+ border-radius: 0; }
+ .accordion > .card:not(:first-of-type):not(:last-of-type) {
+ border-bottom: 0;
+ border-radius: 0; }
+ .accordion > .card:first-of-type {
+ border-bottom: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0; }
+ .accordion > .card:last-of-type {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+ .accordion > .card .card-header {
+ margin-bottom: -1px; }
+
+.breadcrumb {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0.75rem 1rem;
+ margin-bottom: 1rem;
+ list-style: none;
+ background-color: #f6f6f6;
+ border-radius: 4px; }
+
+.breadcrumb-item + .breadcrumb-item {
+ padding-left: 0.5rem; }
+ .breadcrumb-item + .breadcrumb-item::before {
+ display: inline-block;
+ padding-right: 0.5rem;
+ color: inherit;
+ content: "/"; }
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+ text-decoration: underline; }
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+ text-decoration: none; }
+
+.breadcrumb-item.active {
+ color: #868e96; }
+
+.pagination {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+ border-radius: 4px; }
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: 0.5rem 0.75rem;
+ margin-left: -1px;
+ line-height: 1.25;
+ color: #886ab5;
+ background-color: #fff;
+ border: 1px solid #dee2e6; }
+ .page-link:hover {
+ z-index: 2;
+ color: #967bbd;
+ text-decoration: none;
+ background-color: #f3f3f3;
+ border-color: #dee2e6; }
+ .page-link:focus {
+ z-index: 2;
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem transparent;
+ box-shadow: 0 0 0 0.2rem transparent; }
+
+.page-item:first-child .page-link {
+ margin-left: 0;
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.page-item:last-child .page-link {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.page-item.active .page-link {
+ z-index: 1;
+ color: #fff;
+ background-color: #886ab5;
+ border-color: #886ab5; }
+
+.page-item.disabled .page-link {
+ color: #868e96;
+ pointer-events: none;
+ cursor: auto;
+ background-color: #fff;
+ border-color: #dee2e6; }
+
+.pagination-lg .page-link {
+ padding: 0.75rem 1.5rem;
+ font-size: 1rem;
+ line-height: 1.5; }
+
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.pagination-sm .page-link {
+ padding: 0.25rem 0.5rem;
+ font-size: 0.75rem;
+ line-height: 1.5; }
+
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.badge {
+ display: inline-block;
+ padding: 0.25em 0.4em;
+ font-size: 85%;
+ font-weight: 500;
+ line-height: 1;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: 4px;
+ -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
+ a.badge:hover, a.badge:focus {
+ text-decoration: none; }
+ .badge:empty {
+ display: none; }
+
+.btn .badge {
+ position: relative;
+ top: -1px; }
+
+.badge-pill {
+ padding-right: 0.6em;
+ padding-left: 0.6em;
+ border-radius: 10rem; }
+
+.badge-primary {
+ color: #fff;
+ background-color: #886ab5; }
+ a.badge-primary:hover, a.badge-primary:focus {
+ color: #fff;
+ background-color: #6e4e9e; }
+ a.badge-primary:focus, a.badge-primary.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(136, 106, 181, 0.5); }
+
+.badge-secondary {
+ color: #fff;
+ background-color: #868e96; }
+ a.badge-secondary:hover, a.badge-secondary:focus {
+ color: #fff;
+ background-color: #6c757d; }
+ a.badge-secondary:focus, a.badge-secondary.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+
+.badge-success {
+ color: #fff;
+ background-color: #1dc9b7; }
+ a.badge-success:hover, a.badge-success:focus {
+ color: #fff;
+ background-color: #179c8e; }
+ a.badge-success:focus, a.badge-success.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5); }
+
+.badge-info {
+ color: #fff;
+ background-color: #2196F3; }
+ a.badge-info:hover, a.badge-info:focus {
+ color: #fff;
+ background-color: #0c7cd5; }
+ a.badge-info:focus, a.badge-info.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(33, 150, 243, 0.5); }
+
+.badge-warning {
+ color: #212529;
+ background-color: #ffc241; }
+ a.badge-warning:hover, a.badge-warning:focus {
+ color: #212529;
+ background-color: #ffb20e; }
+ a.badge-warning:focus, a.badge-warning.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5); }
+
+.badge-danger {
+ color: #fff;
+ background-color: #fd3995; }
+ a.badge-danger:hover, a.badge-danger:focus {
+ color: #fff;
+ background-color: #fc077a; }
+ a.badge-danger:focus, a.badge-danger.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.5); }
+
+.badge-light {
+ color: #212529;
+ background-color: #fff; }
+ a.badge-light:hover, a.badge-light:focus {
+ color: #212529;
+ background-color: #e6e6e6; }
+ a.badge-light:focus, a.badge-light.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
+
+.badge-dark {
+ color: #fff;
+ background-color: #505050; }
+ a.badge-dark:hover, a.badge-dark:focus {
+ color: #fff;
+ background-color: #363636; }
+ a.badge-dark:focus, a.badge-dark.focus {
+ outline: 0;
+ -webkit-box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5);
+ box-shadow: 0 0 0 0.2rem rgba(80, 80, 80, 0.5); }
+
+.jumbotron {
+ padding: 2rem 1rem;
+ margin-bottom: 2rem;
+ background-color: #f3f3f3;
+ border-radius: 4px; }
+ @media (min-width: 576px) {
+ .jumbotron {
+ padding: 4rem 2rem; } }
+
+.jumbotron-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ border-radius: 0; }
+
+.alert {
+ position: relative;
+ padding: 1rem 1.25rem;
+ margin-bottom: 2rem;
+ border: 1px solid transparent;
+ border-radius: 4px; }
+
+.alert-heading {
+ color: inherit; }
+
+.alert-link {
+ font-weight: 700; }
+
+.alert-dismissible {
+ padding-right: 3.71875rem; }
+ .alert-dismissible .close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: 1rem 1.25rem;
+ color: inherit; }
+
+.alert-primary {
+ color: #47375e;
+ background-color: #e7e1f0;
+ border-color: #ded5ea; }
+ .alert-primary hr {
+ border-top-color: #d1c4e2; }
+ .alert-primary .alert-link {
+ color: #2f243e; }
+
+.alert-secondary {
+ color: #464a4e;
+ background-color: #e7e8ea;
+ border-color: #dddfe2; }
+ .alert-secondary hr {
+ border-top-color: #cfd2d6; }
+ .alert-secondary .alert-link {
+ color: #2e3133; }
+
+.alert-success {
+ color: #0f695f;
+ background-color: #d2f4f1;
+ border-color: #c0f0eb; }
+ .alert-success hr {
+ border-top-color: #abebe4; }
+ .alert-success .alert-link {
+ color: #093c37; }
+
+.alert-info {
+ color: #114e7e;
+ background-color: #d3eafd;
+ border-color: #c1e2fc; }
+ .alert-info hr {
+ border-top-color: #a9d7fb; }
+ .alert-info .alert-link {
+ color: #0b3251; }
+
+.alert-warning {
+ color: #856522;
+ background-color: #fff3d9;
+ border-color: #ffeeca; }
+ .alert-warning hr {
+ border-top-color: #ffe6b1; }
+ .alert-warning .alert-link {
+ color: #5c4618; }
+
+.alert-danger {
+ color: #841e4d;
+ background-color: #ffd7ea;
+ border-color: #fec8e1; }
+ .alert-danger hr {
+ border-top-color: #feafd3; }
+ .alert-danger .alert-link {
+ color: #5a1535; }
+
+.alert-light {
+ color: #858585;
+ background-color: white;
+ border-color: white; }
+ .alert-light hr {
+ border-top-color: #f2f2f2; }
+ .alert-light .alert-link {
+ color: #6c6c6c; }
+
+.alert-dark {
+ color: #292929;
+ background-color: gainsboro;
+ border-color: #cecece; }
+ .alert-dark hr {
+ border-top-color: #c1c1c1; }
+ .alert-dark .alert-link {
+ color: #101010; }
+
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 0.75rem 0; }
+ to {
+ background-position: 0 0; } }
+
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 0.75rem 0; }
+ to {
+ background-position: 0 0; } }
+
+.progress {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ height: 0.75rem;
+ overflow: hidden;
+ font-size: 0.625rem;
+ background-color: #f6f6f6;
+ border-radius: 10rem; }
+
+.progress-bar {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #886ab5;
+ -webkit-transition: width 0.6s ease;
+ transition: width 0.6s ease; }
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-size: 0.75rem 0.75rem; }
+
+.progress-bar-animated {
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
+ animation: progress-bar-stripes 1s linear infinite; }
+ @media (prefers-reduced-motion: reduce) {
+ .progress-bar-animated {
+ -webkit-animation: none;
+ animation: none; } }
+
+.media {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start; }
+
+.media-body {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1; }
+
+.list-group {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0; }
+
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit; }
+ .list-group-item-action:hover, .list-group-item-action:focus {
+ z-index: 1;
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa; }
+ .list-group-item-action:active {
+ color: #212529;
+ background-color: #f3f3f3; }
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: 0.75rem 1.25rem;
+ margin-bottom: -1px;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.08); }
+ .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px; }
+ .list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px; }
+ .list-group-item.disabled, .list-group-item:disabled {
+ color: #868e96;
+ pointer-events: none;
+ background-color: #fff; }
+ .list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #886ab5;
+ border-color: #886ab5; }
+
+.list-group-horizontal {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .list-group-horizontal .list-group-item {
+ margin-right: -1px;
+ margin-bottom: 0; }
+ .list-group-horizontal .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-top-right-radius: 0; }
+ .list-group-horizontal .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 0; }
+
+@media (min-width: 576px) {
+ .list-group-horizontal-sm {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .list-group-horizontal-sm .list-group-item {
+ margin-right: -1px;
+ margin-bottom: 0; }
+ .list-group-horizontal-sm .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-top-right-radius: 0; }
+ .list-group-horizontal-sm .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 0; } }
+
+@media (min-width: 768px) {
+ .list-group-horizontal-md {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .list-group-horizontal-md .list-group-item {
+ margin-right: -1px;
+ margin-bottom: 0; }
+ .list-group-horizontal-md .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-top-right-radius: 0; }
+ .list-group-horizontal-md .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 0; } }
+
+@media (min-width: 992px) {
+ .list-group-horizontal-lg {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .list-group-horizontal-lg .list-group-item {
+ margin-right: -1px;
+ margin-bottom: 0; }
+ .list-group-horizontal-lg .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-top-right-radius: 0; }
+ .list-group-horizontal-lg .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 0; } }
+
+@media (min-width: 1399px) {
+ .list-group-horizontal-xl {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: row;
+ flex-direction: row; }
+ .list-group-horizontal-xl .list-group-item {
+ margin-right: -1px;
+ margin-bottom: 0; }
+ .list-group-horizontal-xl .list-group-item:first-child {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ border-top-right-radius: 0; }
+ .list-group-horizontal-xl .list-group-item:last-child {
+ margin-right: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 0; } }
+
+.list-group-flush .list-group-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0; }
+ .list-group-flush .list-group-item:last-child {
+ margin-bottom: -1px; }
+
+.list-group-flush:first-child .list-group-item:first-child {
+ border-top: 0; }
+
+.list-group-flush:last-child .list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom: 0; }
+
+.list-group-item-primary {
+ color: #47375e;
+ background-color: #ded5ea; }
+ .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+ color: #47375e;
+ background-color: #d1c4e2; }
+ .list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #47375e;
+ border-color: #47375e; }
+
+.list-group-item-secondary {
+ color: #464a4e;
+ background-color: #dddfe2; }
+ .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+ color: #464a4e;
+ background-color: #cfd2d6; }
+ .list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #464a4e;
+ border-color: #464a4e; }
+
+.list-group-item-success {
+ color: #0f695f;
+ background-color: #c0f0eb; }
+ .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+ color: #0f695f;
+ background-color: #abebe4; }
+ .list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #0f695f;
+ border-color: #0f695f; }
+
+.list-group-item-info {
+ color: #114e7e;
+ background-color: #c1e2fc; }
+ .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+ color: #114e7e;
+ background-color: #a9d7fb; }
+ .list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #114e7e;
+ border-color: #114e7e; }
+
+.list-group-item-warning {
+ color: #856522;
+ background-color: #ffeeca; }
+ .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+ color: #856522;
+ background-color: #ffe6b1; }
+ .list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #856522;
+ border-color: #856522; }
+
+.list-group-item-danger {
+ color: #841e4d;
+ background-color: #fec8e1; }
+ .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+ color: #841e4d;
+ background-color: #feafd3; }
+ .list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #841e4d;
+ border-color: #841e4d; }
+
+.list-group-item-light {
+ color: #858585;
+ background-color: white; }
+ .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+ color: #858585;
+ background-color: #f2f2f2; }
+ .list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #858585;
+ border-color: #858585; }
+
+.list-group-item-dark {
+ color: #292929;
+ background-color: #cecece; }
+ .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+ color: #292929;
+ background-color: #c1c1c1; }
+ .list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #292929;
+ border-color: #292929; }
+
+.close {
+ float: right;
+ font-size: 1.21875rem;
+ font-weight: 700;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: .5; }
+ .close:hover {
+ color: #000;
+ text-decoration: none; }
+ .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
+ opacity: .75; }
+
+button.close {
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none; }
+
+a.close.disabled {
+ pointer-events: none; }
+
+.toast {
+ max-width: 350px;
+ overflow: hidden;
+ font-size: 0.875rem;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ opacity: 0;
+ border-radius: 0.25rem; }
+ .toast:not(:last-child) {
+ margin-bottom: 0.75rem; }
+ .toast.showing {
+ opacity: 1; }
+ .toast.show {
+ display: block;
+ opacity: 1; }
+ .toast.hide {
+ display: none; }
+
+.toast-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0.5rem 0.75rem;
+ color: #505050;
+ background-color: rgba(255, 255, 255, 0.85);
+ background-clip: padding-box;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
+
+.toast-body {
+ padding: 0.75rem; }
+
+.modal-open {
+ overflow: hidden; }
+ .modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto; }
+
+.modal {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2050;
+ display: none;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ outline: 0; }
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: 0.5rem;
+ pointer-events: none; }
+ .modal.fade .modal-dialog {
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ transition: -webkit-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
+ -webkit-transform: translate(0, -50px);
+ transform: translate(0, -50px); }
+ .modal.show .modal-dialog {
+ -webkit-transform: none;
+ transform: none; }
+
+.modal-dialog-scrollable {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ max-height: calc(100% - 1rem); }
+ .modal-dialog-scrollable .modal-content {
+ max-height: calc(100vh - 1rem);
+ overflow: hidden; }
+ .modal-dialog-scrollable .modal-header,
+ .modal-dialog-scrollable .modal-footer {
+ -ms-flex-negative: 0;
+ flex-shrink: 0; }
+ .modal-dialog-scrollable .modal-body {
+ overflow-y: auto; }
+
+.modal-dialog-centered {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: calc(100% - 1rem); }
+ .modal-dialog-centered::before {
+ display: block;
+ height: calc(100vh - 1rem);
+ content: ""; }
+ .modal-dialog-centered.modal-dialog-scrollable {
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 100%; }
+ .modal-dialog-centered.modal-dialog-scrollable .modal-content {
+ max-height: none; }
+ .modal-dialog-centered.modal-dialog-scrollable::before {
+ content: none; }
+
+.modal-content {
+ position: relative;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ outline: 0; }
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 2040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000; }
+ .modal-backdrop.fade {
+ opacity: 0; }
+ .modal-backdrop.show {
+ opacity: 0.2; }
+
+.modal-header {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: start;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -webkit-box-pack: justify;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 1.25rem 1.25rem;
+ border-bottom: 0px solid #dee2e6;
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px; }
+ .modal-header .close {
+ padding: 1.25rem 1.25rem;
+ margin: -1.25rem -1.25rem -1.25rem auto; }
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.47; }
+
+.modal-body {
+ position: relative;
+ -webkit-box-flex: 1;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem; }
+
+.modal-footer {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: end;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: 1.25rem;
+ border-top: 0px solid #dee2e6;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px; }
+ .modal-footer > :not(:first-child) {
+ margin-left: .25rem; }
+ .modal-footer > :not(:last-child) {
+ margin-right: .25rem; }
+
+.modal-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll; }
+
+@media (min-width: 576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto; }
+ .modal-dialog-scrollable {
+ max-height: calc(100% - 3.5rem); }
+ .modal-dialog-scrollable .modal-content {
+ max-height: calc(100vh - 3.5rem); }
+ .modal-dialog-centered {
+ min-height: calc(100% - 3.5rem); }
+ .modal-dialog-centered::before {
+ height: calc(100vh - 3.5rem); }
+ .modal-sm {
+ max-width: 300px; } }
+
+@media (min-width: 992px) {
+ .modal-lg,
+ .modal-xl {
+ max-width: 800px; } }
+
+@media (min-width: 1399px) {
+ .modal-xl {
+ max-width: 1140px; } }
+
+.tooltip {
+ position: absolute;
+ z-index: 2070;
+ display: block;
+ margin: 2px;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.47;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.75rem;
+ word-wrap: break-word;
+ opacity: 0; }
+ .tooltip.show {
+ opacity: 1; }
+ .tooltip .arrow {
+ position: absolute;
+ display: block;
+ width: 8px;
+ height: 5px; }
+ .tooltip .arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid; }
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+ padding: 5px 0; }
+ .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+ bottom: 0; }
+ .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+ top: 0;
+ border-width: 5px 4px 0;
+ border-top-color: rgba(54, 54, 54, 0.9); }
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+ padding: 0 5px; }
+ .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+ left: 0;
+ width: 5px;
+ height: 8px; }
+ .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+ right: 0;
+ border-width: 4px 5px 4px 0;
+ border-right-color: rgba(54, 54, 54, 0.9); }
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+ padding: 5px 0; }
+ .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+ top: 0; }
+ .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+ bottom: 0;
+ border-width: 0 4px 5px;
+ border-bottom-color: rgba(54, 54, 54, 0.9); }
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+ padding: 0 5px; }
+ .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+ right: 0;
+ width: 5px;
+ height: 8px; }
+ .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+ left: 0;
+ border-width: 4px 0 4px 5px;
+ border-left-color: rgba(54, 54, 54, 0.9); }
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: 0.3rem 0.6rem;
+ color: #fff;
+ text-align: center;
+ background-color: rgba(54, 54, 54, 0.9);
+ border-radius: 5px; }
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 2060;
+ display: block;
+ max-width: 276px;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.47;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: 0.875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 3px solid rgba(0, 0, 0, 0.2);
+ border-radius: 0.5rem; }
+ .popover .arrow {
+ position: absolute;
+ display: block;
+ width: 15px;
+ height: 7px;
+ margin: 0 4px; }
+ .popover .arrow::before, .popover .arrow::after {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid; }
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+ margin-bottom: 7px; }
+ .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
+ bottom: calc((7px + 3px) * -1); }
+ .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
+ bottom: 0;
+ border-width: 7px 7.5px 0;
+ border-top-color: inherit; }
+ .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
+ bottom: 3px;
+ border-width: 7px 7.5px 0;
+ border-top-color: transparent; }
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+ margin-left: 7px; }
+ .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
+ left: calc((7px + 3px) * -1);
+ width: 7px;
+ height: 15px;
+ margin: 4px 0; }
+ .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
+ left: 0;
+ border-width: 7.5px 7px 7.5px 0;
+ border-right-color: inherit; }
+ .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
+ left: 3px;
+ border-width: 7.5px 7px 7.5px 0;
+ border-right-color: transparent; }
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+ margin-top: 7px; }
+ .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
+ top: calc((7px + 3px) * -1); }
+ .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
+ top: 0;
+ border-width: 0 7.5px 7px 7.5px;
+ border-bottom-color: inherit; }
+ .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
+ top: 3px;
+ border-width: 0 7.5px 7px 7.5px;
+ border-bottom-color: transparent; }
+ .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 15px;
+ margin-left: -7.5px;
+ content: "";
+ border-bottom: 3px solid transparent; }
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+ margin-right: 7px; }
+ .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
+ right: calc((7px + 3px) * -1);
+ width: 7px;
+ height: 15px;
+ margin: 4px 0; }
+ .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
+ right: 0;
+ border-width: 7.5px 0 7.5px 7px;
+ border-left-color: inherit; }
+ .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
+ right: 3px;
+ border-width: 7.5px 0 7.5px 7px;
+ border-left-color: transparent; }
+
+.popover-header {
+ padding: 1rem 1rem;
+ margin-bottom: 0;
+ font-size: 0.8125rem;
+ background-color: transparent;
+ border-bottom: 3px solid rgba(0, 0, 0, 0);
+ border-top-left-radius: calc(4px - 3px);
+ border-top-right-radius: calc(4px - 3px); }
+ .popover-header:empty {
+ display: none; }
+
+.popover-body {
+ padding: 1rem 1rem;
+ color: #212529; }
+
+.carousel {
+ position: relative; }
+
+.carousel.pointer-event {
+ -ms-touch-action: pan-y;
+ touch-action: pan-y; }
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden; }
+ .carousel-inner::after {
+ display: block;
+ clear: both;
+ content: ""; }
+
+.carousel-item {
+ position: relative;
+ display: none;
+ float: left;
+ width: 100%;
+ margin-right: -100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transition: -webkit-transform 0.6s ease-in-out;
+ transition: -webkit-transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out;
+ transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; }
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+ display: block; }
+
+.carousel-item-next:not(.carousel-item-left),
+.active.carousel-item-right {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+
+.carousel-item-prev:not(.carousel-item-right),
+.active.carousel-item-left {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+
+.carousel-fade .carousel-item {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transform: none;
+ transform: none; }
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+ z-index: 1;
+ opacity: 1; }
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+ z-index: 0;
+ opacity: 0;
+ -webkit-transition: 0s 0.6s opacity;
+ transition: 0s 0.6s opacity; }
+
+.carousel-control-prev,
+.carousel-control-next {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 1;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 15%;
+ color: #fff;
+ text-align: center;
+ opacity: 0.5;
+ -webkit-transition: opacity 0.15s ease;
+ transition: opacity 0.15s ease; }
+ .carousel-control-prev:hover, .carousel-control-prev:focus,
+ .carousel-control-next:hover,
+ .carousel-control-next:focus {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: 0.9; }
+
+.carousel-control-prev {
+ left: 0; }
+
+.carousel-control-next {
+ right: 0; }
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: no-repeat 50% / 100% 100%; }
+
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); }
+
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' 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"); }
+
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 15;
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding-left: 0;
+ margin-right: 15%;
+ margin-left: 15%;
+ list-style: none; }
+ .carousel-indicators li {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ -webkit-box-flex: 0;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: 13px;
+ height: 13px;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: #fff;
+ background-clip: padding-box;
+ border-top: 10px solid transparent;
+ border-bottom: 10px solid transparent;
+ opacity: .5;
+ -webkit-transition: opacity 0.6s ease;
+ transition: opacity 0.6s ease; }
+ .carousel-indicators .active {
+ opacity: 1; }
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 20px;
+ left: 15%;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center; }
+
+@-webkit-keyframes spinner-border {
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@keyframes spinner-border {
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+.spinner-border {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: text-bottom;
+ border: 0.25em solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ -webkit-animation: spinner-border .75s linear infinite;
+ animation: spinner-border .75s linear infinite; }
+
+.spinner-border-sm {
+ width: 1rem;
+ height: 1rem;
+ border-width: 0.2em; }
+
+@-webkit-keyframes spinner-grow {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+ 50% {
+ opacity: 1; } }
+
+@keyframes spinner-grow {
+ 0% {
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+ 50% {
+ opacity: 1; } }
+
+.spinner-grow {
+ display: inline-block;
+ width: 2rem;
+ height: 2rem;
+ vertical-align: text-bottom;
+ background-color: currentColor;
+ border-radius: 50%;
+ opacity: 0;
+ -webkit-animation: spinner-grow .75s linear infinite;
+ animation: spinner-grow .75s linear infinite; }
+
+.spinner-grow-sm {
+ width: 1rem;
+ height: 1rem; }
+
+.align-baseline {
+ vertical-align: baseline !important; }
+
+.align-top {
+ vertical-align: top !important; }
+
+.align-middle {
+ vertical-align: middle !important; }
+
+.align-bottom {
+ vertical-align: bottom !important; }
+
+.align-text-bottom {
+ vertical-align: text-bottom !important; }
+
+.align-text-top {
+ vertical-align: text-top !important; }
+
+.bg-primary {
+ background-color: #886ab5 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+ background-color: #6e4e9e !important; }
+
+.bg-secondary {
+ background-color: #868e96 !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+ background-color: #6c757d !important; }
+
+.bg-success {
+ background-color: #1dc9b7 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+ background-color: #179c8e !important; }
+
+.bg-info {
+ background-color: #2196F3 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+ background-color: #0c7cd5 !important; }
+
+.bg-warning {
+ background-color: #ffc241 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+ background-color: #ffb20e !important; }
+
+.bg-danger {
+ background-color: #fd3995 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+ background-color: #fc077a !important; }
+
+.bg-light {
+ background-color: #fff !important; }
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+ background-color: #e6e6e6 !important; }
+
+.bg-dark {
+ background-color: #505050 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+ background-color: #363636 !important; }
+
+.bg-white {
+ background-color: #fff !important; }
+
+.bg-transparent {
+ background-color: transparent !important; }
+
+.border {
+ border: 1px solid #dee2e6 !important; }
+
+.border-top {
+ border-top: 1px solid #dee2e6 !important; }
+
+.border-right {
+ border-right: 1px solid #dee2e6 !important; }
+
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important; }
+
+.border-left {
+ border-left: 1px solid #dee2e6 !important; }
+
+.border-0 {
+ border: 0 !important; }
+
+.border-top-0 {
+ border-top: 0 !important; }
+
+.border-right-0 {
+ border-right: 0 !important; }
+
+.border-bottom-0 {
+ border-bottom: 0 !important; }
+
+.border-left-0 {
+ border-left: 0 !important; }
+
+.border-primary {
+ border-color: #886ab5 !important; }
+
+.border-secondary {
+ border-color: #868e96 !important; }
+
+.border-success {
+ border-color: #1dc9b7 !important; }
+
+.border-info {
+ border-color: #2196F3 !important; }
+
+.border-warning {
+ border-color: #ffc241 !important; }
+
+.border-danger {
+ border-color: #fd3995 !important; }
+
+.border-light {
+ border-color: #fff !important; }
+
+.border-dark {
+ border-color: #505050 !important; }
+
+.border-white {
+ border-color: #fff !important; }
+
+.rounded-sm {
+ border-radius: 4px !important; }
+
+.rounded {
+ border-radius: 4px !important; }
+
+.rounded-top {
+ border-top-left-radius: 4px !important;
+ border-top-right-radius: 4px !important; }
+
+.rounded-right {
+ border-top-right-radius: 4px !important;
+ border-bottom-right-radius: 4px !important; }
+
+.rounded-bottom {
+ border-bottom-right-radius: 4px !important;
+ border-bottom-left-radius: 4px !important; }
+
+.rounded-left {
+ border-top-left-radius: 4px !important;
+ border-bottom-left-radius: 4px !important; }
+
+.rounded-lg {
+ border-radius: 4px !important; }
+
+.rounded-circle {
+ border-radius: 50% !important; }
+
+.rounded-pill {
+ border-radius: 50rem !important; }
+
+.rounded-0 {
+ border-radius: 0 !important; }
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: ""; }
+
+.d-none {
+ display: none !important; }
+
+.d-inline {
+ display: inline !important; }
+
+.d-inline-block {
+ display: inline-block !important; }
+
+.d-block {
+ display: block !important; }
+
+.d-table {
+ display: table !important; }
+
+.d-table-row {
+ display: table-row !important; }
+
+.d-table-cell {
+ display: table-cell !important; }
+
+.d-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+
+.d-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important; }
+
+@media (min-width: 576px) {
+ .d-sm-none {
+ display: none !important; }
+ .d-sm-inline {
+ display: inline !important; }
+ .d-sm-inline-block {
+ display: inline-block !important; }
+ .d-sm-block {
+ display: block !important; }
+ .d-sm-table {
+ display: table !important; }
+ .d-sm-table-row {
+ display: table-row !important; }
+ .d-sm-table-cell {
+ display: table-cell !important; }
+ .d-sm-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ .d-sm-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important; } }
+
+@media (min-width: 768px) {
+ .d-md-none {
+ display: none !important; }
+ .d-md-inline {
+ display: inline !important; }
+ .d-md-inline-block {
+ display: inline-block !important; }
+ .d-md-block {
+ display: block !important; }
+ .d-md-table {
+ display: table !important; }
+ .d-md-table-row {
+ display: table-row !important; }
+ .d-md-table-cell {
+ display: table-cell !important; }
+ .d-md-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ .d-md-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important; } }
+
+@media (min-width: 992px) {
+ .d-lg-none {
+ display: none !important; }
+ .d-lg-inline {
+ display: inline !important; }
+ .d-lg-inline-block {
+ display: inline-block !important; }
+ .d-lg-block {
+ display: block !important; }
+ .d-lg-table {
+ display: table !important; }
+ .d-lg-table-row {
+ display: table-row !important; }
+ .d-lg-table-cell {
+ display: table-cell !important; }
+ .d-lg-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ .d-lg-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important; } }
+
+@media (min-width: 1399px) {
+ .d-xl-none {
+ display: none !important; }
+ .d-xl-inline {
+ display: inline !important; }
+ .d-xl-inline-block {
+ display: inline-block !important; }
+ .d-xl-block {
+ display: block !important; }
+ .d-xl-table {
+ display: table !important; }
+ .d-xl-table-row {
+ display: table-row !important; }
+ .d-xl-table-cell {
+ display: table-cell !important; }
+ .d-xl-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ .d-xl-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important; } }
+
+@media print {
+ .d-print-none {
+ display: none !important; }
+ .d-print-inline {
+ display: inline !important; }
+ .d-print-inline-block {
+ display: inline-block !important; }
+ .d-print-block {
+ display: block !important; }
+ .d-print-table {
+ display: table !important; }
+ .d-print-table-row {
+ display: table-row !important; }
+ .d-print-table-cell {
+ display: table-cell !important; }
+ .d-print-flex {
+ display: -webkit-box !important;
+ display: -ms-flexbox !important;
+ display: flex !important; }
+ .d-print-inline-flex {
+ display: -webkit-inline-box !important;
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important; } }
+
+.embed-responsive {
+ position: relative;
+ display: block;
+ width: 100%;
+ padding: 0;
+ overflow: hidden; }
+ .embed-responsive::before {
+ display: block;
+ content: ""; }
+ .embed-responsive .embed-responsive-item,
+ .embed-responsive iframe,
+ .embed-responsive embed,
+ .embed-responsive object,
+ .embed-responsive video {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0; }
+
+.embed-responsive-21by9::before {
+ padding-top: 42.85714%; }
+
+.embed-responsive-16by9::before {
+ padding-top: 56.25%; }
+
+.embed-responsive-4by3::before {
+ padding-top: 75%; }
+
+.embed-responsive-1by1::before {
+ padding-top: 100%; }
+
+.flex-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important; }
+
+.flex-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important; }
+
+.flex-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important; }
+
+.flex-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important; }
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important; }
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important; }
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important; }
+
+.flex-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important; }
+
+.flex-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important; }
+
+.flex-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important; }
+
+.flex-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important; }
+
+.flex-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important; }
+
+.justify-content-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important; }
+
+.justify-content-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important; }
+
+.justify-content-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important; }
+
+.justify-content-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important; }
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important; }
+
+.align-items-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important; }
+
+.align-items-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important; }
+
+.align-items-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important; }
+
+.align-items-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important; }
+
+.align-items-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important; }
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important; }
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important; }
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important; }
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important; }
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important; }
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important; }
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important; }
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important; }
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important; }
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important; }
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important; }
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important; }
+
+@media (min-width: 576px) {
+ .flex-sm-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important; }
+ .flex-sm-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important; }
+ .flex-sm-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important; }
+ .flex-sm-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important; }
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important; }
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important; }
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important; }
+ .flex-sm-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important; }
+ .flex-sm-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important; }
+ .flex-sm-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important; }
+ .flex-sm-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important; }
+ .flex-sm-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important; }
+ .justify-content-sm-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important; }
+ .justify-content-sm-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important; }
+ .justify-content-sm-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important; }
+ .justify-content-sm-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important; }
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important; }
+ .align-items-sm-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important; }
+ .align-items-sm-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important; }
+ .align-items-sm-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important; }
+ .align-items-sm-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important; }
+ .align-items-sm-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important; }
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important; }
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important; }
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important; }
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important; }
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important; }
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important; }
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important; }
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important; }
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important; }
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important; }
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important; }
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important; } }
+
+@media (min-width: 768px) {
+ .flex-md-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important; }
+ .flex-md-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important; }
+ .flex-md-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important; }
+ .flex-md-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important; }
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important; }
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important; }
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important; }
+ .flex-md-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important; }
+ .flex-md-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important; }
+ .flex-md-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important; }
+ .flex-md-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important; }
+ .flex-md-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important; }
+ .justify-content-md-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important; }
+ .justify-content-md-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important; }
+ .justify-content-md-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important; }
+ .justify-content-md-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important; }
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important; }
+ .align-items-md-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important; }
+ .align-items-md-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important; }
+ .align-items-md-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important; }
+ .align-items-md-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important; }
+ .align-items-md-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important; }
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important; }
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important; }
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important; }
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important; }
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important; }
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important; }
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important; }
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important; }
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important; }
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important; }
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important; }
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important; } }
+
+@media (min-width: 992px) {
+ .flex-lg-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important; }
+ .flex-lg-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important; }
+ .flex-lg-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important; }
+ .flex-lg-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important; }
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important; }
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important; }
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important; }
+ .flex-lg-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important; }
+ .flex-lg-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important; }
+ .flex-lg-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important; }
+ .flex-lg-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important; }
+ .flex-lg-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important; }
+ .justify-content-lg-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important; }
+ .justify-content-lg-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important; }
+ .justify-content-lg-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important; }
+ .justify-content-lg-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important; }
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important; }
+ .align-items-lg-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important; }
+ .align-items-lg-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important; }
+ .align-items-lg-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important; }
+ .align-items-lg-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important; }
+ .align-items-lg-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important; }
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important; }
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important; }
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important; }
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important; }
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important; }
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important; }
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important; }
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important; }
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important; }
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important; }
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important; }
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important; } }
+
+@media (min-width: 1399px) {
+ .flex-xl-row {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: row !important;
+ flex-direction: row !important; }
+ .flex-xl-column {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: normal !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important; }
+ .flex-xl-row-reverse {
+ -webkit-box-orient: horizontal !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important; }
+ .flex-xl-column-reverse {
+ -webkit-box-orient: vertical !important;
+ -webkit-box-direction: reverse !important;
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important; }
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important; }
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important; }
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important; }
+ .flex-xl-fill {
+ -webkit-box-flex: 1 !important;
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important; }
+ .flex-xl-grow-0 {
+ -webkit-box-flex: 0 !important;
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important; }
+ .flex-xl-grow-1 {
+ -webkit-box-flex: 1 !important;
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important; }
+ .flex-xl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important; }
+ .flex-xl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important; }
+ .justify-content-xl-start {
+ -webkit-box-pack: start !important;
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important; }
+ .justify-content-xl-end {
+ -webkit-box-pack: end !important;
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important; }
+ .justify-content-xl-center {
+ -webkit-box-pack: center !important;
+ -ms-flex-pack: center !important;
+ justify-content: center !important; }
+ .justify-content-xl-between {
+ -webkit-box-pack: justify !important;
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important; }
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important; }
+ .align-items-xl-start {
+ -webkit-box-align: start !important;
+ -ms-flex-align: start !important;
+ align-items: flex-start !important; }
+ .align-items-xl-end {
+ -webkit-box-align: end !important;
+ -ms-flex-align: end !important;
+ align-items: flex-end !important; }
+ .align-items-xl-center {
+ -webkit-box-align: center !important;
+ -ms-flex-align: center !important;
+ align-items: center !important; }
+ .align-items-xl-baseline {
+ -webkit-box-align: baseline !important;
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important; }
+ .align-items-xl-stretch {
+ -webkit-box-align: stretch !important;
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important; }
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important; }
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important; }
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important; }
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important; }
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important; }
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important; }
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important; }
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important; }
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important; }
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important; }
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important; }
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important; } }
+
+.float-left {
+ float: left !important; }
+
+.float-right {
+ float: right !important; }
+
+.float-none {
+ float: none !important; }
+
+@media (min-width: 576px) {
+ .float-sm-left {
+ float: left !important; }
+ .float-sm-right {
+ float: right !important; }
+ .float-sm-none {
+ float: none !important; } }
+
+@media (min-width: 768px) {
+ .float-md-left {
+ float: left !important; }
+ .float-md-right {
+ float: right !important; }
+ .float-md-none {
+ float: none !important; } }
+
+@media (min-width: 992px) {
+ .float-lg-left {
+ float: left !important; }
+ .float-lg-right {
+ float: right !important; }
+ .float-lg-none {
+ float: none !important; } }
+
+@media (min-width: 1399px) {
+ .float-xl-left {
+ float: left !important; }
+ .float-xl-right {
+ float: right !important; }
+ .float-xl-none {
+ float: none !important; } }
+
+.overflow-auto {
+ overflow: auto !important; }
+
+.overflow-hidden {
+ overflow: hidden !important; }
+
+.position-static {
+ position: static !important; }
+
+.position-relative {
+ position: relative !important; }
+
+.position-absolute {
+ position: absolute !important; }
+
+.position-fixed {
+ position: fixed !important; }
+
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important; }
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 2030; }
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 2030; }
+
+@supports ((position: -webkit-sticky) or (position: sticky)) {
+ .sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 2020; } }
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ overflow: visible;
+ clip: auto;
+ white-space: normal; }
+
+.shadow-sm {
+ -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }
+
+.shadow {
+ -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
+
+.shadow-lg {
+ -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }
+
+.shadow-none {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+
+.w-25 {
+ width: 25% !important; }
+
+.w-50 {
+ width: 50% !important; }
+
+.w-75 {
+ width: 75% !important; }
+
+.w-100 {
+ width: 100% !important; }
+
+.w-auto {
+ width: auto !important; }
+
+.h-25 {
+ height: 25% !important; }
+
+.h-50 {
+ height: 50% !important; }
+
+.h-75 {
+ height: 75% !important; }
+
+.h-100 {
+ height: 100% !important; }
+
+.h-auto {
+ height: auto !important; }
+
+.mw-100 {
+ max-width: 100% !important; }
+
+.mh-100 {
+ max-height: 100% !important; }
+
+.min-vw-100 {
+ min-width: 100vw !important; }
+
+.min-vh-100 {
+ min-height: 100vh !important; }
+
+.vw-100 {
+ width: 100vw !important; }
+
+.vh-100 {
+ height: 100vh !important; }
+
+.stretched-link::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1;
+ pointer-events: auto;
+ content: "";
+ background-color: rgba(0, 0, 0, 0); }
+
+.m-0 {
+ margin: 0 !important; }
+
+.mt-0,
+.my-0 {
+ margin-top: 0 !important; }
+
+.mr-0,
+.mx-0 {
+ margin-right: 0 !important; }
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0 !important; }
+
+.ml-0,
+.mx-0 {
+ margin-left: 0 !important; }
+
+.m-1 {
+ margin: 0.25rem !important; }
+
+.mt-1,
+.my-1 {
+ margin-top: 0.25rem !important; }
+
+.mr-1,
+.mx-1 {
+ margin-right: 0.25rem !important; }
+
+.mb-1,
+.my-1 {
+ margin-bottom: 0.25rem !important; }
+
+.ml-1,
+.mx-1 {
+ margin-left: 0.25rem !important; }
+
+.m-2 {
+ margin: 0.5rem !important; }
+
+.mt-2,
+.my-2 {
+ margin-top: 0.5rem !important; }
+
+.mr-2,
+.mx-2 {
+ margin-right: 0.5rem !important; }
+
+.mb-2,
+.my-2 {
+ margin-bottom: 0.5rem !important; }
+
+.ml-2,
+.mx-2 {
+ margin-left: 0.5rem !important; }
+
+.m-3 {
+ margin: 1rem !important; }
+
+.mt-3,
+.my-3 {
+ margin-top: 1rem !important; }
+
+.mr-3,
+.mx-3 {
+ margin-right: 1rem !important; }
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1rem !important; }
+
+.ml-3,
+.mx-3 {
+ margin-left: 1rem !important; }
+
+.m-4 {
+ margin: 1.5rem !important; }
+
+.mt-4,
+.my-4 {
+ margin-top: 1.5rem !important; }
+
+.mr-4,
+.mx-4 {
+ margin-right: 1.5rem !important; }
+
+.mb-4,
+.my-4 {
+ margin-bottom: 1.5rem !important; }
+
+.ml-4,
+.mx-4 {
+ margin-left: 1.5rem !important; }
+
+.m-5 {
+ margin: 2rem !important; }
+
+.mt-5,
+.my-5 {
+ margin-top: 2rem !important; }
+
+.mr-5,
+.mx-5 {
+ margin-right: 2rem !important; }
+
+.mb-5,
+.my-5 {
+ margin-bottom: 2rem !important; }
+
+.ml-5,
+.mx-5 {
+ margin-left: 2rem !important; }
+
+.m-6 {
+ margin: 2.5rem !important; }
+
+.mt-6,
+.my-6 {
+ margin-top: 2.5rem !important; }
+
+.mr-6,
+.mx-6 {
+ margin-right: 2.5rem !important; }
+
+.mb-6,
+.my-6 {
+ margin-bottom: 2.5rem !important; }
+
+.ml-6,
+.mx-6 {
+ margin-left: 2.5rem !important; }
+
+.p-0 {
+ padding: 0 !important; }
+
+.pt-0,
+.py-0 {
+ padding-top: 0 !important; }
+
+.pr-0,
+.px-0 {
+ padding-right: 0 !important; }
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0 !important; }
+
+.pl-0,
+.px-0 {
+ padding-left: 0 !important; }
+
+.p-1 {
+ padding: 0.25rem !important; }
+
+.pt-1,
+.py-1 {
+ padding-top: 0.25rem !important; }
+
+.pr-1,
+.px-1 {
+ padding-right: 0.25rem !important; }
+
+.pb-1,
+.py-1 {
+ padding-bottom: 0.25rem !important; }
+
+.pl-1,
+.px-1 {
+ padding-left: 0.25rem !important; }
+
+.p-2 {
+ padding: 0.5rem !important; }
+
+.pt-2,
+.py-2 {
+ padding-top: 0.5rem !important; }
+
+.pr-2,
+.px-2 {
+ padding-right: 0.5rem !important; }
+
+.pb-2,
+.py-2 {
+ padding-bottom: 0.5rem !important; }
+
+.pl-2,
+.px-2 {
+ padding-left: 0.5rem !important; }
+
+.p-3 {
+ padding: 1rem !important; }
+
+.pt-3,
+.py-3 {
+ padding-top: 1rem !important; }
+
+.pr-3,
+.px-3 {
+ padding-right: 1rem !important; }
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1rem !important; }
+
+.pl-3,
+.px-3 {
+ padding-left: 1rem !important; }
+
+.p-4 {
+ padding: 1.5rem !important; }
+
+.pt-4,
+.py-4 {
+ padding-top: 1.5rem !important; }
+
+.pr-4,
+.px-4 {
+ padding-right: 1.5rem !important; }
+
+.pb-4,
+.py-4 {
+ padding-bottom: 1.5rem !important; }
+
+.pl-4,
+.px-4 {
+ padding-left: 1.5rem !important; }
+
+.p-5 {
+ padding: 2rem !important; }
+
+.pt-5,
+.py-5 {
+ padding-top: 2rem !important; }
+
+.pr-5,
+.px-5 {
+ padding-right: 2rem !important; }
+
+.pb-5,
+.py-5 {
+ padding-bottom: 2rem !important; }
+
+.pl-5,
+.px-5 {
+ padding-left: 2rem !important; }
+
+.p-6 {
+ padding: 2.5rem !important; }
+
+.pt-6,
+.py-6 {
+ padding-top: 2.5rem !important; }
+
+.pr-6,
+.px-6 {
+ padding-right: 2.5rem !important; }
+
+.pb-6,
+.py-6 {
+ padding-bottom: 2.5rem !important; }
+
+.pl-6,
+.px-6 {
+ padding-left: 2.5rem !important; }
+
+.m-n1 {
+ margin: -0.25rem !important; }
+
+.mt-n1,
+.my-n1 {
+ margin-top: -0.25rem !important; }
+
+.mr-n1,
+.mx-n1 {
+ margin-right: -0.25rem !important; }
+
+.mb-n1,
+.my-n1 {
+ margin-bottom: -0.25rem !important; }
+
+.ml-n1,
+.mx-n1 {
+ margin-left: -0.25rem !important; }
+
+.m-n2 {
+ margin: -0.5rem !important; }
+
+.mt-n2,
+.my-n2 {
+ margin-top: -0.5rem !important; }
+
+.mr-n2,
+.mx-n2 {
+ margin-right: -0.5rem !important; }
+
+.mb-n2,
+.my-n2 {
+ margin-bottom: -0.5rem !important; }
+
+.ml-n2,
+.mx-n2 {
+ margin-left: -0.5rem !important; }
+
+.m-n3 {
+ margin: -1rem !important; }
+
+.mt-n3,
+.my-n3 {
+ margin-top: -1rem !important; }
+
+.mr-n3,
+.mx-n3 {
+ margin-right: -1rem !important; }
+
+.mb-n3,
+.my-n3 {
+ margin-bottom: -1rem !important; }
+
+.ml-n3,
+.mx-n3 {
+ margin-left: -1rem !important; }
+
+.m-n4 {
+ margin: -1.5rem !important; }
+
+.mt-n4,
+.my-n4 {
+ margin-top: -1.5rem !important; }
+
+.mr-n4,
+.mx-n4 {
+ margin-right: -1.5rem !important; }
+
+.mb-n4,
+.my-n4 {
+ margin-bottom: -1.5rem !important; }
+
+.ml-n4,
+.mx-n4 {
+ margin-left: -1.5rem !important; }
+
+.m-n5 {
+ margin: -2rem !important; }
+
+.mt-n5,
+.my-n5 {
+ margin-top: -2rem !important; }
+
+.mr-n5,
+.mx-n5 {
+ margin-right: -2rem !important; }
+
+.mb-n5,
+.my-n5 {
+ margin-bottom: -2rem !important; }
+
+.ml-n5,
+.mx-n5 {
+ margin-left: -2rem !important; }
+
+.m-n6 {
+ margin: -2.5rem !important; }
+
+.mt-n6,
+.my-n6 {
+ margin-top: -2.5rem !important; }
+
+.mr-n6,
+.mx-n6 {
+ margin-right: -2.5rem !important; }
+
+.mb-n6,
+.my-n6 {
+ margin-bottom: -2.5rem !important; }
+
+.ml-n6,
+.mx-n6 {
+ margin-left: -2.5rem !important; }
+
+.m-auto {
+ margin: auto !important; }
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important; }
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important; }
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important; }
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important; }
+
+@media (min-width: 576px) {
+ .m-sm-0 {
+ margin: 0 !important; }
+ .mt-sm-0,
+ .my-sm-0 {
+ margin-top: 0 !important; }
+ .mr-sm-0,
+ .mx-sm-0 {
+ margin-right: 0 !important; }
+ .mb-sm-0,
+ .my-sm-0 {
+ margin-bottom: 0 !important; }
+ .ml-sm-0,
+ .mx-sm-0 {
+ margin-left: 0 !important; }
+ .m-sm-1 {
+ margin: 0.25rem !important; }
+ .mt-sm-1,
+ .my-sm-1 {
+ margin-top: 0.25rem !important; }
+ .mr-sm-1,
+ .mx-sm-1 {
+ margin-right: 0.25rem !important; }
+ .mb-sm-1,
+ .my-sm-1 {
+ margin-bottom: 0.25rem !important; }
+ .ml-sm-1,
+ .mx-sm-1 {
+ margin-left: 0.25rem !important; }
+ .m-sm-2 {
+ margin: 0.5rem !important; }
+ .mt-sm-2,
+ .my-sm-2 {
+ margin-top: 0.5rem !important; }
+ .mr-sm-2,
+ .mx-sm-2 {
+ margin-right: 0.5rem !important; }
+ .mb-sm-2,
+ .my-sm-2 {
+ margin-bottom: 0.5rem !important; }
+ .ml-sm-2,
+ .mx-sm-2 {
+ margin-left: 0.5rem !important; }
+ .m-sm-3 {
+ margin: 1rem !important; }
+ .mt-sm-3,
+ .my-sm-3 {
+ margin-top: 1rem !important; }
+ .mr-sm-3,
+ .mx-sm-3 {
+ margin-right: 1rem !important; }
+ .mb-sm-3,
+ .my-sm-3 {
+ margin-bottom: 1rem !important; }
+ .ml-sm-3,
+ .mx-sm-3 {
+ margin-left: 1rem !important; }
+ .m-sm-4 {
+ margin: 1.5rem !important; }
+ .mt-sm-4,
+ .my-sm-4 {
+ margin-top: 1.5rem !important; }
+ .mr-sm-4,
+ .mx-sm-4 {
+ margin-right: 1.5rem !important; }
+ .mb-sm-4,
+ .my-sm-4 {
+ margin-bottom: 1.5rem !important; }
+ .ml-sm-4,
+ .mx-sm-4 {
+ margin-left: 1.5rem !important; }
+ .m-sm-5 {
+ margin: 2rem !important; }
+ .mt-sm-5,
+ .my-sm-5 {
+ margin-top: 2rem !important; }
+ .mr-sm-5,
+ .mx-sm-5 {
+ margin-right: 2rem !important; }
+ .mb-sm-5,
+ .my-sm-5 {
+ margin-bottom: 2rem !important; }
+ .ml-sm-5,
+ .mx-sm-5 {
+ margin-left: 2rem !important; }
+ .m-sm-6 {
+ margin: 2.5rem !important; }
+ .mt-sm-6,
+ .my-sm-6 {
+ margin-top: 2.5rem !important; }
+ .mr-sm-6,
+ .mx-sm-6 {
+ margin-right: 2.5rem !important; }
+ .mb-sm-6,
+ .my-sm-6 {
+ margin-bottom: 2.5rem !important; }
+ .ml-sm-6,
+ .mx-sm-6 {
+ margin-left: 2.5rem !important; }
+ .p-sm-0 {
+ padding: 0 !important; }
+ .pt-sm-0,
+ .py-sm-0 {
+ padding-top: 0 !important; }
+ .pr-sm-0,
+ .px-sm-0 {
+ padding-right: 0 !important; }
+ .pb-sm-0,
+ .py-sm-0 {
+ padding-bottom: 0 !important; }
+ .pl-sm-0,
+ .px-sm-0 {
+ padding-left: 0 !important; }
+ .p-sm-1 {
+ padding: 0.25rem !important; }
+ .pt-sm-1,
+ .py-sm-1 {
+ padding-top: 0.25rem !important; }
+ .pr-sm-1,
+ .px-sm-1 {
+ padding-right: 0.25rem !important; }
+ .pb-sm-1,
+ .py-sm-1 {
+ padding-bottom: 0.25rem !important; }
+ .pl-sm-1,
+ .px-sm-1 {
+ padding-left: 0.25rem !important; }
+ .p-sm-2 {
+ padding: 0.5rem !important; }
+ .pt-sm-2,
+ .py-sm-2 {
+ padding-top: 0.5rem !important; }
+ .pr-sm-2,
+ .px-sm-2 {
+ padding-right: 0.5rem !important; }
+ .pb-sm-2,
+ .py-sm-2 {
+ padding-bottom: 0.5rem !important; }
+ .pl-sm-2,
+ .px-sm-2 {
+ padding-left: 0.5rem !important; }
+ .p-sm-3 {
+ padding: 1rem !important; }
+ .pt-sm-3,
+ .py-sm-3 {
+ padding-top: 1rem !important; }
+ .pr-sm-3,
+ .px-sm-3 {
+ padding-right: 1rem !important; }
+ .pb-sm-3,
+ .py-sm-3 {
+ padding-bottom: 1rem !important; }
+ .pl-sm-3,
+ .px-sm-3 {
+ padding-left: 1rem !important; }
+ .p-sm-4 {
+ padding: 1.5rem !important; }
+ .pt-sm-4,
+ .py-sm-4 {
+ padding-top: 1.5rem !important; }
+ .pr-sm-4,
+ .px-sm-4 {
+ padding-right: 1.5rem !important; }
+ .pb-sm-4,
+ .py-sm-4 {
+ padding-bottom: 1.5rem !important; }
+ .pl-sm-4,
+ .px-sm-4 {
+ padding-left: 1.5rem !important; }
+ .p-sm-5 {
+ padding: 2rem !important; }
+ .pt-sm-5,
+ .py-sm-5 {
+ padding-top: 2rem !important; }
+ .pr-sm-5,
+ .px-sm-5 {
+ padding-right: 2rem !important; }
+ .pb-sm-5,
+ .py-sm-5 {
+ padding-bottom: 2rem !important; }
+ .pl-sm-5,
+ .px-sm-5 {
+ padding-left: 2rem !important; }
+ .p-sm-6 {
+ padding: 2.5rem !important; }
+ .pt-sm-6,
+ .py-sm-6 {
+ padding-top: 2.5rem !important; }
+ .pr-sm-6,
+ .px-sm-6 {
+ padding-right: 2.5rem !important; }
+ .pb-sm-6,
+ .py-sm-6 {
+ padding-bottom: 2.5rem !important; }
+ .pl-sm-6,
+ .px-sm-6 {
+ padding-left: 2.5rem !important; }
+ .m-sm-n1 {
+ margin: -0.25rem !important; }
+ .mt-sm-n1,
+ .my-sm-n1 {
+ margin-top: -0.25rem !important; }
+ .mr-sm-n1,
+ .mx-sm-n1 {
+ margin-right: -0.25rem !important; }
+ .mb-sm-n1,
+ .my-sm-n1 {
+ margin-bottom: -0.25rem !important; }
+ .ml-sm-n1,
+ .mx-sm-n1 {
+ margin-left: -0.25rem !important; }
+ .m-sm-n2 {
+ margin: -0.5rem !important; }
+ .mt-sm-n2,
+ .my-sm-n2 {
+ margin-top: -0.5rem !important; }
+ .mr-sm-n2,
+ .mx-sm-n2 {
+ margin-right: -0.5rem !important; }
+ .mb-sm-n2,
+ .my-sm-n2 {
+ margin-bottom: -0.5rem !important; }
+ .ml-sm-n2,
+ .mx-sm-n2 {
+ margin-left: -0.5rem !important; }
+ .m-sm-n3 {
+ margin: -1rem !important; }
+ .mt-sm-n3,
+ .my-sm-n3 {
+ margin-top: -1rem !important; }
+ .mr-sm-n3,
+ .mx-sm-n3 {
+ margin-right: -1rem !important; }
+ .mb-sm-n3,
+ .my-sm-n3 {
+ margin-bottom: -1rem !important; }
+ .ml-sm-n3,
+ .mx-sm-n3 {
+ margin-left: -1rem !important; }
+ .m-sm-n4 {
+ margin: -1.5rem !important; }
+ .mt-sm-n4,
+ .my-sm-n4 {
+ margin-top: -1.5rem !important; }
+ .mr-sm-n4,
+ .mx-sm-n4 {
+ margin-right: -1.5rem !important; }
+ .mb-sm-n4,
+ .my-sm-n4 {
+ margin-bottom: -1.5rem !important; }
+ .ml-sm-n4,
+ .mx-sm-n4 {
+ margin-left: -1.5rem !important; }
+ .m-sm-n5 {
+ margin: -2rem !important; }
+ .mt-sm-n5,
+ .my-sm-n5 {
+ margin-top: -2rem !important; }
+ .mr-sm-n5,
+ .mx-sm-n5 {
+ margin-right: -2rem !important; }
+ .mb-sm-n5,
+ .my-sm-n5 {
+ margin-bottom: -2rem !important; }
+ .ml-sm-n5,
+ .mx-sm-n5 {
+ margin-left: -2rem !important; }
+ .m-sm-n6 {
+ margin: -2.5rem !important; }
+ .mt-sm-n6,
+ .my-sm-n6 {
+ margin-top: -2.5rem !important; }
+ .mr-sm-n6,
+ .mx-sm-n6 {
+ margin-right: -2.5rem !important; }
+ .mb-sm-n6,
+ .my-sm-n6 {
+ margin-bottom: -2.5rem !important; }
+ .ml-sm-n6,
+ .mx-sm-n6 {
+ margin-left: -2.5rem !important; }
+ .m-sm-auto {
+ margin: auto !important; }
+ .mt-sm-auto,
+ .my-sm-auto {
+ margin-top: auto !important; }
+ .mr-sm-auto,
+ .mx-sm-auto {
+ margin-right: auto !important; }
+ .mb-sm-auto,
+ .my-sm-auto {
+ margin-bottom: auto !important; }
+ .ml-sm-auto,
+ .mx-sm-auto {
+ margin-left: auto !important; } }
+
+@media (min-width: 768px) {
+ .m-md-0 {
+ margin: 0 !important; }
+ .mt-md-0,
+ .my-md-0 {
+ margin-top: 0 !important; }
+ .mr-md-0,
+ .mx-md-0 {
+ margin-right: 0 !important; }
+ .mb-md-0,
+ .my-md-0 {
+ margin-bottom: 0 !important; }
+ .ml-md-0,
+ .mx-md-0 {
+ margin-left: 0 !important; }
+ .m-md-1 {
+ margin: 0.25rem !important; }
+ .mt-md-1,
+ .my-md-1 {
+ margin-top: 0.25rem !important; }
+ .mr-md-1,
+ .mx-md-1 {
+ margin-right: 0.25rem !important; }
+ .mb-md-1,
+ .my-md-1 {
+ margin-bottom: 0.25rem !important; }
+ .ml-md-1,
+ .mx-md-1 {
+ margin-left: 0.25rem !important; }
+ .m-md-2 {
+ margin: 0.5rem !important; }
+ .mt-md-2,
+ .my-md-2 {
+ margin-top: 0.5rem !important; }
+ .mr-md-2,
+ .mx-md-2 {
+ margin-right: 0.5rem !important; }
+ .mb-md-2,
+ .my-md-2 {
+ margin-bottom: 0.5rem !important; }
+ .ml-md-2,
+ .mx-md-2 {
+ margin-left: 0.5rem !important; }
+ .m-md-3 {
+ margin: 1rem !important; }
+ .mt-md-3,
+ .my-md-3 {
+ margin-top: 1rem !important; }
+ .mr-md-3,
+ .mx-md-3 {
+ margin-right: 1rem !important; }
+ .mb-md-3,
+ .my-md-3 {
+ margin-bottom: 1rem !important; }
+ .ml-md-3,
+ .mx-md-3 {
+ margin-left: 1rem !important; }
+ .m-md-4 {
+ margin: 1.5rem !important; }
+ .mt-md-4,
+ .my-md-4 {
+ margin-top: 1.5rem !important; }
+ .mr-md-4,
+ .mx-md-4 {
+ margin-right: 1.5rem !important; }
+ .mb-md-4,
+ .my-md-4 {
+ margin-bottom: 1.5rem !important; }
+ .ml-md-4,
+ .mx-md-4 {
+ margin-left: 1.5rem !important; }
+ .m-md-5 {
+ margin: 2rem !important; }
+ .mt-md-5,
+ .my-md-5 {
+ margin-top: 2rem !important; }
+ .mr-md-5,
+ .mx-md-5 {
+ margin-right: 2rem !important; }
+ .mb-md-5,
+ .my-md-5 {
+ margin-bottom: 2rem !important; }
+ .ml-md-5,
+ .mx-md-5 {
+ margin-left: 2rem !important; }
+ .m-md-6 {
+ margin: 2.5rem !important; }
+ .mt-md-6,
+ .my-md-6 {
+ margin-top: 2.5rem !important; }
+ .mr-md-6,
+ .mx-md-6 {
+ margin-right: 2.5rem !important; }
+ .mb-md-6,
+ .my-md-6 {
+ margin-bottom: 2.5rem !important; }
+ .ml-md-6,
+ .mx-md-6 {
+ margin-left: 2.5rem !important; }
+ .p-md-0 {
+ padding: 0 !important; }
+ .pt-md-0,
+ .py-md-0 {
+ padding-top: 0 !important; }
+ .pr-md-0,
+ .px-md-0 {
+ padding-right: 0 !important; }
+ .pb-md-0,
+ .py-md-0 {
+ padding-bottom: 0 !important; }
+ .pl-md-0,
+ .px-md-0 {
+ padding-left: 0 !important; }
+ .p-md-1 {
+ padding: 0.25rem !important; }
+ .pt-md-1,
+ .py-md-1 {
+ padding-top: 0.25rem !important; }
+ .pr-md-1,
+ .px-md-1 {
+ padding-right: 0.25rem !important; }
+ .pb-md-1,
+ .py-md-1 {
+ padding-bottom: 0.25rem !important; }
+ .pl-md-1,
+ .px-md-1 {
+ padding-left: 0.25rem !important; }
+ .p-md-2 {
+ padding: 0.5rem !important; }
+ .pt-md-2,
+ .py-md-2 {
+ padding-top: 0.5rem !important; }
+ .pr-md-2,
+ .px-md-2 {
+ padding-right: 0.5rem !important; }
+ .pb-md-2,
+ .py-md-2 {
+ padding-bottom: 0.5rem !important; }
+ .pl-md-2,
+ .px-md-2 {
+ padding-left: 0.5rem !important; }
+ .p-md-3 {
+ padding: 1rem !important; }
+ .pt-md-3,
+ .py-md-3 {
+ padding-top: 1rem !important; }
+ .pr-md-3,
+ .px-md-3 {
+ padding-right: 1rem !important; }
+ .pb-md-3,
+ .py-md-3 {
+ padding-bottom: 1rem !important; }
+ .pl-md-3,
+ .px-md-3 {
+ padding-left: 1rem !important; }
+ .p-md-4 {
+ padding: 1.5rem !important; }
+ .pt-md-4,
+ .py-md-4 {
+ padding-top: 1.5rem !important; }
+ .pr-md-4,
+ .px-md-4 {
+ padding-right: 1.5rem !important; }
+ .pb-md-4,
+ .py-md-4 {
+ padding-bottom: 1.5rem !important; }
+ .pl-md-4,
+ .px-md-4 {
+ padding-left: 1.5rem !important; }
+ .p-md-5 {
+ padding: 2rem !important; }
+ .pt-md-5,
+ .py-md-5 {
+ padding-top: 2rem !important; }
+ .pr-md-5,
+ .px-md-5 {
+ padding-right: 2rem !important; }
+ .pb-md-5,
+ .py-md-5 {
+ padding-bottom: 2rem !important; }
+ .pl-md-5,
+ .px-md-5 {
+ padding-left: 2rem !important; }
+ .p-md-6 {
+ padding: 2.5rem !important; }
+ .pt-md-6,
+ .py-md-6 {
+ padding-top: 2.5rem !important; }
+ .pr-md-6,
+ .px-md-6 {
+ padding-right: 2.5rem !important; }
+ .pb-md-6,
+ .py-md-6 {
+ padding-bottom: 2.5rem !important; }
+ .pl-md-6,
+ .px-md-6 {
+ padding-left: 2.5rem !important; }
+ .m-md-n1 {
+ margin: -0.25rem !important; }
+ .mt-md-n1,
+ .my-md-n1 {
+ margin-top: -0.25rem !important; }
+ .mr-md-n1,
+ .mx-md-n1 {
+ margin-right: -0.25rem !important; }
+ .mb-md-n1,
+ .my-md-n1 {
+ margin-bottom: -0.25rem !important; }
+ .ml-md-n1,
+ .mx-md-n1 {
+ margin-left: -0.25rem !important; }
+ .m-md-n2 {
+ margin: -0.5rem !important; }
+ .mt-md-n2,
+ .my-md-n2 {
+ margin-top: -0.5rem !important; }
+ .mr-md-n2,
+ .mx-md-n2 {
+ margin-right: -0.5rem !important; }
+ .mb-md-n2,
+ .my-md-n2 {
+ margin-bottom: -0.5rem !important; }
+ .ml-md-n2,
+ .mx-md-n2 {
+ margin-left: -0.5rem !important; }
+ .m-md-n3 {
+ margin: -1rem !important; }
+ .mt-md-n3,
+ .my-md-n3 {
+ margin-top: -1rem !important; }
+ .mr-md-n3,
+ .mx-md-n3 {
+ margin-right: -1rem !important; }
+ .mb-md-n3,
+ .my-md-n3 {
+ margin-bottom: -1rem !important; }
+ .ml-md-n3,
+ .mx-md-n3 {
+ margin-left: -1rem !important; }
+ .m-md-n4 {
+ margin: -1.5rem !important; }
+ .mt-md-n4,
+ .my-md-n4 {
+ margin-top: -1.5rem !important; }
+ .mr-md-n4,
+ .mx-md-n4 {
+ margin-right: -1.5rem !important; }
+ .mb-md-n4,
+ .my-md-n4 {
+ margin-bottom: -1.5rem !important; }
+ .ml-md-n4,
+ .mx-md-n4 {
+ margin-left: -1.5rem !important; }
+ .m-md-n5 {
+ margin: -2rem !important; }
+ .mt-md-n5,
+ .my-md-n5 {
+ margin-top: -2rem !important; }
+ .mr-md-n5,
+ .mx-md-n5 {
+ margin-right: -2rem !important; }
+ .mb-md-n5,
+ .my-md-n5 {
+ margin-bottom: -2rem !important; }
+ .ml-md-n5,
+ .mx-md-n5 {
+ margin-left: -2rem !important; }
+ .m-md-n6 {
+ margin: -2.5rem !important; }
+ .mt-md-n6,
+ .my-md-n6 {
+ margin-top: -2.5rem !important; }
+ .mr-md-n6,
+ .mx-md-n6 {
+ margin-right: -2.5rem !important; }
+ .mb-md-n6,
+ .my-md-n6 {
+ margin-bottom: -2.5rem !important; }
+ .ml-md-n6,
+ .mx-md-n6 {
+ margin-left: -2.5rem !important; }
+ .m-md-auto {
+ margin: auto !important; }
+ .mt-md-auto,
+ .my-md-auto {
+ margin-top: auto !important; }
+ .mr-md-auto,
+ .mx-md-auto {
+ margin-right: auto !important; }
+ .mb-md-auto,
+ .my-md-auto {
+ margin-bottom: auto !important; }
+ .ml-md-auto,
+ .mx-md-auto {
+ margin-left: auto !important; } }
+
+@media (min-width: 992px) {
+ .m-lg-0 {
+ margin: 0 !important; }
+ .mt-lg-0,
+ .my-lg-0 {
+ margin-top: 0 !important; }
+ .mr-lg-0,
+ .mx-lg-0 {
+ margin-right: 0 !important; }
+ .mb-lg-0,
+ .my-lg-0 {
+ margin-bottom: 0 !important; }
+ .ml-lg-0,
+ .mx-lg-0 {
+ margin-left: 0 !important; }
+ .m-lg-1 {
+ margin: 0.25rem !important; }
+ .mt-lg-1,
+ .my-lg-1 {
+ margin-top: 0.25rem !important; }
+ .mr-lg-1,
+ .mx-lg-1 {
+ margin-right: 0.25rem !important; }
+ .mb-lg-1,
+ .my-lg-1 {
+ margin-bottom: 0.25rem !important; }
+ .ml-lg-1,
+ .mx-lg-1 {
+ margin-left: 0.25rem !important; }
+ .m-lg-2 {
+ margin: 0.5rem !important; }
+ .mt-lg-2,
+ .my-lg-2 {
+ margin-top: 0.5rem !important; }
+ .mr-lg-2,
+ .mx-lg-2 {
+ margin-right: 0.5rem !important; }
+ .mb-lg-2,
+ .my-lg-2 {
+ margin-bottom: 0.5rem !important; }
+ .ml-lg-2,
+ .mx-lg-2 {
+ margin-left: 0.5rem !important; }
+ .m-lg-3 {
+ margin: 1rem !important; }
+ .mt-lg-3,
+ .my-lg-3 {
+ margin-top: 1rem !important; }
+ .mr-lg-3,
+ .mx-lg-3 {
+ margin-right: 1rem !important; }
+ .mb-lg-3,
+ .my-lg-3 {
+ margin-bottom: 1rem !important; }
+ .ml-lg-3,
+ .mx-lg-3 {
+ margin-left: 1rem !important; }
+ .m-lg-4 {
+ margin: 1.5rem !important; }
+ .mt-lg-4,
+ .my-lg-4 {
+ margin-top: 1.5rem !important; }
+ .mr-lg-4,
+ .mx-lg-4 {
+ margin-right: 1.5rem !important; }
+ .mb-lg-4,
+ .my-lg-4 {
+ margin-bottom: 1.5rem !important; }
+ .ml-lg-4,
+ .mx-lg-4 {
+ margin-left: 1.5rem !important; }
+ .m-lg-5 {
+ margin: 2rem !important; }
+ .mt-lg-5,
+ .my-lg-5 {
+ margin-top: 2rem !important; }
+ .mr-lg-5,
+ .mx-lg-5 {
+ margin-right: 2rem !important; }
+ .mb-lg-5,
+ .my-lg-5 {
+ margin-bottom: 2rem !important; }
+ .ml-lg-5,
+ .mx-lg-5 {
+ margin-left: 2rem !important; }
+ .m-lg-6 {
+ margin: 2.5rem !important; }
+ .mt-lg-6,
+ .my-lg-6 {
+ margin-top: 2.5rem !important; }
+ .mr-lg-6,
+ .mx-lg-6 {
+ margin-right: 2.5rem !important; }
+ .mb-lg-6,
+ .my-lg-6 {
+ margin-bottom: 2.5rem !important; }
+ .ml-lg-6,
+ .mx-lg-6 {
+ margin-left: 2.5rem !important; }
+ .p-lg-0 {
+ padding: 0 !important; }
+ .pt-lg-0,
+ .py-lg-0 {
+ padding-top: 0 !important; }
+ .pr-lg-0,
+ .px-lg-0 {
+ padding-right: 0 !important; }
+ .pb-lg-0,
+ .py-lg-0 {
+ padding-bottom: 0 !important; }
+ .pl-lg-0,
+ .px-lg-0 {
+ padding-left: 0 !important; }
+ .p-lg-1 {
+ padding: 0.25rem !important; }
+ .pt-lg-1,
+ .py-lg-1 {
+ padding-top: 0.25rem !important; }
+ .pr-lg-1,
+ .px-lg-1 {
+ padding-right: 0.25rem !important; }
+ .pb-lg-1,
+ .py-lg-1 {
+ padding-bottom: 0.25rem !important; }
+ .pl-lg-1,
+ .px-lg-1 {
+ padding-left: 0.25rem !important; }
+ .p-lg-2 {
+ padding: 0.5rem !important; }
+ .pt-lg-2,
+ .py-lg-2 {
+ padding-top: 0.5rem !important; }
+ .pr-lg-2,
+ .px-lg-2 {
+ padding-right: 0.5rem !important; }
+ .pb-lg-2,
+ .py-lg-2 {
+ padding-bottom: 0.5rem !important; }
+ .pl-lg-2,
+ .px-lg-2 {
+ padding-left: 0.5rem !important; }
+ .p-lg-3 {
+ padding: 1rem !important; }
+ .pt-lg-3,
+ .py-lg-3 {
+ padding-top: 1rem !important; }
+ .pr-lg-3,
+ .px-lg-3 {
+ padding-right: 1rem !important; }
+ .pb-lg-3,
+ .py-lg-3 {
+ padding-bottom: 1rem !important; }
+ .pl-lg-3,
+ .px-lg-3 {
+ padding-left: 1rem !important; }
+ .p-lg-4 {
+ padding: 1.5rem !important; }
+ .pt-lg-4,
+ .py-lg-4 {
+ padding-top: 1.5rem !important; }
+ .pr-lg-4,
+ .px-lg-4 {
+ padding-right: 1.5rem !important; }
+ .pb-lg-4,
+ .py-lg-4 {
+ padding-bottom: 1.5rem !important; }
+ .pl-lg-4,
+ .px-lg-4 {
+ padding-left: 1.5rem !important; }
+ .p-lg-5 {
+ padding: 2rem !important; }
+ .pt-lg-5,
+ .py-lg-5 {
+ padding-top: 2rem !important; }
+ .pr-lg-5,
+ .px-lg-5 {
+ padding-right: 2rem !important; }
+ .pb-lg-5,
+ .py-lg-5 {
+ padding-bottom: 2rem !important; }
+ .pl-lg-5,
+ .px-lg-5 {
+ padding-left: 2rem !important; }
+ .p-lg-6 {
+ padding: 2.5rem !important; }
+ .pt-lg-6,
+ .py-lg-6 {
+ padding-top: 2.5rem !important; }
+ .pr-lg-6,
+ .px-lg-6 {
+ padding-right: 2.5rem !important; }
+ .pb-lg-6,
+ .py-lg-6 {
+ padding-bottom: 2.5rem !important; }
+ .pl-lg-6,
+ .px-lg-6 {
+ padding-left: 2.5rem !important; }
+ .m-lg-n1 {
+ margin: -0.25rem !important; }
+ .mt-lg-n1,
+ .my-lg-n1 {
+ margin-top: -0.25rem !important; }
+ .mr-lg-n1,
+ .mx-lg-n1 {
+ margin-right: -0.25rem !important; }
+ .mb-lg-n1,
+ .my-lg-n1 {
+ margin-bottom: -0.25rem !important; }
+ .ml-lg-n1,
+ .mx-lg-n1 {
+ margin-left: -0.25rem !important; }
+ .m-lg-n2 {
+ margin: -0.5rem !important; }
+ .mt-lg-n2,
+ .my-lg-n2 {
+ margin-top: -0.5rem !important; }
+ .mr-lg-n2,
+ .mx-lg-n2 {
+ margin-right: -0.5rem !important; }
+ .mb-lg-n2,
+ .my-lg-n2 {
+ margin-bottom: -0.5rem !important; }
+ .ml-lg-n2,
+ .mx-lg-n2 {
+ margin-left: -0.5rem !important; }
+ .m-lg-n3 {
+ margin: -1rem !important; }
+ .mt-lg-n3,
+ .my-lg-n3 {
+ margin-top: -1rem !important; }
+ .mr-lg-n3,
+ .mx-lg-n3 {
+ margin-right: -1rem !important; }
+ .mb-lg-n3,
+ .my-lg-n3 {
+ margin-bottom: -1rem !important; }
+ .ml-lg-n3,
+ .mx-lg-n3 {
+ margin-left: -1rem !important; }
+ .m-lg-n4 {
+ margin: -1.5rem !important; }
+ .mt-lg-n4,
+ .my-lg-n4 {
+ margin-top: -1.5rem !important; }
+ .mr-lg-n4,
+ .mx-lg-n4 {
+ margin-right: -1.5rem !important; }
+ .mb-lg-n4,
+ .my-lg-n4 {
+ margin-bottom: -1.5rem !important; }
+ .ml-lg-n4,
+ .mx-lg-n4 {
+ margin-left: -1.5rem !important; }
+ .m-lg-n5 {
+ margin: -2rem !important; }
+ .mt-lg-n5,
+ .my-lg-n5 {
+ margin-top: -2rem !important; }
+ .mr-lg-n5,
+ .mx-lg-n5 {
+ margin-right: -2rem !important; }
+ .mb-lg-n5,
+ .my-lg-n5 {
+ margin-bottom: -2rem !important; }
+ .ml-lg-n5,
+ .mx-lg-n5 {
+ margin-left: -2rem !important; }
+ .m-lg-n6 {
+ margin: -2.5rem !important; }
+ .mt-lg-n6,
+ .my-lg-n6 {
+ margin-top: -2.5rem !important; }
+ .mr-lg-n6,
+ .mx-lg-n6 {
+ margin-right: -2.5rem !important; }
+ .mb-lg-n6,
+ .my-lg-n6 {
+ margin-bottom: -2.5rem !important; }
+ .ml-lg-n6,
+ .mx-lg-n6 {
+ margin-left: -2.5rem !important; }
+ .m-lg-auto {
+ margin: auto !important; }
+ .mt-lg-auto,
+ .my-lg-auto {
+ margin-top: auto !important; }
+ .mr-lg-auto,
+ .mx-lg-auto {
+ margin-right: auto !important; }
+ .mb-lg-auto,
+ .my-lg-auto {
+ margin-bottom: auto !important; }
+ .ml-lg-auto,
+ .mx-lg-auto {
+ margin-left: auto !important; } }
+
+@media (min-width: 1399px) {
+ .m-xl-0 {
+ margin: 0 !important; }
+ .mt-xl-0,
+ .my-xl-0 {
+ margin-top: 0 !important; }
+ .mr-xl-0,
+ .mx-xl-0 {
+ margin-right: 0 !important; }
+ .mb-xl-0,
+ .my-xl-0 {
+ margin-bottom: 0 !important; }
+ .ml-xl-0,
+ .mx-xl-0 {
+ margin-left: 0 !important; }
+ .m-xl-1 {
+ margin: 0.25rem !important; }
+ .mt-xl-1,
+ .my-xl-1 {
+ margin-top: 0.25rem !important; }
+ .mr-xl-1,
+ .mx-xl-1 {
+ margin-right: 0.25rem !important; }
+ .mb-xl-1,
+ .my-xl-1 {
+ margin-bottom: 0.25rem !important; }
+ .ml-xl-1,
+ .mx-xl-1 {
+ margin-left: 0.25rem !important; }
+ .m-xl-2 {
+ margin: 0.5rem !important; }
+ .mt-xl-2,
+ .my-xl-2 {
+ margin-top: 0.5rem !important; }
+ .mr-xl-2,
+ .mx-xl-2 {
+ margin-right: 0.5rem !important; }
+ .mb-xl-2,
+ .my-xl-2 {
+ margin-bottom: 0.5rem !important; }
+ .ml-xl-2,
+ .mx-xl-2 {
+ margin-left: 0.5rem !important; }
+ .m-xl-3 {
+ margin: 1rem !important; }
+ .mt-xl-3,
+ .my-xl-3 {
+ margin-top: 1rem !important; }
+ .mr-xl-3,
+ .mx-xl-3 {
+ margin-right: 1rem !important; }
+ .mb-xl-3,
+ .my-xl-3 {
+ margin-bottom: 1rem !important; }
+ .ml-xl-3,
+ .mx-xl-3 {
+ margin-left: 1rem !important; }
+ .m-xl-4 {
+ margin: 1.5rem !important; }
+ .mt-xl-4,
+ .my-xl-4 {
+ margin-top: 1.5rem !important; }
+ .mr-xl-4,
+ .mx-xl-4 {
+ margin-right: 1.5rem !important; }
+ .mb-xl-4,
+ .my-xl-4 {
+ margin-bottom: 1.5rem !important; }
+ .ml-xl-4,
+ .mx-xl-4 {
+ margin-left: 1.5rem !important; }
+ .m-xl-5 {
+ margin: 2rem !important; }
+ .mt-xl-5,
+ .my-xl-5 {
+ margin-top: 2rem !important; }
+ .mr-xl-5,
+ .mx-xl-5 {
+ margin-right: 2rem !important; }
+ .mb-xl-5,
+ .my-xl-5 {
+ margin-bottom: 2rem !important; }
+ .ml-xl-5,
+ .mx-xl-5 {
+ margin-left: 2rem !important; }
+ .m-xl-6 {
+ margin: 2.5rem !important; }
+ .mt-xl-6,
+ .my-xl-6 {
+ margin-top: 2.5rem !important; }
+ .mr-xl-6,
+ .mx-xl-6 {
+ margin-right: 2.5rem !important; }
+ .mb-xl-6,
+ .my-xl-6 {
+ margin-bottom: 2.5rem !important; }
+ .ml-xl-6,
+ .mx-xl-6 {
+ margin-left: 2.5rem !important; }
+ .p-xl-0 {
+ padding: 0 !important; }
+ .pt-xl-0,
+ .py-xl-0 {
+ padding-top: 0 !important; }
+ .pr-xl-0,
+ .px-xl-0 {
+ padding-right: 0 !important; }
+ .pb-xl-0,
+ .py-xl-0 {
+ padding-bottom: 0 !important; }
+ .pl-xl-0,
+ .px-xl-0 {
+ padding-left: 0 !important; }
+ .p-xl-1 {
+ padding: 0.25rem !important; }
+ .pt-xl-1,
+ .py-xl-1 {
+ padding-top: 0.25rem !important; }
+ .pr-xl-1,
+ .px-xl-1 {
+ padding-right: 0.25rem !important; }
+ .pb-xl-1,
+ .py-xl-1 {
+ padding-bottom: 0.25rem !important; }
+ .pl-xl-1,
+ .px-xl-1 {
+ padding-left: 0.25rem !important; }
+ .p-xl-2 {
+ padding: 0.5rem !important; }
+ .pt-xl-2,
+ .py-xl-2 {
+ padding-top: 0.5rem !important; }
+ .pr-xl-2,
+ .px-xl-2 {
+ padding-right: 0.5rem !important; }
+ .pb-xl-2,
+ .py-xl-2 {
+ padding-bottom: 0.5rem !important; }
+ .pl-xl-2,
+ .px-xl-2 {
+ padding-left: 0.5rem !important; }
+ .p-xl-3 {
+ padding: 1rem !important; }
+ .pt-xl-3,
+ .py-xl-3 {
+ padding-top: 1rem !important; }
+ .pr-xl-3,
+ .px-xl-3 {
+ padding-right: 1rem !important; }
+ .pb-xl-3,
+ .py-xl-3 {
+ padding-bottom: 1rem !important; }
+ .pl-xl-3,
+ .px-xl-3 {
+ padding-left: 1rem !important; }
+ .p-xl-4 {
+ padding: 1.5rem !important; }
+ .pt-xl-4,
+ .py-xl-4 {
+ padding-top: 1.5rem !important; }
+ .pr-xl-4,
+ .px-xl-4 {
+ padding-right: 1.5rem !important; }
+ .pb-xl-4,
+ .py-xl-4 {
+ padding-bottom: 1.5rem !important; }
+ .pl-xl-4,
+ .px-xl-4 {
+ padding-left: 1.5rem !important; }
+ .p-xl-5 {
+ padding: 2rem !important; }
+ .pt-xl-5,
+ .py-xl-5 {
+ padding-top: 2rem !important; }
+ .pr-xl-5,
+ .px-xl-5 {
+ padding-right: 2rem !important; }
+ .pb-xl-5,
+ .py-xl-5 {
+ padding-bottom: 2rem !important; }
+ .pl-xl-5,
+ .px-xl-5 {
+ padding-left: 2rem !important; }
+ .p-xl-6 {
+ padding: 2.5rem !important; }
+ .pt-xl-6,
+ .py-xl-6 {
+ padding-top: 2.5rem !important; }
+ .pr-xl-6,
+ .px-xl-6 {
+ padding-right: 2.5rem !important; }
+ .pb-xl-6,
+ .py-xl-6 {
+ padding-bottom: 2.5rem !important; }
+ .pl-xl-6,
+ .px-xl-6 {
+ padding-left: 2.5rem !important; }
+ .m-xl-n1 {
+ margin: -0.25rem !important; }
+ .mt-xl-n1,
+ .my-xl-n1 {
+ margin-top: -0.25rem !important; }
+ .mr-xl-n1,
+ .mx-xl-n1 {
+ margin-right: -0.25rem !important; }
+ .mb-xl-n1,
+ .my-xl-n1 {
+ margin-bottom: -0.25rem !important; }
+ .ml-xl-n1,
+ .mx-xl-n1 {
+ margin-left: -0.25rem !important; }
+ .m-xl-n2 {
+ margin: -0.5rem !important; }
+ .mt-xl-n2,
+ .my-xl-n2 {
+ margin-top: -0.5rem !important; }
+ .mr-xl-n2,
+ .mx-xl-n2 {
+ margin-right: -0.5rem !important; }
+ .mb-xl-n2,
+ .my-xl-n2 {
+ margin-bottom: -0.5rem !important; }
+ .ml-xl-n2,
+ .mx-xl-n2 {
+ margin-left: -0.5rem !important; }
+ .m-xl-n3 {
+ margin: -1rem !important; }
+ .mt-xl-n3,
+ .my-xl-n3 {
+ margin-top: -1rem !important; }
+ .mr-xl-n3,
+ .mx-xl-n3 {
+ margin-right: -1rem !important; }
+ .mb-xl-n3,
+ .my-xl-n3 {
+ margin-bottom: -1rem !important; }
+ .ml-xl-n3,
+ .mx-xl-n3 {
+ margin-left: -1rem !important; }
+ .m-xl-n4 {
+ margin: -1.5rem !important; }
+ .mt-xl-n4,
+ .my-xl-n4 {
+ margin-top: -1.5rem !important; }
+ .mr-xl-n4,
+ .mx-xl-n4 {
+ margin-right: -1.5rem !important; }
+ .mb-xl-n4,
+ .my-xl-n4 {
+ margin-bottom: -1.5rem !important; }
+ .ml-xl-n4,
+ .mx-xl-n4 {
+ margin-left: -1.5rem !important; }
+ .m-xl-n5 {
+ margin: -2rem !important; }
+ .mt-xl-n5,
+ .my-xl-n5 {
+ margin-top: -2rem !important; }
+ .mr-xl-n5,
+ .mx-xl-n5 {
+ margin-right: -2rem !important; }
+ .mb-xl-n5,
+ .my-xl-n5 {
+ margin-bottom: -2rem !important; }
+ .ml-xl-n5,
+ .mx-xl-n5 {
+ margin-left: -2rem !important; }
+ .m-xl-n6 {
+ margin: -2.5rem !important; }
+ .mt-xl-n6,
+ .my-xl-n6 {
+ margin-top: -2.5rem !important; }
+ .mr-xl-n6,
+ .mx-xl-n6 {
+ margin-right: -2.5rem !important; }
+ .mb-xl-n6,
+ .my-xl-n6 {
+ margin-bottom: -2.5rem !important; }
+ .ml-xl-n6,
+ .mx-xl-n6 {
+ margin-left: -2.5rem !important; }
+ .m-xl-auto {
+ margin: auto !important; }
+ .mt-xl-auto,
+ .my-xl-auto {
+ margin-top: auto !important; }
+ .mr-xl-auto,
+ .mx-xl-auto {
+ margin-right: auto !important; }
+ .mb-xl-auto,
+ .my-xl-auto {
+ margin-bottom: auto !important; }
+ .ml-xl-auto,
+ .mx-xl-auto {
+ margin-left: auto !important; } }
+
+.text-monospace {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
+
+.text-justify {
+ text-align: justify !important; }
+
+.text-wrap {
+ white-space: normal !important; }
+
+.text-nowrap {
+ white-space: nowrap !important; }
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+
+.text-left {
+ text-align: left !important; }
+
+.text-right {
+ text-align: right !important; }
+
+.text-center {
+ text-align: center !important; }
+
+@media (min-width: 576px) {
+ .text-sm-left {
+ text-align: left !important; }
+ .text-sm-right {
+ text-align: right !important; }
+ .text-sm-center {
+ text-align: center !important; } }
+
+@media (min-width: 768px) {
+ .text-md-left {
+ text-align: left !important; }
+ .text-md-right {
+ text-align: right !important; }
+ .text-md-center {
+ text-align: center !important; } }
+
+@media (min-width: 992px) {
+ .text-lg-left {
+ text-align: left !important; }
+ .text-lg-right {
+ text-align: right !important; }
+ .text-lg-center {
+ text-align: center !important; } }
+
+@media (min-width: 1399px) {
+ .text-xl-left {
+ text-align: left !important; }
+ .text-xl-right {
+ text-align: right !important; }
+ .text-xl-center {
+ text-align: center !important; } }
+
+.text-lowercase {
+ text-transform: lowercase !important; }
+
+.text-uppercase {
+ text-transform: uppercase !important; }
+
+.text-capitalize {
+ text-transform: capitalize !important; }
+
+.font-weight-light {
+ font-weight: 300 !important; }
+
+.font-weight-lighter {
+ font-weight: lighter !important; }
+
+.font-weight-normal {
+ font-weight: 400 !important; }
+
+.font-weight-bold {
+ font-weight: 700 !important; }
+
+.font-weight-bolder {
+ font-weight: bolder !important; }
+
+.font-italic {
+ font-style: italic !important; }
+
+.text-white {
+ color: #fff !important; }
+
+.text-primary {
+ color: #886ab5 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+ color: #62468d !important; }
+
+.text-secondary {
+ color: #868e96 !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+ color: #60686f !important; }
+
+.text-success {
+ color: #1dc9b7 !important; }
+
+a.text-success:hover, a.text-success:focus {
+ color: #13867a !important; }
+
+.text-info {
+ color: #2196F3 !important; }
+
+a.text-info:hover, a.text-info:focus {
+ color: #0a6ebd !important; }
+
+.text-warning {
+ color: #ffc241 !important; }
+
+a.text-warning:hover, a.text-warning:focus {
+ color: #f4a500 !important; }
+
+.text-danger {
+ color: #fd3995 !important; }
+
+a.text-danger:hover, a.text-danger:focus {
+ color: #e7026e !important; }
+
+.text-light {
+ color: #fff !important; }
+
+a.text-light:hover, a.text-light:focus {
+ color: #d9d9d9 !important; }
+
+.text-dark {
+ color: #505050 !important; }
+
+a.text-dark:hover, a.text-dark:focus {
+ color: #2a2a2a !important; }
+
+.text-body {
+ color: #212529 !important; }
+
+.text-muted {
+ color: #868e96 !important; }
+
+.text-black-50 {
+ color: rgba(0, 0, 0, 0.5) !important; }
+
+.text-white-50 {
+ color: rgba(255, 255, 255, 0.5) !important; }
+
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0; }
+
+.text-decoration-none {
+ text-decoration: none !important; }
+
+.text-break {
+ word-break: break-word !important;
+ overflow-wrap: break-word !important; }
+
+.text-reset {
+ color: inherit !important; }
+
+.visible {
+ visibility: visible !important; }
+
+.invisible {
+ visibility: hidden !important; }
+
+@media print {
+ *,
+ *::before,
+ *::after {
+ text-shadow: none !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important; }
+ a:not(.btn) {
+ text-decoration: underline; }
+ abbr[title]::after {
+ content: " (" attr(title) ")"; }
+ pre {
+ white-space: pre-wrap !important; }
+ pre,
+ blockquote {
+ border: 1px solid #adb5bd;
+ page-break-inside: avoid; }
+ thead {
+ display: table-header-group; }
+ tr,
+ img {
+ page-break-inside: avoid; }
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3; }
+ h2,
+ h3 {
+ page-break-after: avoid; }
+ @page {
+ size: letter; }
+ body {
+ min-width: 992px !important; }
+ .container {
+ min-width: 992px !important; }
+ .navbar {
+ display: none; }
+ .badge {
+ border: 1px solid #000; }
+ .table {
+ border-collapse: collapse !important; }
+ .table td,
+ .table th {
+ background-color: #fff !important; }
+ .table-bordered th,
+ .table-bordered td {
+ border: 1px solid #dee2e6 !important; }
+ .table-dark {
+ color: inherit; }
+ .table-dark th,
+ .table-dark td,
+ .table-dark thead th,
+ .table-dark tbody + tbody {
+ border-color: #e9e9e9; }
+ .table .thead-dark th {
+ color: inherit;
+ border-color: #e9e9e9; } }
+
+/* #GLOBAL IMPORTS
+========================================================================== */
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+ SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
+ -------------------------------- -------------------
+ LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+ SASS port by Samuel Beek (http://samuelbeek.com)
+ ---------------------------------------------------*/
+/*------------------------
+ Usage
+
+ h1 {
+ font-size: rem(32);
+ }
+
+ OR:
+
+ h1 {
+ font-size: rem(32px);
+ }
+------------------------*/
+/*------------------------
+ FADE IN
+ e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+
+Color brightness is determined by the following formula:
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory
+ eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/* THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default
+$color-primary: #826bb0;
+$color-success: #31cb55;
+$color-info: #5e93ec;
+$color-warning: #eec559;
+$color-danger: #dc4b92;
+$color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/* Color Polarity
+========================================================================== */
+/* PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/* Define universal border difition (div outlines, etc)
+========================================================================== */
+/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/* BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner: calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/* BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px */
+/* 12px */
+/* 12.5px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 28px */
+/* Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/* ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/* Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/* CUSTOM ICON PREFIX
+========================================================================== */
+/* PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/* Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/* Components
+========================================================================== */
+/* PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/* NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+ .page-logo
+ .primary-nav
+ .info-card
+ ul.nav-menu
+ li
+ a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+ icon
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-one
+ li
+ a ($nav-level-1... $nav-sub-link-height)
+ span
+ collapse-sign
+
+ ul.nav-menu-sub-two
+ li
+ a ($nav-level-2... $nav-sub-link-height)
+ span
+
+ p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/* MISC Settings
+========================================================================== */
+/* List Table */
+/* PAGE SETTINGS
+========================================================================== */
+/* PAGE BREADCRUMB
+========================================================================== */
+/* PAGE COMPONENT PANELS
+========================================================================== */
+/* PAGE COMPONENT PROGRESSBARS
+========================================================================== */
+/* PAGE COMPONENT MESSENGER
+========================================================================== */
+/* FOOTER
+========================================================================== */
+/* GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+body {
+ font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+ font-size: 0.8125rem;
+ letter-spacing: 0.1px; }
+
+.page-content {
+ color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.3;
+ font-weight: 400; }
+
+strong {
+ font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+ font-weight: 300;
+ display: block;
+ font-size: 0.9375rem;
+ line-height: 1.5;
+ margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+ font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+ font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+ font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+ color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+ background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+ color: #886ab5;
+ background-clip: text;
+ text-fill-color: transparent;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER
+=============================================
+
+EXAMPLE:
+
+%bg-image {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.image-one {
+ @extend %bg-image;
+ background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+ width: 100%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+ box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+ transition: all 0.2s ease-in-out;
+
+ &:hover {
+ box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+ }
+}
+*/
+/*%fixed-header-shadow {
+ @include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/* %selected-dot {
+ &:before {
+ content: " ";
+ display: block;
+ border-radius: 50%;
+ background: inherit;
+ background-image: none;
+ border: 2px solid rgba(0,0,0,0.2);
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ height: 20px;
+ width: 20px;
+ }
+ &:after {
+ content: " ";
+ height: inherit;
+ width: inherit;
+ border: 5px solid rgba(0,0,0,0.1);
+ position: absolute;
+ left: 0;
+ top: 0;
+ border-radius: 50%;
+ }
+ }*/
+/* patterns */
+/* #WEBFONT ICONS IMPORTS
+========================================================================== */
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+.fa,
+.fas,
+.far,
+.fal,
+.fab {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ line-height: 1; }
+
+.fa-lg {
+ font-size: 1.33333em;
+ line-height: 0.75em;
+ vertical-align: -.0667em; }
+
+.fa-xs {
+ font-size: .75em; }
+
+.fa-sm {
+ font-size: .875em; }
+
+.fa-1x {
+ font-size: 1em; }
+
+.fa-2x {
+ font-size: 2em; }
+
+.fa-3x {
+ font-size: 3em; }
+
+.fa-4x {
+ font-size: 4em; }
+
+.fa-5x {
+ font-size: 5em; }
+
+.fa-6x {
+ font-size: 6em; }
+
+.fa-7x {
+ font-size: 7em; }
+
+.fa-8x {
+ font-size: 8em; }
+
+.fa-9x {
+ font-size: 9em; }
+
+.fa-10x {
+ font-size: 10em; }
+
+.fa-fw {
+ text-align: center;
+ width: 1.25em; }
+
+.fa-ul {
+ list-style-type: none;
+ margin-left: 2.5em;
+ padding-left: 0; }
+ .fa-ul > li {
+ position: relative; }
+
+.fa-li {
+ left: -2em;
+ position: absolute;
+ text-align: center;
+ width: 2em;
+ line-height: inherit; }
+
+.fa-border {
+ border: solid 0.08em #eee;
+ border-radius: .1em;
+ padding: .2em .25em .15em; }
+
+.fa-pull-left {
+ float: left; }
+
+.fa-pull-right {
+ float: right; }
+
+.fa.fa-pull-left,
+.fas.fa-pull-left,
+.far.fa-pull-left,
+.fal.fa-pull-left,
+.fab.fa-pull-left {
+ margin-right: .3em; }
+
+.fa.fa-pull-right,
+.fas.fa-pull-right,
+.far.fa-pull-right,
+.fal.fa-pull-right,
+.fab.fa-pull-right {
+ margin-left: .3em; }
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ 100% {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg); }
+
+.fa-rotate-180 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg); }
+
+.fa-rotate-270 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+ -webkit-transform: rotate(270deg);
+ transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+ -webkit-transform: scale(-1, 1);
+ transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(1, -1);
+ transform: scale(1, -1); }
+
+.fa-flip-horizontal.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(-1, -1);
+ transform: scale(-1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ -webkit-filter: none;
+ filter: none; }
+
+.fa-stack {
+ display: inline-block;
+ height: 2em;
+ line-height: 2em;
+ position: relative;
+ vertical-align: middle;
+ width: 2em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+ left: 0;
+ position: absolute;
+ text-align: center;
+ width: 100%; }
+
+.fa-stack-1x {
+ line-height: inherit; }
+
+.fa-stack-2x {
+ font-size: 2em; }
+
+.fa-inverse {
+ color: #fff; }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+readers do not read off random characters that represent icons */
+.fa-500px:before {
+ content: "\f26e"; }
+
+.fa-accessible-icon:before {
+ content: "\f368"; }
+
+.fa-accusoft:before {
+ content: "\f369"; }
+
+.fa-address-book:before {
+ content: "\f2b9"; }
+
+.fa-address-card:before {
+ content: "\f2bb"; }
+
+.fa-adjust:before {
+ content: "\f042"; }
+
+.fa-adn:before {
+ content: "\f170"; }
+
+.fa-adversal:before {
+ content: "\f36a"; }
+
+.fa-affiliatetheme:before {
+ content: "\f36b"; }
+
+.fa-alarm-clock:before {
+ content: "\f34e"; }
+
+.fa-algolia:before {
+ content: "\f36c"; }
+
+.fa-align-center:before {
+ content: "\f037"; }
+
+.fa-align-justify:before {
+ content: "\f039"; }
+
+.fa-align-left:before {
+ content: "\f036"; }
+
+.fa-align-right:before {
+ content: "\f038"; }
+
+.fa-allergies:before {
+ content: "\f461"; }
+
+.fa-amazon:before {
+ content: "\f270"; }
+
+.fa-amazon-pay:before {
+ content: "\f42c"; }
+
+.fa-ambulance:before {
+ content: "\f0f9"; }
+
+.fa-american-sign-language-interpreting:before {
+ content: "\f2a3"; }
+
+.fa-amilia:before {
+ content: "\f36d"; }
+
+.fa-anchor:before {
+ content: "\f13d"; }
+
+.fa-android:before {
+ content: "\f17b"; }
+
+.fa-angellist:before {
+ content: "\f209"; }
+
+.fa-angle-double-down:before {
+ content: "\f103"; }
+
+.fa-angle-double-left:before {
+ content: "\f100"; }
+
+.fa-angle-double-right:before {
+ content: "\f101"; }
+
+.fa-angle-double-up:before {
+ content: "\f102"; }
+
+.fa-angle-down:before {
+ content: "\f107"; }
+
+.fa-angle-left:before {
+ content: "\f104"; }
+
+.fa-angle-right:before {
+ content: "\f105"; }
+
+.fa-angle-up:before {
+ content: "\f106"; }
+
+.fa-angrycreative:before {
+ content: "\f36e"; }
+
+.fa-angular:before {
+ content: "\f420"; }
+
+.fa-app-store:before {
+ content: "\f36f"; }
+
+.fa-app-store-ios:before {
+ content: "\f370"; }
+
+.fa-apper:before {
+ content: "\f371"; }
+
+.fa-apple:before {
+ content: "\f179"; }
+
+.fa-apple-pay:before {
+ content: "\f415"; }
+
+.fa-archive:before {
+ content: "\f187"; }
+
+.fa-arrow-alt-circle-down:before {
+ content: "\f358"; }
+
+.fa-arrow-alt-circle-left:before {
+ content: "\f359"; }
+
+.fa-arrow-alt-circle-right:before {
+ content: "\f35a"; }
+
+.fa-arrow-alt-circle-up:before {
+ content: "\f35b"; }
+
+.fa-arrow-alt-down:before {
+ content: "\f354"; }
+
+.fa-arrow-alt-from-bottom:before {
+ content: "\f346"; }
+
+.fa-arrow-alt-from-left:before {
+ content: "\f347"; }
+
+.fa-arrow-alt-from-right:before {
+ content: "\f348"; }
+
+.fa-arrow-alt-from-top:before {
+ content: "\f349"; }
+
+.fa-arrow-alt-left:before {
+ content: "\f355"; }
+
+.fa-arrow-alt-right:before {
+ content: "\f356"; }
+
+.fa-arrow-alt-square-down:before {
+ content: "\f350"; }
+
+.fa-arrow-alt-square-left:before {
+ content: "\f351"; }
+
+.fa-arrow-alt-square-right:before {
+ content: "\f352"; }
+
+.fa-arrow-alt-square-up:before {
+ content: "\f353"; }
+
+.fa-arrow-alt-to-bottom:before {
+ content: "\f34a"; }
+
+.fa-arrow-alt-to-left:before {
+ content: "\f34b"; }
+
+.fa-arrow-alt-to-right:before {
+ content: "\f34c"; }
+
+.fa-arrow-alt-to-top:before {
+ content: "\f34d"; }
+
+.fa-arrow-alt-up:before {
+ content: "\f357"; }
+
+.fa-arrow-circle-down:before {
+ content: "\f0ab"; }
+
+.fa-arrow-circle-left:before {
+ content: "\f0a8"; }
+
+.fa-arrow-circle-right:before {
+ content: "\f0a9"; }
+
+.fa-arrow-circle-up:before {
+ content: "\f0aa"; }
+
+.fa-arrow-down:before {
+ content: "\f063"; }
+
+.fa-arrow-from-bottom:before {
+ content: "\f342"; }
+
+.fa-arrow-from-left:before {
+ content: "\f343"; }
+
+.fa-arrow-from-right:before {
+ content: "\f344"; }
+
+.fa-arrow-from-top:before {
+ content: "\f345"; }
+
+.fa-arrow-left:before {
+ content: "\f060"; }
+
+.fa-arrow-right:before {
+ content: "\f061"; }
+
+.fa-arrow-square-down:before {
+ content: "\f339"; }
+
+.fa-arrow-square-left:before {
+ content: "\f33a"; }
+
+.fa-arrow-square-right:before {
+ content: "\f33b"; }
+
+.fa-arrow-square-up:before {
+ content: "\f33c"; }
+
+.fa-arrow-to-bottom:before {
+ content: "\f33d"; }
+
+.fa-arrow-to-left:before {
+ content: "\f33e"; }
+
+.fa-arrow-to-right:before {
+ content: "\f340"; }
+
+.fa-arrow-to-top:before {
+ content: "\f341"; }
+
+.fa-arrow-up:before {
+ content: "\f062"; }
+
+.fa-arrows:before {
+ content: "\f047"; }
+
+.fa-arrows-alt:before {
+ content: "\f0b2"; }
+
+.fa-arrows-alt-h:before {
+ content: "\f337"; }
+
+.fa-arrows-alt-v:before {
+ content: "\f338"; }
+
+.fa-arrows-h:before {
+ content: "\f07e"; }
+
+.fa-arrows-v:before {
+ content: "\f07d"; }
+
+.fa-assistive-listening-systems:before {
+ content: "\f2a2"; }
+
+.fa-asterisk:before {
+ content: "\f069"; }
+
+.fa-asymmetrik:before {
+ content: "\f372"; }
+
+.fa-at:before {
+ content: "\f1fa"; }
+
+.fa-audible:before {
+ content: "\f373"; }
+
+.fa-audio-description:before {
+ content: "\f29e"; }
+
+.fa-autoprefixer:before {
+ content: "\f41c"; }
+
+.fa-avianex:before {
+ content: "\f374"; }
+
+.fa-aviato:before {
+ content: "\f421"; }
+
+.fa-aws:before {
+ content: "\f375"; }
+
+.fa-backward:before {
+ content: "\f04a"; }
+
+.fa-badge:before {
+ content: "\f335"; }
+
+.fa-badge-check:before {
+ content: "\f336"; }
+
+.fa-balance-scale:before {
+ content: "\f24e"; }
+
+.fa-ban:before {
+ content: "\f05e"; }
+
+.fa-band-aid:before {
+ content: "\f462"; }
+
+.fa-bandcamp:before {
+ content: "\f2d5"; }
+
+.fa-barcode:before {
+ content: "\f02a"; }
+
+.fa-barcode-alt:before {
+ content: "\f463"; }
+
+.fa-barcode-read:before {
+ content: "\f464"; }
+
+.fa-barcode-scan:before {
+ content: "\f465"; }
+
+.fa-bars:before {
+ content: "\f0c9"; }
+
+.fa-baseball:before {
+ content: "\f432"; }
+
+.fa-baseball-ball:before {
+ content: "\f433"; }
+
+.fa-basketball-ball:before {
+ content: "\f434"; }
+
+.fa-basketball-hoop:before {
+ content: "\f435"; }
+
+.fa-bath:before {
+ content: "\f2cd"; }
+
+.fa-battery-bolt:before {
+ content: "\f376"; }
+
+.fa-battery-empty:before {
+ content: "\f244"; }
+
+.fa-battery-full:before {
+ content: "\f240"; }
+
+.fa-battery-half:before {
+ content: "\f242"; }
+
+.fa-battery-quarter:before {
+ content: "\f243"; }
+
+.fa-battery-slash:before {
+ content: "\f377"; }
+
+.fa-battery-three-quarters:before {
+ content: "\f241"; }
+
+.fa-bed:before {
+ content: "\f236"; }
+
+.fa-beer:before {
+ content: "\f0fc"; }
+
+.fa-behance:before {
+ content: "\f1b4"; }
+
+.fa-behance-square:before {
+ content: "\f1b5"; }
+
+.fa-bell:before {
+ content: "\f0f3"; }
+
+.fa-bell-slash:before {
+ content: "\f1f6"; }
+
+.fa-bicycle:before {
+ content: "\f206"; }
+
+.fa-bimobject:before {
+ content: "\f378"; }
+
+.fa-binoculars:before {
+ content: "\f1e5"; }
+
+.fa-birthday-cake:before {
+ content: "\f1fd"; }
+
+.fa-bitbucket:before {
+ content: "\f171"; }
+
+.fa-bitcoin:before {
+ content: "\f379"; }
+
+.fa-bity:before {
+ content: "\f37a"; }
+
+.fa-black-tie:before {
+ content: "\f27e"; }
+
+.fa-blackberry:before {
+ content: "\f37b"; }
+
+.fa-blind:before {
+ content: "\f29d"; }
+
+.fa-blogger:before {
+ content: "\f37c"; }
+
+.fa-blogger-b:before {
+ content: "\f37d"; }
+
+.fa-bluetooth:before {
+ content: "\f293"; }
+
+.fa-bluetooth-b:before {
+ content: "\f294"; }
+
+.fa-bold:before {
+ content: "\f032"; }
+
+.fa-bolt:before {
+ content: "\f0e7"; }
+
+.fa-bomb:before {
+ content: "\f1e2"; }
+
+.fa-book:before {
+ content: "\f02d"; }
+
+.fa-bookmark:before {
+ content: "\f02e"; }
+
+.fa-bowling-ball:before {
+ content: "\f436"; }
+
+.fa-bowling-pins:before {
+ content: "\f437"; }
+
+.fa-box:before {
+ content: "\f466"; }
+
+.fa-box-check:before {
+ content: "\f467"; }
+
+.fa-boxes:before {
+ content: "\f468"; }
+
+.fa-boxing-glove:before {
+ content: "\f438"; }
+
+.fa-braille:before {
+ content: "\f2a1"; }
+
+.fa-briefcase:before {
+ content: "\f0b1"; }
+
+.fa-briefcase-medical:before {
+ content: "\f469"; }
+
+.fa-browser:before {
+ content: "\f37e"; }
+
+.fa-btc:before {
+ content: "\f15a"; }
+
+.fa-bug:before {
+ content: "\f188"; }
+
+.fa-building:before {
+ content: "\f1ad"; }
+
+.fa-bullhorn:before {
+ content: "\f0a1"; }
+
+.fa-bullseye:before {
+ content: "\f140"; }
+
+.fa-burn:before {
+ content: "\f46a"; }
+
+.fa-buromobelexperte:before {
+ content: "\f37f"; }
+
+.fa-bus:before {
+ content: "\f207"; }
+
+.fa-buysellads:before {
+ content: "\f20d"; }
+
+.fa-calculator:before {
+ content: "\f1ec"; }
+
+.fa-calendar:before {
+ content: "\f133"; }
+
+.fa-calendar-alt:before {
+ content: "\f073"; }
+
+.fa-calendar-check:before {
+ content: "\f274"; }
+
+.fa-calendar-edit:before {
+ content: "\f333"; }
+
+.fa-calendar-exclamation:before {
+ content: "\f334"; }
+
+.fa-calendar-minus:before {
+ content: "\f272"; }
+
+.fa-calendar-plus:before {
+ content: "\f271"; }
+
+.fa-calendar-times:before {
+ content: "\f273"; }
+
+.fa-camera:before {
+ content: "\f030"; }
+
+.fa-camera-alt:before {
+ content: "\f332"; }
+
+.fa-camera-retro:before {
+ content: "\f083"; }
+
+.fa-capsules:before {
+ content: "\f46b"; }
+
+.fa-car:before {
+ content: "\f1b9"; }
+
+.fa-caret-circle-down:before {
+ content: "\f32d"; }
+
+.fa-caret-circle-left:before {
+ content: "\f32e"; }
+
+.fa-caret-circle-right:before {
+ content: "\f330"; }
+
+.fa-caret-circle-up:before {
+ content: "\f331"; }
+
+.fa-caret-down:before {
+ content: "\f0d7"; }
+
+.fa-caret-left:before {
+ content: "\f0d9"; }
+
+.fa-caret-right:before {
+ content: "\f0da"; }
+
+.fa-caret-square-down:before {
+ content: "\f150"; }
+
+.fa-caret-square-left:before {
+ content: "\f191"; }
+
+.fa-caret-square-right:before {
+ content: "\f152"; }
+
+.fa-caret-square-up:before {
+ content: "\f151"; }
+
+.fa-caret-up:before {
+ content: "\f0d8"; }
+
+.fa-cart-arrow-down:before {
+ content: "\f218"; }
+
+.fa-cart-plus:before {
+ content: "\f217"; }
+
+.fa-cc-amazon-pay:before {
+ content: "\f42d"; }
+
+.fa-cc-amex:before {
+ content: "\f1f3"; }
+
+.fa-cc-apple-pay:before {
+ content: "\f416"; }
+
+.fa-cc-diners-club:before {
+ content: "\f24c"; }
+
+.fa-cc-discover:before {
+ content: "\f1f2"; }
+
+.fa-cc-jcb:before {
+ content: "\f24b"; }
+
+.fa-cc-mastercard:before {
+ content: "\f1f1"; }
+
+.fa-cc-paypal:before {
+ content: "\f1f4"; }
+
+.fa-cc-stripe:before {
+ content: "\f1f5"; }
+
+.fa-cc-visa:before {
+ content: "\f1f0"; }
+
+.fa-centercode:before {
+ content: "\f380"; }
+
+.fa-certificate:before {
+ content: "\f0a3"; }
+
+.fa-chart-area:before {
+ content: "\f1fe"; }
+
+.fa-chart-bar:before {
+ content: "\f080"; }
+
+.fa-chart-line:before {
+ content: "\f201"; }
+
+.fa-chart-pie:before {
+ content: "\f200"; }
+
+.fa-check:before {
+ content: "\f00c"; }
+
+.fa-check-circle:before {
+ content: "\f058"; }
+
+.fa-check-square:before {
+ content: "\f14a"; }
+
+.fa-chess:before {
+ content: "\f439"; }
+
+.fa-chess-bishop:before {
+ content: "\f43a"; }
+
+.fa-chess-bishop-alt:before {
+ content: "\f43b"; }
+
+.fa-chess-board:before {
+ content: "\f43c"; }
+
+.fa-chess-clock:before {
+ content: "\f43d"; }
+
+.fa-chess-clock-alt:before {
+ content: "\f43e"; }
+
+.fa-chess-king:before {
+ content: "\f43f"; }
+
+.fa-chess-king-alt:before {
+ content: "\f440"; }
+
+.fa-chess-knight:before {
+ content: "\f441"; }
+
+.fa-chess-knight-alt:before {
+ content: "\f442"; }
+
+.fa-chess-pawn:before {
+ content: "\f443"; }
+
+.fa-chess-pawn-alt:before {
+ content: "\f444"; }
+
+.fa-chess-queen:before {
+ content: "\f445"; }
+
+.fa-chess-queen-alt:before {
+ content: "\f446"; }
+
+.fa-chess-rook:before {
+ content: "\f447"; }
+
+.fa-chess-rook-alt:before {
+ content: "\f448"; }
+
+.fa-chevron-circle-down:before {
+ content: "\f13a"; }
+
+.fa-chevron-circle-left:before {
+ content: "\f137"; }
+
+.fa-chevron-circle-right:before {
+ content: "\f138"; }
+
+.fa-chevron-circle-up:before {
+ content: "\f139"; }
+
+.fa-chevron-double-down:before {
+ content: "\f322"; }
+
+.fa-chevron-double-left:before {
+ content: "\f323"; }
+
+.fa-chevron-double-right:before {
+ content: "\f324"; }
+
+.fa-chevron-double-up:before {
+ content: "\f325"; }
+
+.fa-chevron-down:before {
+ content: "\f078"; }
+
+.fa-chevron-left:before {
+ content: "\f053"; }
+
+.fa-chevron-right:before {
+ content: "\f054"; }
+
+.fa-chevron-square-down:before {
+ content: "\f329"; }
+
+.fa-chevron-square-left:before {
+ content: "\f32a"; }
+
+.fa-chevron-square-right:before {
+ content: "\f32b"; }
+
+.fa-chevron-square-up:before {
+ content: "\f32c"; }
+
+.fa-chevron-up:before {
+ content: "\f077"; }
+
+.fa-child:before {
+ content: "\f1ae"; }
+
+.fa-chrome:before {
+ content: "\f268"; }
+
+.fa-circle:before {
+ content: "\f111"; }
+
+.fa-circle-notch:before {
+ content: "\f1ce"; }
+
+.fa-clipboard:before {
+ content: "\f328"; }
+
+.fa-clipboard-check:before {
+ content: "\f46c"; }
+
+.fa-clipboard-list:before {
+ content: "\f46d"; }
+
+.fa-clock:before {
+ content: "\f017"; }
+
+.fa-clone:before {
+ content: "\f24d"; }
+
+.fa-closed-captioning:before {
+ content: "\f20a"; }
+
+.fa-cloud:before {
+ content: "\f0c2"; }
+
+.fa-cloud-download:before {
+ content: "\f0ed"; }
+
+.fa-cloud-download-alt:before {
+ content: "\f381"; }
+
+.fa-cloud-upload:before {
+ content: "\f0ee"; }
+
+.fa-cloud-upload-alt:before {
+ content: "\f382"; }
+
+.fa-cloudscale:before {
+ content: "\f383"; }
+
+.fa-cloudsmith:before {
+ content: "\f384"; }
+
+.fa-cloudversify:before {
+ content: "\f385"; }
+
+.fa-club:before {
+ content: "\f327"; }
+
+.fa-code:before {
+ content: "\f121"; }
+
+.fa-code-branch:before {
+ content: "\f126"; }
+
+.fa-code-commit:before {
+ content: "\f386"; }
+
+.fa-code-merge:before {
+ content: "\f387"; }
+
+.fa-codepen:before {
+ content: "\f1cb"; }
+
+.fa-codiepie:before {
+ content: "\f284"; }
+
+.fa-coffee:before {
+ content: "\f0f4"; }
+
+.fa-cog:before {
+ content: "\f013"; }
+
+.fa-cogs:before {
+ content: "\f085"; }
+
+.fa-columns:before {
+ content: "\f0db"; }
+
+.fa-comment:before {
+ content: "\f075"; }
+
+.fa-comment-alt:before {
+ content: "\f27a"; }
+
+.fa-comments:before {
+ content: "\f086"; }
+
+.fa-compass:before {
+ content: "\f14e"; }
+
+.fa-compress:before {
+ content: "\f066"; }
+
+.fa-compress-alt:before {
+ content: "\f422"; }
+
+.fa-compress-wide:before {
+ content: "\f326"; }
+
+.fa-connectdevelop:before {
+ content: "\f20e"; }
+
+.fa-contao:before {
+ content: "\f26d"; }
+
+.fa-conveyor-belt:before {
+ content: "\f46e"; }
+
+.fa-conveyor-belt-alt:before {
+ content: "\f46f"; }
+
+.fa-copy:before {
+ content: "\f0c5"; }
+
+.fa-copyright:before {
+ content: "\f1f9"; }
+
+.fa-cpanel:before {
+ content: "\f388"; }
+
+.fa-creative-commons:before {
+ content: "\f25e"; }
+
+.fa-credit-card:before {
+ content: "\f09d"; }
+
+.fa-credit-card-blank:before {
+ content: "\f389"; }
+
+.fa-credit-card-front:before {
+ content: "\f38a"; }
+
+.fa-cricket:before {
+ content: "\f449"; }
+
+.fa-crop:before {
+ content: "\f125"; }
+
+.fa-crosshairs:before {
+ content: "\f05b"; }
+
+.fa-css3:before {
+ content: "\f13c"; }
+
+.fa-css3-alt:before {
+ content: "\f38b"; }
+
+.fa-cube:before {
+ content: "\f1b2"; }
+
+.fa-cubes:before {
+ content: "\f1b3"; }
+
+.fa-curling:before {
+ content: "\f44a"; }
+
+.fa-cut:before {
+ content: "\f0c4"; }
+
+.fa-cuttlefish:before {
+ content: "\f38c"; }
+
+.fa-d-and-d:before {
+ content: "\f38d"; }
+
+.fa-dashcube:before {
+ content: "\f210"; }
+
+.fa-database:before {
+ content: "\f1c0"; }
+
+.fa-deaf:before {
+ content: "\f2a4"; }
+
+.fa-delicious:before {
+ content: "\f1a5"; }
+
+.fa-deploydog:before {
+ content: "\f38e"; }
+
+.fa-deskpro:before {
+ content: "\f38f"; }
+
+.fa-desktop:before {
+ content: "\f108"; }
+
+.fa-desktop-alt:before {
+ content: "\f390"; }
+
+.fa-deviantart:before {
+ content: "\f1bd"; }
+
+.fa-diagnoses:before {
+ content: "\f470"; }
+
+.fa-diamond:before {
+ content: "\f219"; }
+
+.fa-digg:before {
+ content: "\f1a6"; }
+
+.fa-digital-ocean:before {
+ content: "\f391"; }
+
+.fa-discord:before {
+ content: "\f392"; }
+
+.fa-discourse:before {
+ content: "\f393"; }
+
+.fa-dna:before {
+ content: "\f471"; }
+
+.fa-dochub:before {
+ content: "\f394"; }
+
+.fa-docker:before {
+ content: "\f395"; }
+
+.fa-dollar-sign:before {
+ content: "\f155"; }
+
+.fa-dolly:before {
+ content: "\f472"; }
+
+.fa-dolly-empty:before {
+ content: "\f473"; }
+
+.fa-dolly-flatbed:before {
+ content: "\f474"; }
+
+.fa-dolly-flatbed-alt:before {
+ content: "\f475"; }
+
+.fa-dolly-flatbed-empty:before {
+ content: "\f476"; }
+
+.fa-dot-circle:before {
+ content: "\f192"; }
+
+.fa-download:before {
+ content: "\f019"; }
+
+.fa-draft2digital:before {
+ content: "\f396"; }
+
+.fa-dribbble:before {
+ content: "\f17d"; }
+
+.fa-dribbble-square:before {
+ content: "\f397"; }
+
+.fa-dropbox:before {
+ content: "\f16b"; }
+
+.fa-drupal:before {
+ content: "\f1a9"; }
+
+.fa-dumbbell:before {
+ content: "\f44b"; }
+
+.fa-dyalog:before {
+ content: "\f399"; }
+
+.fa-earlybirds:before {
+ content: "\f39a"; }
+
+.fa-edge:before {
+ content: "\f282"; }
+
+.fa-edit:before {
+ content: "\f044"; }
+
+.fa-eject:before {
+ content: "\f052"; }
+
+.fa-elementor:before {
+ content: "\f430"; }
+
+.fa-ellipsis-h:before {
+ content: "\f141"; }
+
+.fa-ellipsis-h-alt:before {
+ content: "\f39b"; }
+
+.fa-ellipsis-v:before {
+ content: "\f142"; }
+
+.fa-ellipsis-v-alt:before {
+ content: "\f39c"; }
+
+.fa-ember:before {
+ content: "\f423"; }
+
+.fa-empire:before {
+ content: "\f1d1"; }
+
+.fa-envelope:before {
+ content: "\f0e0"; }
+
+.fa-envelope-open:before {
+ content: "\f2b6"; }
+
+.fa-envelope-square:before {
+ content: "\f199"; }
+
+.fa-envira:before {
+ content: "\f299"; }
+
+.fa-eraser:before {
+ content: "\f12d"; }
+
+.fa-erlang:before {
+ content: "\f39d"; }
+
+.fa-ethereum:before {
+ content: "\f42e"; }
+
+.fa-etsy:before {
+ content: "\f2d7"; }
+
+.fa-euro-sign:before {
+ content: "\f153"; }
+
+.fa-exchange:before {
+ content: "\f0ec"; }
+
+.fa-exchange-alt:before {
+ content: "\f362"; }
+
+.fa-exclamation:before {
+ content: "\f12a"; }
+
+.fa-exclamation-circle:before {
+ content: "\f06a"; }
+
+.fa-exclamation-square:before {
+ content: "\f321"; }
+
+.fa-exclamation-triangle:before {
+ content: "\f071"; }
+
+.fa-expand:before {
+ content: "\f065"; }
+
+.fa-expand-alt:before {
+ content: "\f424"; }
+
+.fa-expand-arrows:before {
+ content: "\f31d"; }
+
+.fa-expand-arrows-alt:before {
+ content: "\f31e"; }
+
+.fa-expand-wide:before {
+ content: "\f320"; }
+
+.fa-expeditedssl:before {
+ content: "\f23e"; }
+
+.fa-external-link:before {
+ content: "\f08e"; }
+
+.fa-external-link-alt:before {
+ content: "\f35d"; }
+
+.fa-external-link-square:before {
+ content: "\f14c"; }
+
+.fa-external-link-square-alt:before {
+ content: "\f360"; }
+
+.fa-eye:before {
+ content: "\f06e"; }
+
+.fa-eye-dropper:before {
+ content: "\f1fb"; }
+
+.fa-eye-slash:before {
+ content: "\f070"; }
+
+.fa-facebook:before {
+ content: "\f09a"; }
+
+.fa-facebook-f:before {
+ content: "\f39e"; }
+
+.fa-facebook-messenger:before {
+ content: "\f39f"; }
+
+.fa-facebook-square:before {
+ content: "\f082"; }
+
+.fa-fast-backward:before {
+ content: "\f049"; }
+
+.fa-fast-forward:before {
+ content: "\f050"; }
+
+.fa-fax:before {
+ content: "\f1ac"; }
+
+.fa-female:before {
+ content: "\f182"; }
+
+.fa-field-hockey:before {
+ content: "\f44c"; }
+
+.fa-fighter-jet:before {
+ content: "\f0fb"; }
+
+.fa-file:before {
+ content: "\f15b"; }
+
+.fa-file-alt:before {
+ content: "\f15c"; }
+
+.fa-file-archive:before {
+ content: "\f1c6"; }
+
+.fa-file-audio:before {
+ content: "\f1c7"; }
+
+.fa-file-check:before {
+ content: "\f316"; }
+
+.fa-file-code:before {
+ content: "\f1c9"; }
+
+.fa-file-edit:before {
+ content: "\f31c"; }
+
+.fa-file-excel:before {
+ content: "\f1c3"; }
+
+.fa-file-exclamation:before {
+ content: "\f31a"; }
+
+.fa-file-image:before {
+ content: "\f1c5"; }
+
+.fa-file-medical:before {
+ content: "\f477"; }
+
+.fa-file-medical-alt:before {
+ content: "\f478"; }
+
+.fa-file-minus:before {
+ content: "\f318"; }
+
+.fa-file-pdf:before {
+ content: "\f1c1"; }
+
+.fa-file-plus:before {
+ content: "\f319"; }
+
+.fa-file-powerpoint:before {
+ content: "\f1c4"; }
+
+.fa-file-times:before {
+ content: "\f317"; }
+
+.fa-file-video:before {
+ content: "\f1c8"; }
+
+.fa-file-word:before {
+ content: "\f1c2"; }
+
+.fa-film:before {
+ content: "\f008"; }
+
+.fa-film-alt:before {
+ content: "\f3a0"; }
+
+.fa-filter:before {
+ content: "\f0b0"; }
+
+.fa-fire:before {
+ content: "\f06d"; }
+
+.fa-fire-extinguisher:before {
+ content: "\f134"; }
+
+.fa-firefox:before {
+ content: "\f269"; }
+
+.fa-first-aid:before {
+ content: "\f479"; }
+
+.fa-first-order:before {
+ content: "\f2b0"; }
+
+.fa-firstdraft:before {
+ content: "\f3a1"; }
+
+.fa-flag:before {
+ content: "\f024"; }
+
+.fa-flag-checkered:before {
+ content: "\f11e"; }
+
+.fa-flask:before {
+ content: "\f0c3"; }
+
+.fa-flickr:before {
+ content: "\f16e"; }
+
+.fa-flipboard:before {
+ content: "\f44d"; }
+
+.fa-fly:before {
+ content: "\f417"; }
+
+.fa-folder:before {
+ content: "\f07b"; }
+
+.fa-folder-open:before {
+ content: "\f07c"; }
+
+.fa-font:before {
+ content: "\f031"; }
+
+.fa-font-awesome:before {
+ content: "\f2b4"; }
+
+.fa-font-awesome-alt:before {
+ content: "\f35c"; }
+
+.fa-font-awesome-flag:before {
+ content: "\f425"; }
+
+.fa-fonticons:before {
+ content: "\f280"; }
+
+.fa-fonticons-fi:before {
+ content: "\f3a2"; }
+
+.fa-football-ball:before {
+ content: "\f44e"; }
+
+.fa-football-helmet:before {
+ content: "\f44f"; }
+
+.fa-forklift:before {
+ content: "\f47a"; }
+
+.fa-fort-awesome:before {
+ content: "\f286"; }
+
+.fa-fort-awesome-alt:before {
+ content: "\f3a3"; }
+
+.fa-forumbee:before {
+ content: "\f211"; }
+
+.fa-forward:before {
+ content: "\f04e"; }
+
+.fa-foursquare:before {
+ content: "\f180"; }
+
+.fa-free-code-camp:before {
+ content: "\f2c5"; }
+
+.fa-freebsd:before {
+ content: "\f3a4"; }
+
+.fa-frown:before {
+ content: "\f119"; }
+
+.fa-futbol:before {
+ content: "\f1e3"; }
+
+.fa-gamepad:before {
+ content: "\f11b"; }
+
+.fa-gavel:before {
+ content: "\f0e3"; }
+
+.fa-gem:before {
+ content: "\f3a5"; }
+
+.fa-genderless:before {
+ content: "\f22d"; }
+
+.fa-get-pocket:before {
+ content: "\f265"; }
+
+.fa-gg:before {
+ content: "\f260"; }
+
+.fa-gg-circle:before {
+ content: "\f261"; }
+
+.fa-gift:before {
+ content: "\f06b"; }
+
+.fa-git:before {
+ content: "\f1d3"; }
+
+.fa-git-square:before {
+ content: "\f1d2"; }
+
+.fa-github:before {
+ content: "\f09b"; }
+
+.fa-github-alt:before {
+ content: "\f113"; }
+
+.fa-github-square:before {
+ content: "\f092"; }
+
+.fa-gitkraken:before {
+ content: "\f3a6"; }
+
+.fa-gitlab:before {
+ content: "\f296"; }
+
+.fa-gitter:before {
+ content: "\f426"; }
+
+.fa-glass-martini:before {
+ content: "\f000"; }
+
+.fa-glide:before {
+ content: "\f2a5"; }
+
+.fa-glide-g:before {
+ content: "\f2a6"; }
+
+.fa-globe:before {
+ content: "\f0ac"; }
+
+.fa-gofore:before {
+ content: "\f3a7"; }
+
+.fa-golf-ball:before {
+ content: "\f450"; }
+
+.fa-golf-club:before {
+ content: "\f451"; }
+
+.fa-goodreads:before {
+ content: "\f3a8"; }
+
+.fa-goodreads-g:before {
+ content: "\f3a9"; }
+
+.fa-google:before {
+ content: "\f1a0"; }
+
+.fa-google-drive:before {
+ content: "\f3aa"; }
+
+.fa-google-play:before {
+ content: "\f3ab"; }
+
+.fa-google-plus:before {
+ content: "\f2b3"; }
+
+.fa-google-plus-g:before {
+ content: "\f0d5"; }
+
+.fa-google-plus-square:before {
+ content: "\f0d4"; }
+
+.fa-google-wallet:before {
+ content: "\f1ee"; }
+
+.fa-graduation-cap:before {
+ content: "\f19d"; }
+
+.fa-gratipay:before {
+ content: "\f184"; }
+
+.fa-grav:before {
+ content: "\f2d6"; }
+
+.fa-gripfire:before {
+ content: "\f3ac"; }
+
+.fa-grunt:before {
+ content: "\f3ad"; }
+
+.fa-gulp:before {
+ content: "\f3ae"; }
+
+.fa-h-square:before {
+ content: "\f0fd"; }
+
+.fa-h1:before {
+ content: "\f313"; }
+
+.fa-h2:before {
+ content: "\f314"; }
+
+.fa-h3:before {
+ content: "\f315"; }
+
+.fa-hacker-news:before {
+ content: "\f1d4"; }
+
+.fa-hacker-news-square:before {
+ content: "\f3af"; }
+
+.fa-hand-holding-box:before {
+ content: "\f47b"; }
+
+.fa-hand-lizard:before {
+ content: "\f258"; }
+
+.fa-hand-paper:before {
+ content: "\f256"; }
+
+.fa-hand-peace:before {
+ content: "\f25b"; }
+
+.fa-hand-point-down:before {
+ content: "\f0a7"; }
+
+.fa-hand-point-left:before {
+ content: "\f0a5"; }
+
+.fa-hand-point-right:before {
+ content: "\f0a4"; }
+
+.fa-hand-point-up:before {
+ content: "\f0a6"; }
+
+.fa-hand-pointer:before {
+ content: "\f25a"; }
+
+.fa-hand-receiving:before {
+ content: "\f47c"; }
+
+.fa-hand-rock:before {
+ content: "\f255"; }
+
+.fa-hand-scissors:before {
+ content: "\f257"; }
+
+.fa-hand-spock:before {
+ content: "\f259"; }
+
+.fa-handshake:before {
+ content: "\f2b5"; }
+
+.fa-hashtag:before {
+ content: "\f292"; }
+
+.fa-hdd:before {
+ content: "\f0a0"; }
+
+.fa-heading:before {
+ content: "\f1dc"; }
+
+.fa-headphones:before {
+ content: "\f025"; }
+
+.fa-heart:before {
+ content: "\f004"; }
+
+.fa-heartbeat:before {
+ content: "\f21e"; }
+
+.fa-hexagon:before {
+ content: "\f312"; }
+
+.fa-hips:before {
+ content: "\f452"; }
+
+.fa-hire-a-helper:before {
+ content: "\f3b0"; }
+
+.fa-history:before {
+ content: "\f1da"; }
+
+.fa-hockey-puck:before {
+ content: "\f453"; }
+
+.fa-hockey-sticks:before {
+ content: "\f454"; }
+
+.fa-home:before {
+ content: "\f015"; }
+
+.fa-hooli:before {
+ content: "\f427"; }
+
+.fa-hospital:before {
+ content: "\f0f8"; }
+
+.fa-hospital-alt:before {
+ content: "\f47d"; }
+
+.fa-hospital-symbol:before {
+ content: "\f47e"; }
+
+.fa-hotjar:before {
+ content: "\f3b1"; }
+
+.fa-hourglass:before {
+ content: "\f254"; }
+
+.fa-hourglass-end:before {
+ content: "\f253"; }
+
+.fa-hourglass-half:before {
+ content: "\f252"; }
+
+.fa-hourglass-start:before {
+ content: "\f251"; }
+
+.fa-houzz:before {
+ content: "\f27c"; }
+
+.fa-html5:before {
+ content: "\f13b"; }
+
+.fa-hubspot:before {
+ content: "\f3b2"; }
+
+.fa-i-cursor:before {
+ content: "\f246"; }
+
+.fa-id-badge:before {
+ content: "\f2c1"; }
+
+.fa-id-card:before {
+ content: "\f2c2"; }
+
+.fa-id-card-alt:before {
+ content: "\f47f"; }
+
+.fa-image:before {
+ content: "\f03e"; }
+
+.fa-images:before {
+ content: "\f302"; }
+
+.fa-imdb:before {
+ content: "\f2d8"; }
+
+.fa-inbox:before {
+ content: "\f01c"; }
+
+.fa-inbox-in:before {
+ content: "\f310"; }
+
+.fa-inbox-out:before {
+ content: "\f311"; }
+
+.fa-indent:before {
+ content: "\f03c"; }
+
+.fa-industry:before {
+ content: "\f275"; }
+
+.fa-industry-alt:before {
+ content: "\f3b3"; }
+
+.fa-info:before {
+ content: "\f129"; }
+
+.fa-info-circle:before {
+ content: "\f05a"; }
+
+.fa-info-square:before {
+ content: "\f30f"; }
+
+.fa-instagram:before {
+ content: "\f16d"; }
+
+.fa-internet-explorer:before {
+ content: "\f26b"; }
+
+.fa-inventory:before {
+ content: "\f480"; }
+
+.fa-ioxhost:before {
+ content: "\f208"; }
+
+.fa-italic:before {
+ content: "\f033"; }
+
+.fa-itunes:before {
+ content: "\f3b4"; }
+
+.fa-itunes-note:before {
+ content: "\f3b5"; }
+
+.fa-jack-o-lantern:before {
+ content: "\f30e"; }
+
+.fa-jenkins:before {
+ content: "\f3b6"; }
+
+.fa-joget:before {
+ content: "\f3b7"; }
+
+.fa-joomla:before {
+ content: "\f1aa"; }
+
+.fa-js:before {
+ content: "\f3b8"; }
+
+.fa-js-square:before {
+ content: "\f3b9"; }
+
+.fa-jsfiddle:before {
+ content: "\f1cc"; }
+
+.fa-key:before {
+ content: "\f084"; }
+
+.fa-keyboard:before {
+ content: "\f11c"; }
+
+.fa-keycdn:before {
+ content: "\f3ba"; }
+
+.fa-kickstarter:before {
+ content: "\f3bb"; }
+
+.fa-kickstarter-k:before {
+ content: "\f3bc"; }
+
+.fa-korvue:before {
+ content: "\f42f"; }
+
+.fa-language:before {
+ content: "\f1ab"; }
+
+.fa-laptop:before {
+ content: "\f109"; }
+
+.fa-laravel:before {
+ content: "\f3bd"; }
+
+.fa-lastfm:before {
+ content: "\f202"; }
+
+.fa-lastfm-square:before {
+ content: "\f203"; }
+
+.fa-leaf:before {
+ content: "\f06c"; }
+
+.fa-leanpub:before {
+ content: "\f212"; }
+
+.fa-lemon:before {
+ content: "\f094"; }
+
+.fa-less:before {
+ content: "\f41d"; }
+
+.fa-level-down:before {
+ content: "\f149"; }
+
+.fa-level-down-alt:before {
+ content: "\f3be"; }
+
+.fa-level-up:before {
+ content: "\f148"; }
+
+.fa-level-up-alt:before {
+ content: "\f3bf"; }
+
+.fa-life-ring:before {
+ content: "\f1cd"; }
+
+.fa-lightbulb:before {
+ content: "\f0eb"; }
+
+.fa-line:before {
+ content: "\f3c0"; }
+
+.fa-link:before {
+ content: "\f0c1"; }
+
+.fa-linkedin:before {
+ content: "\f08c"; }
+
+.fa-linkedin-in:before {
+ content: "\f0e1"; }
+
+.fa-linode:before {
+ content: "\f2b8"; }
+
+.fa-linux:before {
+ content: "\f17c"; }
+
+.fa-lira-sign:before {
+ content: "\f195"; }
+
+.fa-list:before {
+ content: "\f03a"; }
+
+.fa-list-alt:before {
+ content: "\f022"; }
+
+.fa-list-ol:before {
+ content: "\f0cb"; }
+
+.fa-list-ul:before {
+ content: "\f0ca"; }
+
+.fa-location-arrow:before {
+ content: "\f124"; }
+
+.fa-lock:before {
+ content: "\f023"; }
+
+.fa-lock-alt:before {
+ content: "\f30d"; }
+
+.fa-lock-open:before {
+ content: "\f3c1"; }
+
+.fa-lock-open-alt:before {
+ content: "\f3c2"; }
+
+.fa-long-arrow-alt-down:before {
+ content: "\f309"; }
+
+.fa-long-arrow-alt-left:before {
+ content: "\f30a"; }
+
+.fa-long-arrow-alt-right:before {
+ content: "\f30b"; }
+
+.fa-long-arrow-alt-up:before {
+ content: "\f30c"; }
+
+.fa-long-arrow-down:before {
+ content: "\f175"; }
+
+.fa-long-arrow-left:before {
+ content: "\f177"; }
+
+.fa-long-arrow-right:before {
+ content: "\f178"; }
+
+.fa-long-arrow-up:before {
+ content: "\f176"; }
+
+.fa-low-vision:before {
+ content: "\f2a8"; }
+
+.fa-luchador:before {
+ content: "\f455"; }
+
+.fa-lyft:before {
+ content: "\f3c3"; }
+
+.fa-magento:before {
+ content: "\f3c4"; }
+
+.fa-magic:before {
+ content: "\f0d0"; }
+
+.fa-magnet:before {
+ content: "\f076"; }
+
+.fa-male:before {
+ content: "\f183"; }
+
+.fa-map:before {
+ content: "\f279"; }
+
+.fa-map-marker:before {
+ content: "\f041"; }
+
+.fa-map-marker-alt:before {
+ content: "\f3c5"; }
+
+.fa-map-pin:before {
+ content: "\f276"; }
+
+.fa-map-signs:before {
+ content: "\f277"; }
+
+.fa-mars:before {
+ content: "\f222"; }
+
+.fa-mars-double:before {
+ content: "\f227"; }
+
+.fa-mars-stroke:before {
+ content: "\f229"; }
+
+.fa-mars-stroke-h:before {
+ content: "\f22b"; }
+
+.fa-mars-stroke-v:before {
+ content: "\f22a"; }
+
+.fa-maxcdn:before {
+ content: "\f136"; }
+
+.fa-medapps:before {
+ content: "\f3c6"; }
+
+.fa-medium:before {
+ content: "\f23a"; }
+
+.fa-medium-m:before {
+ content: "\f3c7"; }
+
+.fa-medkit:before {
+ content: "\f0fa"; }
+
+.fa-medrt:before {
+ content: "\f3c8"; }
+
+.fa-meetup:before {
+ content: "\f2e0"; }
+
+.fa-meh:before {
+ content: "\f11a"; }
+
+.fa-mercury:before {
+ content: "\f223"; }
+
+.fa-microchip:before {
+ content: "\f2db"; }
+
+.fa-microphone:before {
+ content: "\f130"; }
+
+.fa-microphone-alt:before {
+ content: "\f3c9"; }
+
+.fa-microphone-slash:before {
+ content: "\f131"; }
+
+.fa-microsoft:before {
+ content: "\f3ca"; }
+
+.fa-minus:before {
+ content: "\f068"; }
+
+.fa-minus-circle:before {
+ content: "\f056"; }
+
+.fa-minus-hexagon:before {
+ content: "\f307"; }
+
+.fa-minus-octagon:before {
+ content: "\f308"; }
+
+.fa-minus-square:before {
+ content: "\f146"; }
+
+.fa-mix:before {
+ content: "\f3cb"; }
+
+.fa-mixcloud:before {
+ content: "\f289"; }
+
+.fa-mizuni:before {
+ content: "\f3cc"; }
+
+.fa-mobile:before {
+ content: "\f10b"; }
+
+.fa-mobile-alt:before {
+ content: "\f3cd"; }
+
+.fa-mobile-android:before {
+ content: "\f3ce"; }
+
+.fa-mobile-android-alt:before {
+ content: "\f3cf"; }
+
+.fa-modx:before {
+ content: "\f285"; }
+
+.fa-monero:before {
+ content: "\f3d0"; }
+
+.fa-money-bill:before {
+ content: "\f0d6"; }
+
+.fa-money-bill-alt:before {
+ content: "\f3d1"; }
+
+.fa-moon:before {
+ content: "\f186"; }
+
+.fa-motorcycle:before {
+ content: "\f21c"; }
+
+.fa-mouse-pointer:before {
+ content: "\f245"; }
+
+.fa-music:before {
+ content: "\f001"; }
+
+.fa-napster:before {
+ content: "\f3d2"; }
+
+.fa-neuter:before {
+ content: "\f22c"; }
+
+.fa-newspaper:before {
+ content: "\f1ea"; }
+
+.fa-nintendo-switch:before {
+ content: "\f418"; }
+
+.fa-node:before {
+ content: "\f419"; }
+
+.fa-node-js:before {
+ content: "\f3d3"; }
+
+.fa-notes-medical:before {
+ content: "\f481"; }
+
+.fa-npm:before {
+ content: "\f3d4"; }
+
+.fa-ns8:before {
+ content: "\f3d5"; }
+
+.fa-nutritionix:before {
+ content: "\f3d6"; }
+
+.fa-object-group:before {
+ content: "\f247"; }
+
+.fa-object-ungroup:before {
+ content: "\f248"; }
+
+.fa-octagon:before {
+ content: "\f306"; }
+
+.fa-odnoklassniki:before {
+ content: "\f263"; }
+
+.fa-odnoklassniki-square:before {
+ content: "\f264"; }
+
+.fa-opencart:before {
+ content: "\f23d"; }
+
+.fa-openid:before {
+ content: "\f19b"; }
+
+.fa-opera:before {
+ content: "\f26a"; }
+
+.fa-optin-monster:before {
+ content: "\f23c"; }
+
+.fa-osi:before {
+ content: "\f41a"; }
+
+.fa-outdent:before {
+ content: "\f03b"; }
+
+.fa-page4:before {
+ content: "\f3d7"; }
+
+.fa-pagelines:before {
+ content: "\f18c"; }
+
+.fa-paint-brush:before {
+ content: "\f1fc"; }
+
+.fa-palfed:before {
+ content: "\f3d8"; }
+
+.fa-pallet:before {
+ content: "\f482"; }
+
+.fa-pallet-alt:before {
+ content: "\f483"; }
+
+.fa-paper-plane:before {
+ content: "\f1d8"; }
+
+.fa-paperclip:before {
+ content: "\f0c6"; }
+
+.fa-paragraph:before {
+ content: "\f1dd"; }
+
+.fa-paste:before {
+ content: "\f0ea"; }
+
+.fa-patreon:before {
+ content: "\f3d9"; }
+
+.fa-pause:before {
+ content: "\f04c"; }
+
+.fa-pause-circle:before {
+ content: "\f28b"; }
+
+.fa-paw:before {
+ content: "\f1b0"; }
+
+.fa-paypal:before {
+ content: "\f1ed"; }
+
+.fa-pen:before {
+ content: "\f304"; }
+
+.fa-pen-alt:before {
+ content: "\f305"; }
+
+.fa-pen-square:before {
+ content: "\f14b"; }
+
+.fa-pencil:before {
+ content: "\f040"; }
+
+.fa-pencil-alt:before {
+ content: "\f303"; }
+
+.fa-pennant:before {
+ content: "\f456"; }
+
+.fa-percent:before {
+ content: "\f295"; }
+
+.fa-periscope:before {
+ content: "\f3da"; }
+
+.fa-phabricator:before {
+ content: "\f3db"; }
+
+.fa-phoenix-framework:before {
+ content: "\f3dc"; }
+
+.fa-phone:before {
+ content: "\f095"; }
+
+.fa-phone-slash:before {
+ content: "\f3dd"; }
+
+.fa-phone-square:before {
+ content: "\f098"; }
+
+.fa-phone-volume:before {
+ content: "\f2a0"; }
+
+.fa-php:before {
+ content: "\f457"; }
+
+.fa-pied-piper:before {
+ content: "\f2ae"; }
+
+.fa-pied-piper-alt:before {
+ content: "\f1a8"; }
+
+.fa-pied-piper-pp:before {
+ content: "\f1a7"; }
+
+.fa-pills:before {
+ content: "\f484"; }
+
+.fa-pinterest:before {
+ content: "\f0d2"; }
+
+.fa-pinterest-p:before {
+ content: "\f231"; }
+
+.fa-pinterest-square:before {
+ content: "\f0d3"; }
+
+.fa-plane:before {
+ content: "\f072"; }
+
+.fa-plane-alt:before {
+ content: "\f3de"; }
+
+.fa-play:before {
+ content: "\f04b"; }
+
+.fa-play-circle:before {
+ content: "\f144"; }
+
+.fa-playstation:before {
+ content: "\f3df"; }
+
+.fa-plug:before {
+ content: "\f1e6"; }
+
+.fa-plus:before {
+ content: "\f067"; }
+
+.fa-plus-circle:before {
+ content: "\f055"; }
+
+.fa-plus-hexagon:before {
+ content: "\f300"; }
+
+.fa-plus-octagon:before {
+ content: "\f301"; }
+
+.fa-plus-square:before {
+ content: "\f0fe"; }
+
+.fa-podcast:before {
+ content: "\f2ce"; }
+
+.fa-poo:before {
+ content: "\f2fe"; }
+
+.fa-portrait:before {
+ content: "\f3e0"; }
+
+.fa-pound-sign:before {
+ content: "\f154"; }
+
+.fa-power-off:before {
+ content: "\f011"; }
+
+.fa-prescription-bottle:before {
+ content: "\f485"; }
+
+.fa-prescription-bottle-alt:before {
+ content: "\f486"; }
+
+.fa-print:before {
+ content: "\f02f"; }
+
+.fa-procedures:before {
+ content: "\f487"; }
+
+.fa-product-hunt:before {
+ content: "\f288"; }
+
+.fa-pushed:before {
+ content: "\f3e1"; }
+
+.fa-puzzle-piece:before {
+ content: "\f12e"; }
+
+.fa-python:before {
+ content: "\f3e2"; }
+
+.fa-qq:before {
+ content: "\f1d6"; }
+
+.fa-qrcode:before {
+ content: "\f029"; }
+
+.fa-question:before {
+ content: "\f128"; }
+
+.fa-question-circle:before {
+ content: "\f059"; }
+
+.fa-question-square:before {
+ content: "\f2fd"; }
+
+.fa-quidditch:before {
+ content: "\f458"; }
+
+.fa-quinscape:before {
+ content: "\f459"; }
+
+.fa-quora:before {
+ content: "\f2c4"; }
+
+.fa-quote-left:before {
+ content: "\f10d"; }
+
+.fa-quote-right:before {
+ content: "\f10e"; }
+
+.fa-racquet:before {
+ content: "\f45a"; }
+
+.fa-random:before {
+ content: "\f074"; }
+
+.fa-ravelry:before {
+ content: "\f2d9"; }
+
+.fa-react:before {
+ content: "\f41b"; }
+
+.fa-rebel:before {
+ content: "\f1d0"; }
+
+.fa-rectangle-landscape:before {
+ content: "\f2fa"; }
+
+.fa-rectangle-portrait:before {
+ content: "\f2fb"; }
+
+.fa-rectangle-wide:before {
+ content: "\f2fc"; }
+
+.fa-recycle:before {
+ content: "\f1b8"; }
+
+.fa-red-river:before {
+ content: "\f3e3"; }
+
+.fa-reddit:before {
+ content: "\f1a1"; }
+
+.fa-reddit-alien:before {
+ content: "\f281"; }
+
+.fa-reddit-square:before {
+ content: "\f1a2"; }
+
+.fa-redo:before {
+ content: "\f01e"; }
+
+.fa-redo-alt:before {
+ content: "\f2f9"; }
+
+.fa-registered:before {
+ content: "\f25d"; }
+
+.fa-rendact:before {
+ content: "\f3e4"; }
+
+.fa-renren:before {
+ content: "\f18b"; }
+
+.fa-repeat:before {
+ content: "\f363"; }
+
+.fa-repeat-1:before {
+ content: "\f365"; }
+
+.fa-repeat-1-alt:before {
+ content: "\f366"; }
+
+.fa-repeat-alt:before {
+ content: "\f364"; }
+
+.fa-reply:before {
+ content: "\f3e5"; }
+
+.fa-reply-all:before {
+ content: "\f122"; }
+
+.fa-replyd:before {
+ content: "\f3e6"; }
+
+.fa-resolving:before {
+ content: "\f3e7"; }
+
+.fa-retweet:before {
+ content: "\f079"; }
+
+.fa-retweet-alt:before {
+ content: "\f361"; }
+
+.fa-road:before {
+ content: "\f018"; }
+
+.fa-rocket:before {
+ content: "\f135"; }
+
+.fa-rocketchat:before {
+ content: "\f3e8"; }
+
+.fa-rockrms:before {
+ content: "\f3e9"; }
+
+.fa-rss:before {
+ content: "\f09e"; }
+
+.fa-rss-square:before {
+ content: "\f143"; }
+
+.fa-ruble-sign:before {
+ content: "\f158"; }
+
+.fa-rupee-sign:before {
+ content: "\f156"; }
+
+.fa-safari:before {
+ content: "\f267"; }
+
+.fa-sass:before {
+ content: "\f41e"; }
+
+.fa-save:before {
+ content: "\f0c7"; }
+
+.fa-scanner:before {
+ content: "\f488"; }
+
+.fa-scanner-keyboard:before {
+ content: "\f489"; }
+
+.fa-scanner-touchscreen:before {
+ content: "\f48a"; }
+
+.fa-schlix:before {
+ content: "\f3ea"; }
+
+.fa-scribd:before {
+ content: "\f28a"; }
+
+.fa-scrubber:before {
+ content: "\f2f8"; }
+
+.fa-search:before {
+ content: "\f002"; }
+
+.fa-search-minus:before {
+ content: "\f010"; }
+
+.fa-search-plus:before {
+ content: "\f00e"; }
+
+.fa-searchengin:before {
+ content: "\f3eb"; }
+
+.fa-sellcast:before {
+ content: "\f2da"; }
+
+.fa-sellsy:before {
+ content: "\f213"; }
+
+.fa-server:before {
+ content: "\f233"; }
+
+.fa-servicestack:before {
+ content: "\f3ec"; }
+
+.fa-share:before {
+ content: "\f064"; }
+
+.fa-share-all:before {
+ content: "\f367"; }
+
+.fa-share-alt:before {
+ content: "\f1e0"; }
+
+.fa-share-alt-square:before {
+ content: "\f1e1"; }
+
+.fa-share-square:before {
+ content: "\f14d"; }
+
+.fa-shekel-sign:before {
+ content: "\f20b"; }
+
+.fa-shield:before {
+ content: "\f132"; }
+
+.fa-shield-alt:before {
+ content: "\f3ed"; }
+
+.fa-shield-check:before {
+ content: "\f2f7"; }
+
+.fa-ship:before {
+ content: "\f21a"; }
+
+.fa-shipping-fast:before {
+ content: "\f48b"; }
+
+.fa-shipping-timed:before {
+ content: "\f48c"; }
+
+.fa-shirtsinbulk:before {
+ content: "\f214"; }
+
+.fa-shopping-bag:before {
+ content: "\f290"; }
+
+.fa-shopping-basket:before {
+ content: "\f291"; }
+
+.fa-shopping-cart:before {
+ content: "\f07a"; }
+
+.fa-shower:before {
+ content: "\f2cc"; }
+
+.fa-shuttlecock:before {
+ content: "\f45b"; }
+
+.fa-sign-in:before {
+ content: "\f090"; }
+
+.fa-sign-in-alt:before {
+ content: "\f2f6"; }
+
+.fa-sign-language:before {
+ content: "\f2a7"; }
+
+.fa-sign-out:before {
+ content: "\f08b"; }
+
+.fa-sign-out-alt:before {
+ content: "\f2f5"; }
+
+.fa-signal:before {
+ content: "\f012"; }
+
+.fa-simplybuilt:before {
+ content: "\f215"; }
+
+.fa-sistrix:before {
+ content: "\f3ee"; }
+
+.fa-sitemap:before {
+ content: "\f0e8"; }
+
+.fa-skyatlas:before {
+ content: "\f216"; }
+
+.fa-skype:before {
+ content: "\f17e"; }
+
+.fa-slack:before {
+ content: "\f198"; }
+
+.fa-slack-hash:before {
+ content: "\f3ef"; }
+
+.fa-sliders-h:before {
+ content: "\f1de"; }
+
+.fa-sliders-h-square:before {
+ content: "\f3f0"; }
+
+.fa-sliders-v:before {
+ content: "\f3f1"; }
+
+.fa-sliders-v-square:before {
+ content: "\f3f2"; }
+
+.fa-slideshare:before {
+ content: "\f1e7"; }
+
+.fa-smile:before {
+ content: "\f118"; }
+
+.fa-smoking:before {
+ content: "\f48d"; }
+
+.fa-snapchat:before {
+ content: "\f2ab"; }
+
+.fa-snapchat-ghost:before {
+ content: "\f2ac"; }
+
+.fa-snapchat-square:before {
+ content: "\f2ad"; }
+
+.fa-snowflake:before {
+ content: "\f2dc"; }
+
+.fa-sort:before {
+ content: "\f0dc"; }
+
+.fa-sort-alpha-down:before {
+ content: "\f15d"; }
+
+.fa-sort-alpha-up:before {
+ content: "\f15e"; }
+
+.fa-sort-amount-down:before {
+ content: "\f160"; }
+
+.fa-sort-amount-up:before {
+ content: "\f161"; }
+
+.fa-sort-down:before {
+ content: "\f0dd"; }
+
+.fa-sort-numeric-down:before {
+ content: "\f162"; }
+
+.fa-sort-numeric-up:before {
+ content: "\f163"; }
+
+.fa-sort-up:before {
+ content: "\f0de"; }
+
+.fa-soundcloud:before {
+ content: "\f1be"; }
+
+.fa-space-shuttle:before {
+ content: "\f197"; }
+
+.fa-spade:before {
+ content: "\f2f4"; }
+
+.fa-speakap:before {
+ content: "\f3f3"; }
+
+.fa-spinner:before {
+ content: "\f110"; }
+
+.fa-spinner-third:before {
+ content: "\f3f4"; }
+
+.fa-spotify:before {
+ content: "\f1bc"; }
+
+.fa-square:before {
+ content: "\f0c8"; }
+
+.fa-square-full:before {
+ content: "\f45c"; }
+
+.fa-stack-exchange:before {
+ content: "\f18d"; }
+
+.fa-stack-overflow:before {
+ content: "\f16c"; }
+
+.fa-star:before {
+ content: "\f005"; }
+
+.fa-star-exclamation:before {
+ content: "\f2f3"; }
+
+.fa-star-half:before {
+ content: "\f089"; }
+
+.fa-staylinked:before {
+ content: "\f3f5"; }
+
+.fa-steam:before {
+ content: "\f1b6"; }
+
+.fa-steam-square:before {
+ content: "\f1b7"; }
+
+.fa-steam-symbol:before {
+ content: "\f3f6"; }
+
+.fa-step-backward:before {
+ content: "\f048"; }
+
+.fa-step-forward:before {
+ content: "\f051"; }
+
+.fa-stethoscope:before {
+ content: "\f0f1"; }
+
+.fa-sticker-mule:before {
+ content: "\f3f7"; }
+
+.fa-sticky-note:before {
+ content: "\f249"; }
+
+.fa-stop:before {
+ content: "\f04d"; }
+
+.fa-stop-circle:before {
+ content: "\f28d"; }
+
+.fa-stopwatch:before {
+ content: "\f2f2"; }
+
+.fa-strava:before {
+ content: "\f428"; }
+
+.fa-street-view:before {
+ content: "\f21d"; }
+
+.fa-strikethrough:before {
+ content: "\f0cc"; }
+
+.fa-stripe:before {
+ content: "\f429"; }
+
+.fa-stripe-s:before {
+ content: "\f42a"; }
+
+.fa-studiovinari:before {
+ content: "\f3f8"; }
+
+.fa-stumbleupon:before {
+ content: "\f1a4"; }
+
+.fa-stumbleupon-circle:before {
+ content: "\f1a3"; }
+
+.fa-subscript:before {
+ content: "\f12c"; }
+
+.fa-subway:before {
+ content: "\f239"; }
+
+.fa-suitcase:before {
+ content: "\f0f2"; }
+
+.fa-sun:before {
+ content: "\f185"; }
+
+.fa-superpowers:before {
+ content: "\f2dd"; }
+
+.fa-superscript:before {
+ content: "\f12b"; }
+
+.fa-supple:before {
+ content: "\f3f9"; }
+
+.fa-sync:before {
+ content: "\f021"; }
+
+.fa-sync-alt:before {
+ content: "\f2f1"; }
+
+.fa-syringe:before {
+ content: "\f48e"; }
+
+.fa-table:before {
+ content: "\f0ce"; }
+
+.fa-table-tennis:before {
+ content: "\f45d"; }
+
+.fa-tablet:before {
+ content: "\f10a"; }
+
+.fa-tablet-alt:before {
+ content: "\f3fa"; }
+
+.fa-tablet-android:before {
+ content: "\f3fb"; }
+
+.fa-tablet-android-alt:before {
+ content: "\f3fc"; }
+
+.fa-tablet-rugged:before {
+ content: "\f48f"; }
+
+.fa-tablets:before {
+ content: "\f490"; }
+
+.fa-tachometer:before {
+ content: "\f0e4"; }
+
+.fa-tachometer-alt:before {
+ content: "\f3fd"; }
+
+.fa-tag:before {
+ content: "\f02b"; }
+
+.fa-tags:before {
+ content: "\f02c"; }
+
+.fa-tasks:before {
+ content: "\f0ae"; }
+
+.fa-taxi:before {
+ content: "\f1ba"; }
+
+.fa-telegram:before {
+ content: "\f2c6"; }
+
+.fa-telegram-plane:before {
+ content: "\f3fe"; }
+
+.fa-tencent-weibo:before {
+ content: "\f1d5"; }
+
+.fa-tennis-ball:before {
+ content: "\f45e"; }
+
+.fa-terminal:before {
+ content: "\f120"; }
+
+.fa-text-height:before {
+ content: "\f034"; }
+
+.fa-text-width:before {
+ content: "\f035"; }
+
+.fa-th:before {
+ content: "\f00a"; }
+
+.fa-th-large:before {
+ content: "\f009"; }
+
+.fa-th-list:before {
+ content: "\f00b"; }
+
+.fa-themeisle:before {
+ content: "\f2b2"; }
+
+.fa-thermometer:before {
+ content: "\f491"; }
+
+.fa-thermometer-empty:before {
+ content: "\f2cb"; }
+
+.fa-thermometer-full:before {
+ content: "\f2c7"; }
+
+.fa-thermometer-half:before {
+ content: "\f2c9"; }
+
+.fa-thermometer-quarter:before {
+ content: "\f2ca"; }
+
+.fa-thermometer-three-quarters:before {
+ content: "\f2c8"; }
+
+.fa-thumbs-down:before {
+ content: "\f165"; }
+
+.fa-thumbs-up:before {
+ content: "\f164"; }
+
+.fa-thumbtack:before {
+ content: "\f08d"; }
+
+.fa-ticket:before {
+ content: "\f145"; }
+
+.fa-ticket-alt:before {
+ content: "\f3ff"; }
+
+.fa-times:before {
+ content: "\f00d"; }
+
+.fa-times-circle:before {
+ content: "\f057"; }
+
+.fa-times-hexagon:before {
+ content: "\f2ee"; }
+
+.fa-times-octagon:before {
+ content: "\f2f0"; }
+
+.fa-times-square:before {
+ content: "\f2d3"; }
+
+.fa-tint:before {
+ content: "\f043"; }
+
+.fa-toggle-off:before {
+ content: "\f204"; }
+
+.fa-toggle-on:before {
+ content: "\f205"; }
+
+.fa-trademark:before {
+ content: "\f25c"; }
+
+.fa-train:before {
+ content: "\f238"; }
+
+.fa-transgender:before {
+ content: "\f224"; }
+
+.fa-transgender-alt:before {
+ content: "\f225"; }
+
+.fa-trash:before {
+ content: "\f1f8"; }
+
+.fa-trash-alt:before {
+ content: "\f2ed"; }
+
+.fa-tree:before {
+ content: "\f1bb"; }
+
+.fa-tree-alt:before {
+ content: "\f400"; }
+
+.fa-trello:before {
+ content: "\f181"; }
+
+.fa-triangle:before {
+ content: "\f2ec"; }
+
+.fa-tripadvisor:before {
+ content: "\f262"; }
+
+.fa-trophy:before {
+ content: "\f091"; }
+
+.fa-trophy-alt:before {
+ content: "\f2eb"; }
+
+.fa-truck:before {
+ content: "\f0d1"; }
+
+.fa-tty:before {
+ content: "\f1e4"; }
+
+.fa-tumblr:before {
+ content: "\f173"; }
+
+.fa-tumblr-square:before {
+ content: "\f174"; }
+
+.fa-tv:before {
+ content: "\f26c"; }
+
+.fa-tv-retro:before {
+ content: "\f401"; }
+
+.fa-twitch:before {
+ content: "\f1e8"; }
+
+.fa-twitter:before {
+ content: "\f099"; }
+
+.fa-twitter-square:before {
+ content: "\f081"; }
+
+.fa-typo3:before {
+ content: "\f42b"; }
+
+.fa-uber:before {
+ content: "\f402"; }
+
+.fa-uikit:before {
+ content: "\f403"; }
+
+.fa-umbrella:before {
+ content: "\f0e9"; }
+
+.fa-underline:before {
+ content: "\f0cd"; }
+
+.fa-undo:before {
+ content: "\f0e2"; }
+
+.fa-undo-alt:before {
+ content: "\f2ea"; }
+
+.fa-uniregistry:before {
+ content: "\f404"; }
+
+.fa-universal-access:before {
+ content: "\f29a"; }
+
+.fa-university:before {
+ content: "\f19c"; }
+
+.fa-unlink:before {
+ content: "\f127"; }
+
+.fa-unlock:before {
+ content: "\f09c"; }
+
+.fa-unlock-alt:before {
+ content: "\f13e"; }
+
+.fa-untappd:before {
+ content: "\f405"; }
+
+.fa-upload:before {
+ content: "\f093"; }
+
+.fa-usb:before {
+ content: "\f287"; }
+
+.fa-usd-circle:before {
+ content: "\f2e8"; }
+
+.fa-usd-square:before {
+ content: "\f2e9"; }
+
+.fa-user:before {
+ content: "\f007"; }
+
+.fa-user-alt:before {
+ content: "\f406"; }
+
+.fa-user-circle:before {
+ content: "\f2bd"; }
+
+.fa-user-md:before {
+ content: "\f0f0"; }
+
+.fa-user-plus:before {
+ content: "\f234"; }
+
+.fa-user-secret:before {
+ content: "\f21b"; }
+
+.fa-user-times:before {
+ content: "\f235"; }
+
+.fa-users:before {
+ content: "\f0c0"; }
+
+.fa-ussunnah:before {
+ content: "\f407"; }
+
+.fa-utensil-fork:before {
+ content: "\f2e3"; }
+
+.fa-utensil-knife:before {
+ content: "\f2e4"; }
+
+.fa-utensil-spoon:before {
+ content: "\f2e5"; }
+
+.fa-utensils:before {
+ content: "\f2e7"; }
+
+.fa-utensils-alt:before {
+ content: "\f2e6"; }
+
+.fa-vaadin:before {
+ content: "\f408"; }
+
+.fa-venus:before {
+ content: "\f221"; }
+
+.fa-venus-double:before {
+ content: "\f226"; }
+
+.fa-venus-mars:before {
+ content: "\f228"; }
+
+.fa-viacoin:before {
+ content: "\f237"; }
+
+.fa-viadeo:before {
+ content: "\f2a9"; }
+
+.fa-viadeo-square:before {
+ content: "\f2aa"; }
+
+.fa-vial:before {
+ content: "\f492"; }
+
+.fa-vials:before {
+ content: "\f493"; }
+
+.fa-viber:before {
+ content: "\f409"; }
+
+.fa-video:before {
+ content: "\f03d"; }
+
+.fa-vimeo:before {
+ content: "\f40a"; }
+
+.fa-vimeo-square:before {
+ content: "\f194"; }
+
+.fa-vimeo-v:before {
+ content: "\f27d"; }
+
+.fa-vine:before {
+ content: "\f1ca"; }
+
+.fa-vk:before {
+ content: "\f189"; }
+
+.fa-vnv:before {
+ content: "\f40b"; }
+
+.fa-volleyball-ball:before {
+ content: "\f45f"; }
+
+.fa-volume-down:before {
+ content: "\f027"; }
+
+.fa-volume-mute:before {
+ content: "\f2e2"; }
+
+.fa-volume-off:before {
+ content: "\f026"; }
+
+.fa-volume-up:before {
+ content: "\f028"; }
+
+.fa-vuejs:before {
+ content: "\f41f"; }
+
+.fa-warehouse:before {
+ content: "\f494"; }
+
+.fa-warehouse-alt:before {
+ content: "\f495"; }
+
+.fa-watch:before {
+ content: "\f2e1"; }
+
+.fa-weibo:before {
+ content: "\f18a"; }
+
+.fa-weight:before {
+ content: "\f496"; }
+
+.fa-weixin:before {
+ content: "\f1d7"; }
+
+.fa-whatsapp:before {
+ content: "\f232"; }
+
+.fa-whatsapp-square:before {
+ content: "\f40c"; }
+
+.fa-wheelchair:before {
+ content: "\f193"; }
+
+.fa-whistle:before {
+ content: "\f460"; }
+
+.fa-whmcs:before {
+ content: "\f40d"; }
+
+.fa-wifi:before {
+ content: "\f1eb"; }
+
+.fa-wikipedia-w:before {
+ content: "\f266"; }
+
+.fa-window:before {
+ content: "\f40e"; }
+
+.fa-window-alt:before {
+ content: "\f40f"; }
+
+.fa-window-close:before {
+ content: "\f410"; }
+
+.fa-window-maximize:before {
+ content: "\f2d0"; }
+
+.fa-window-minimize:before {
+ content: "\f2d1"; }
+
+.fa-window-restore:before {
+ content: "\f2d2"; }
+
+.fa-windows:before {
+ content: "\f17a"; }
+
+.fa-won-sign:before {
+ content: "\f159"; }
+
+.fa-wordpress:before {
+ content: "\f19a"; }
+
+.fa-wordpress-simple:before {
+ content: "\f411"; }
+
+.fa-wpbeginner:before {
+ content: "\f297"; }
+
+.fa-wpexplorer:before {
+ content: "\f2de"; }
+
+.fa-wpforms:before {
+ content: "\f298"; }
+
+.fa-wrench:before {
+ content: "\f0ad"; }
+
+.fa-x-ray:before {
+ content: "\f497"; }
+
+.fa-xbox:before {
+ content: "\f412"; }
+
+.fa-xing:before {
+ content: "\f168"; }
+
+.fa-xing-square:before {
+ content: "\f169"; }
+
+.fa-y-combinator:before {
+ content: "\f23b"; }
+
+.fa-yahoo:before {
+ content: "\f19e"; }
+
+.fa-yandex:before {
+ content: "\f413"; }
+
+.fa-yandex-international:before {
+ content: "\f414"; }
+
+.fa-yelp:before {
+ content: "\f1e9"; }
+
+.fa-yen-sign:before {
+ content: "\f157"; }
+
+.fa-yoast:before {
+ content: "\f2b1"; }
+
+.fa-youtube:before {
+ content: "\f167"; }
+
+.fa-youtube-square:before {
+ content: "\f431"; }
+
+.sr-only {
+ border: 0;
+ clip: rect(0, 0, 0, 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+ clip: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ position: static;
+ width: auto; }
+
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+ font-family: 'Font Awesome 5 Pro';
+ font-style: normal;
+ font-weight: 300;
+ src: url("../webfonts/fa-light-300.eot");
+ src: url("../webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.woff") format("woff"), url("../webfonts/fa-light-300.ttf") format("truetype"), url("../webfonts/fa-light-300.svg#fontawesome") format("svg"); }
+
+.fal {
+ font-family: 'Font Awesome 5 Pro';
+ font-weight: 300; }
+
+/*!
+ * WebApp Icons
+ */
+@font-face {
+ font-family: 'nextgen-icons';
+ src: url("../webfonts/nextgen-icons.eot");
+ src: url("../webfonts/nextgen-icons.eot?#iefix") format("embedded-opentype"), url("../webfonts/nextgen-icons.woff2") format("woff2"), url("../webfonts/webfonts/nextgen-icons.woff") format("woff"), url("../webfonts/webfonts/nextgen-icons.ttf") format("truetype"), url("../webfonts/webfonts/nextgen-icons.svg#nextgen-icons") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+/* Use the following CSS code if you want to have a class per icon */
+.ni,
+[data-icon]:before,
+[class^="base-"],
+[class*=" base-"] {
+ font-family: 'nextgen-icons';
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ font-style: normal;
+ font-variant: normal;
+ text-rendering: auto;
+ line-height: 1; }
+
+/* why?
+.page-content {
+ .ni:before,
+ [data-icon]:before {
+ vertical-align: -8%;
+ }
+}*/
+.navbar-toggler .ni:before,
+.navbar-toggler [data-icon]:before {
+ vertical-align: inherit !important; }
+
+.base-19:before {
+ content: "\e09b"; }
+
+.base-18:before {
+ content: "\e09c"; }
+
+.base-17:before {
+ content: "\e09d"; }
+
+.base-16:before {
+ content: "\e09e"; }
+
+.base-15:before {
+ content: "\e09f"; }
+
+.base-14:before {
+ content: "\e0a0"; }
+
+.base-13:before {
+ content: "\e0a1"; }
+
+.base-12:before {
+ content: "\f000"; }
+
+.base-11:before {
+ content: "\f00b"; }
+
+.base-10:before {
+ content: "\f00a"; }
+
+.base-9:before {
+ content: "\f1c8"; }
+
+.base-8:before {
+ content: "\f1e3"; }
+
+.base-7:before {
+ content: "\f413"; }
+
+.base-6:before {
+ content: "\f412"; }
+
+.base-5:before {
+ content: "\f411"; }
+
+.base-4:before {
+ content: "\f410"; }
+
+.base-3:before {
+ content: "\f409"; }
+
+.base-2:before {
+ content: "\f408"; }
+
+.base-1:before {
+ content: "\f405"; }
+
+.md-profile:before {
+ content: "\f407"; }
+
+.md-picframe:before {
+ content: "\f406"; }
+
+.ni-phone:before {
+ content: "\f402"; }
+
+.ni-calendar-fine:before {
+ content: "\f403"; }
+
+.ni-blog-read:before {
+ content: "\f404"; }
+
+.ni-my-apps:before {
+ content: "\f328"; }
+
+.ni-big-plus:before {
+ content: "\f276"; }
+
+.ni-minify-nav:before {
+ content: "\f254"; }
+
+.ni-lock-nav:before {
+ content: "\f2ae"; }
+
+.ni-chevron-down:before {
+ content: "\f2f9"; }
+
+.ni-chevron-up:before {
+ content: "\f2fc"; }
+
+.ni-chevron-left:before {
+ content: "\f2fa"; }
+
+.ni-chevron-right:before {
+ content: "\f2fb"; }
+
+.ni-menu:before {
+ content: "\e000"; }
+
+.ni-user-follow:before {
+ content: "\e002"; }
+
+.ni-user-following:before {
+ content: "\e003"; }
+
+.ni-user-unfollow:before {
+ content: "\e004"; }
+
+.ni-trophy:before {
+ content: "\e006"; }
+
+.ni-screen-smartphone:before {
+ content: "\e010"; }
+
+.ni-screen-desktop:before {
+ content: "\e011"; }
+
+.ni-plane:before {
+ content: "\e012"; }
+
+.ni-notebook:before {
+ content: "\e013"; }
+
+.ni-moustache:before {
+ content: "\e014"; }
+
+.ni-mouse:before {
+ content: "\e015"; }
+
+.ni-magnet:before {
+ content: "\e016"; }
+
+.ni-energy:before {
+ content: "\e020"; }
+
+.ni-emoticon-smile:before {
+ content: "\e021"; }
+
+.ni-disc:before {
+ content: "\e022"; }
+
+.ni-cursor-move:before {
+ content: "\e023"; }
+
+.ni-crop:before {
+ content: "\e024"; }
+
+.ni-credit-card:before {
+ content: "\e025"; }
+
+.ni-chemistry:before {
+ content: "\e026"; }
+
+.ni-user:before {
+ content: "\e005"; }
+
+.ni-speedometer:before {
+ content: "\e007"; }
+
+.ni-social-youtube:before {
+ content: "\e008"; }
+
+.ni-social-twitter:before {
+ content: "\e009"; }
+
+.ni-social-tumblr:before {
+ content: "\e00a"; }
+
+.ni-social-facebook:before {
+ content: "\e00b"; }
+
+.ni-social-dropbox:before {
+ content: "\e00c"; }
+
+.ni-social-dribbble:before {
+ content: "\e00d"; }
+
+.ni-shield:before {
+ content: "\e00e"; }
+
+.ni-screen-tablet:before {
+ content: "\e00f"; }
+
+.ni-magic-wand:before {
+ content: "\e017"; }
+
+.ni-hourglass:before {
+ content: "\e018"; }
+
+.ni-graduation:before {
+ content: "\e019"; }
+
+.ni-ghost:before {
+ content: "\e01a"; }
+
+.ni-game-controller:before {
+ content: "\e01b"; }
+
+.ni-fire:before {
+ content: "\e01c"; }
+
+.ni-eyeglasses:before {
+ content: "\e01d"; }
+
+.ni-envelope-open:before {
+ content: "\e01e"; }
+
+.ni-envelope-letter:before {
+ content: "\e01f"; }
+
+.ni-bell:before {
+ content: "\e027"; }
+
+.ni-badge:before {
+ content: "\e028"; }
+
+.ni-anchor:before {
+ content: "\e029"; }
+
+.ni-wallet:before {
+ content: "\e02a"; }
+
+.ni-vector:before {
+ content: "\e02b"; }
+
+.ni-speech:before {
+ content: "\e02c"; }
+
+.ni-puzzle:before {
+ content: "\e02d"; }
+
+.ni-printer:before {
+ content: "\e02e"; }
+
+.ni-present:before {
+ content: "\e02f"; }
+
+.ni-playlist:before {
+ content: "\e030"; }
+
+.ni-pin:before {
+ content: "\e031"; }
+
+.ni-picture:before {
+ content: "\e032"; }
+
+.ni-map:before {
+ content: "\e033"; }
+
+.ni-layers:before {
+ content: "\e034"; }
+
+.ni-handbag:before {
+ content: "\e035"; }
+
+.ni-globe-alt:before {
+ content: "\e036"; }
+
+.ni-globe:before {
+ content: "\e037"; }
+
+.ni-frame:before {
+ content: "\e038"; }
+
+.ni-folder-alt:before {
+ content: "\e039"; }
+
+.ni-film:before {
+ content: "\e03a"; }
+
+.ni-feed:before {
+ content: "\e03b"; }
+
+.ni-earphones-alt:before {
+ content: "\e03c"; }
+
+.ni-earphones:before {
+ content: "\e03d"; }
+
+.ni-drop:before {
+ content: "\e03e"; }
+
+.ni-drawer:before {
+ content: "\e03f"; }
+
+.ni-docs:before {
+ content: "\e040"; }
+
+.ni-directions:before {
+ content: "\e041"; }
+
+.ni-direction:before {
+ content: "\e042"; }
+
+.ni-diamond:before {
+ content: "\e043"; }
+
+.ni-cup:before {
+ content: "\e044"; }
+
+.ni-compass:before {
+ content: "\e045"; }
+
+.ni-call-out:before {
+ content: "\e046"; }
+
+.ni-call-in:before {
+ content: "\e047"; }
+
+.ni-call-end:before {
+ content: "\e048"; }
+
+.ni-calculator:before {
+ content: "\e049"; }
+
+.ni-bubbles:before {
+ content: "\e04a"; }
+
+.ni-briefcase:before {
+ content: "\e04b"; }
+
+.ni-book-open:before {
+ content: "\e04c"; }
+
+.ni-basket-loaded:before {
+ content: "\e04d"; }
+
+.ni-basket:before {
+ content: "\e04e"; }
+
+.ni-bag:before {
+ content: "\e04f"; }
+
+.ni-action-undo:before {
+ content: "\e050"; }
+
+.ni-action-redo:before {
+ content: "\e051"; }
+
+.ni-wrench:before {
+ content: "\e052"; }
+
+.ni-umbrella:before {
+ content: "\e053"; }
+
+.ni-trash:before {
+ content: "\e054"; }
+
+.ni-tag:before {
+ content: "\e055"; }
+
+.ni-support:before {
+ content: "\e056"; }
+
+.ni-size-fullscreen:before {
+ content: "\e057"; }
+
+.ni-size-actual:before {
+ content: "\e058"; }
+
+.ni-shuffle:before {
+ content: "\e059"; }
+
+.ni-share-alt:before {
+ content: "\e05a"; }
+
+.ni-share:before {
+ content: "\e05b"; }
+
+.ni-rocket:before {
+ content: "\e05c"; }
+
+.ni-question:before {
+ content: "\e05d"; }
+
+.ni-pie-chart:before {
+ content: "\e05e"; }
+
+.ni-pencil:before {
+ content: "\e05f"; }
+
+.ni-note:before {
+ content: "\e060"; }
+
+.ni-music-tone-alt:before {
+ content: "\e061"; }
+
+.ni-music-tone:before {
+ content: "\e062"; }
+
+.ni-microphone:before {
+ content: "\e063"; }
+
+.ni-loop:before {
+ content: "\e064"; }
+
+.ni-logout:before {
+ content: "\e065"; }
+
+.ni-login:before {
+ content: "\e066"; }
+
+.ni-list:before {
+ content: "\e067"; }
+
+.ni-like:before {
+ content: "\e068"; }
+
+.ni-home:before {
+ content: "\e069"; }
+
+.ni-grid:before {
+ content: "\e06a"; }
+
+.ni-graph:before {
+ content: "\e06b"; }
+
+.ni-equalizer:before {
+ content: "\e06c"; }
+
+.ni-dislike:before {
+ content: "\e06d"; }
+
+.ni-cursor:before {
+ content: "\e06e"; }
+
+.ni-control-start:before {
+ content: "\e06f"; }
+
+.ni-control-rewind:before {
+ content: "\e070"; }
+
+.ni-control-play:before {
+ content: "\e071"; }
+
+.ni-control-pause:before {
+ content: "\e072"; }
+
+.ni-control-forward:before {
+ content: "\e073"; }
+
+.ni-control-end:before {
+ content: "\e074"; }
+
+.ni-calendar:before {
+ content: "\e075"; }
+
+.ni-bulb:before {
+ content: "\e076"; }
+
+.ni-bar-chart:before {
+ content: "\e077"; }
+
+.ni-arrow-up:before {
+ content: "\e078"; }
+
+.ni-arrow-right:before {
+ content: "\e079"; }
+
+.ni-arrow-left:before {
+ content: "\e07a"; }
+
+.ni-arrow-down:before {
+ content: "\e07b"; }
+
+.ni-ban:before {
+ content: "\e07c"; }
+
+.ni-bubble:before {
+ content: "\e07d"; }
+
+.ni-camcorder:before {
+ content: "\e07e"; }
+
+.ni-camera:before {
+ content: "\e07f"; }
+
+.ni-check:before {
+ content: "\e080"; }
+
+.ni-clock:before {
+ content: "\e081"; }
+
+.ni-close:before {
+ content: "\e082"; }
+
+.ni-cloud-download:before {
+ content: "\e083"; }
+
+.ni-cloud-upload:before {
+ content: "\e084"; }
+
+.ni-doc:before {
+ content: "\e085"; }
+
+.ni-envelope:before {
+ content: "\e086"; }
+
+.ni-eye:before {
+ content: "\e087"; }
+
+.ni-flag:before {
+ content: "\e088"; }
+
+.ni-folder:before {
+ content: "\e089"; }
+
+.ni-heart:before {
+ content: "\e08a"; }
+
+.ni-info:before {
+ content: "\e08b"; }
+
+.ni-key:before {
+ content: "\e08c"; }
+
+.ni-link:before {
+ content: "\e08d"; }
+
+.ni-lock:before {
+ content: "\e08e"; }
+
+.ni-lock-open:before {
+ content: "\e08f"; }
+
+.ni-magnifier:before {
+ content: "\e090"; }
+
+.ni-magnifier-add:before {
+ content: "\e091"; }
+
+.ni-magnifier-remove:before {
+ content: "\e092"; }
+
+.ni-paper-clip:before {
+ content: "\e093"; }
+
+.ni-paper-plane:before {
+ content: "\e094"; }
+
+.ni-plus:before {
+ content: "\e095"; }
+
+.ni-pointer:before {
+ content: "\e096"; }
+
+.ni-power:before {
+ content: "\e097"; }
+
+.ni-refresh:before {
+ content: "\e098"; }
+
+.ni-reload:before {
+ content: "\e099"; }
+
+.ni-settings:before {
+ content: "\e09a"; }
+
+.ni-users:before {
+ content: "\e001"; }
+
+/*# sourceMappingURL=vendors.bundle.css.map */
diff --git a/public/assets/css/vendors.bundle.css.map b/public/assets/css/vendors.bundle.css.map
new file mode 100644
index 0000000..8e1af32
--- /dev/null
+++ b/public/assets/css/vendors.bundle.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["_modules/variables.scss","vendors.bundle.css","../../node_modules/bootstrap/scss/bootstrap.scss","_modules/_fonts.scss","../../node_modules/bootstrap/scss/_root.scss","../../node_modules/bootstrap/scss/_reboot.scss","../../node_modules/bootstrap/scss/_variables.scss","../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../node_modules/bootstrap/scss/mixins/_hover.scss","../../node_modules/bootstrap/scss/_type.scss","../../node_modules/bootstrap/scss/mixins/_lists.scss","../../node_modules/bootstrap/scss/_images.scss","../../node_modules/bootstrap/scss/mixins/_image.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../node_modules/bootstrap/scss/_code.scss","../../node_modules/bootstrap/scss/_grid.scss","../../node_modules/bootstrap/scss/mixins/_grid.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../node_modules/bootstrap/scss/mixins/_grid-framework.scss","../../node_modules/bootstrap/scss/_tables.scss","../../node_modules/bootstrap/scss/mixins/_table-row.scss","../../node_modules/bootstrap/scss/_functions.scss","../../node_modules/bootstrap/scss/_forms.scss","../../node_modules/bootstrap/scss/mixins/_transition.scss","../../node_modules/bootstrap/scss/mixins/_forms.scss","../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../node_modules/bootstrap/scss/_buttons.scss","../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../node_modules/bootstrap/scss/_transitions.scss","../../node_modules/bootstrap/scss/_dropdown.scss","../../node_modules/bootstrap/scss/mixins/_caret.scss","../../node_modules/bootstrap/scss/mixins/_nav-divider.scss","../../node_modules/bootstrap/scss/_button-group.scss","../../node_modules/bootstrap/scss/_input-group.scss","../../node_modules/bootstrap/scss/_custom-forms.scss","../../node_modules/bootstrap/scss/_nav.scss","../../node_modules/bootstrap/scss/_navbar.scss","../../node_modules/bootstrap/scss/_card.scss","../../node_modules/bootstrap/scss/_breadcrumb.scss","../../node_modules/bootstrap/scss/_pagination.scss","../../node_modules/bootstrap/scss/mixins/_pagination.scss","../../node_modules/bootstrap/scss/_badge.scss","../../node_modules/bootstrap/scss/mixins/_badge.scss","../../node_modules/bootstrap/scss/_jumbotron.scss","../../node_modules/bootstrap/scss/_alert.scss","../../node_modules/bootstrap/scss/mixins/_alert.scss","../../node_modules/bootstrap/scss/_progress.scss","../../node_modules/bootstrap/scss/_media.scss","../../node_modules/bootstrap/scss/_list-group.scss","../../node_modules/bootstrap/scss/mixins/_list-group.scss","../../node_modules/bootstrap/scss/_close.scss","../../node_modules/bootstrap/scss/_toasts.scss","../../node_modules/bootstrap/scss/_modal.scss","../../node_modules/bootstrap/scss/_tooltip.scss","../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../node_modules/bootstrap/scss/_popover.scss","../../node_modules/bootstrap/scss/_carousel.scss","../../node_modules/bootstrap/scss/mixins/_clearfix.scss","../../node_modules/bootstrap/scss/_spinners.scss","../../node_modules/bootstrap/scss/utilities/_align.scss","../../node_modules/bootstrap/scss/mixins/_background-variant.scss","../../node_modules/bootstrap/scss/utilities/_background.scss","../../node_modules/bootstrap/scss/utilities/_borders.scss","../../node_modules/bootstrap/scss/utilities/_display.scss","../../node_modules/bootstrap/scss/utilities/_embed.scss","../../node_modules/bootstrap/scss/utilities/_flex.scss","../../node_modules/bootstrap/scss/utilities/_float.scss","../../node_modules/bootstrap/scss/utilities/_overflow.scss","../../node_modules/bootstrap/scss/utilities/_position.scss","../../node_modules/bootstrap/scss/utilities/_screenreaders.scss","../../node_modules/bootstrap/scss/mixins/_screen-reader.scss","../../node_modules/bootstrap/scss/utilities/_shadows.scss","../../node_modules/bootstrap/scss/utilities/_sizing.scss","../../node_modules/bootstrap/scss/utilities/_stretched-link.scss","../../node_modules/bootstrap/scss/utilities/_spacing.scss","../../node_modules/bootstrap/scss/utilities/_text.scss","../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../node_modules/bootstrap/scss/mixins/_text-emphasis.scss","../../node_modules/bootstrap/scss/mixins/_text-hide.scss","../../node_modules/bootstrap/scss/utilities/_visibility.scss","../../node_modules/bootstrap/scss/_print.scss","_imports/_global-import.scss","_mixins/mixins.scss","_modules/_placeholders.scss","../custom/webfonts/fontawesome-pro-master/scss/fontawesome.scss","../custom/webfonts/fontawesome-pro-master/scss/_core.scss","../custom/webfonts/fontawesome-pro-master/scss/_larger.scss","../custom/webfonts/fontawesome-pro-master/scss/_fixed-width.scss","../custom/webfonts/fontawesome-pro-master/scss/_list.scss","../custom/webfonts/fontawesome-pro-master/scss/_variables.scss","../custom/webfonts/fontawesome-pro-master/scss/_bordered-pulled.scss","../custom/webfonts/fontawesome-pro-master/scss/_animated.scss","../custom/webfonts/fontawesome-pro-master/scss/_rotated-flipped.scss","../custom/webfonts/fontawesome-pro-master/scss/_mixins.scss","../custom/webfonts/fontawesome-pro-master/scss/_stacked.scss","../custom/webfonts/fontawesome-pro-master/scss/_icons.scss","../custom/webfonts/fontawesome-pro-master/scss/fa-light.scss","../custom/webfonts/nextgen-fonts-master/scss/ng-icons.scss","../custom/webfonts/nextgen-fonts-master/scss/_core.scss"],"names":[],"mappings":"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EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,c3BMoB;I2BLpB,sB3BXe;I2BYf,kB3BZe,EAAA;E2BmBjB;;IAGE,c3BNoB;I2BOpB,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;ADKvF;ECrDA,W3BciB;EyBdf,yBzBE2E;E2BA7E,qB3BA6E,EAAA;EQI7E;ImBAE,W3BQe;IyBdf,yBEDoF;IASpF,qBATyH,EAAA;EAY3H;IAMI,yDAAiF;YAAjF,iDAAiF,EAAA;EAKrF;IAEE,W3BVe;I2BWf,yB3BvB2E;I2BwB3E,qB3BxB2E,EAAA;E2B+B7E;;IAGE,W3BtBe;I2BuBf,yBAtCuK;IA0CvK,qBA1C+M,EAAA;IA4C/M;;MAKI,yDAAiF;cAAjF,iDAAiF,EAAA;;ADWvF;ECJA,c3B1D0B;E2B2D1B,qB3B3D0B,EAAA;EQS1B;ImBqDE,W3B7Ce;I2B8Cf,yB3B/DwB;I2BgExB,qB3BhEwB,EAAA;E2BmE1B;IAEE,yD3BrEwB;Y2BqExB,iD3BrEwB,EAAA;E2BwE1B;IAEE,c3B1EwB;I2B2ExB,6BAA6B,EAAA;EAG/B;;IAGE,W3BhEe;I2BiEf,yB3BlFwB;I2BmFxB,qB3BnFwB,EAAA;I2BqFxB;;MAKI,yD3B1FoB;c2B0FpB,iD3B1FoB,EAAA;;A0B8D1B;ECJA,c3B5BsB;E2B6BtB,qB3B7BsB,EAAA;EQrBtB;ImBqDE,W3B7Ce;I2B8Cf,yB3BjCoB;I2BkCpB,qB3BlCoB,EAAA;E2BqCtB;IAEE,yD3BvCoB;Y2BuCpB,iD3BvCoB,EAAA;E2B0CtB;IAEE,c3B5CoB;I2B6CpB,6BAA6B,EAAA;EAG/B;;IAGE,W3BhEe;I2BiEf,yB3BpDoB;I2BqDpB,qB3BrDoB,EAAA;I2BuDpB;;MAKI,yD3B5DgB;c2B4DhB,iD3B5DgB,EAAA;;A0BgCtB;ECJA,c3BzD0B;E2B0D1B,qB3B1D0B,EAAA;EQQ1B;ImBqDE,W3B7Ce;I2B8Cf,yB3B9DwB;I2B+DxB,qB3B/DwB,EAAA;E2BkE1B;IAEE,wD3BpEwB;Y2BoExB,gD3BpEwB,EAAA;E2BuE1B;IAEE,c3BzEwB;I2B0ExB,6BAA6B,EAAA;EAG/B;;IAGE,W3BhEe;I2BiEf,yB3BjFwB;I2BkFxB,qB3BlFwB,EAAA;I2BoFxB;;MAKI,wD3BzFoB;c2ByFpB,gD3BzFoB,EAAA;;A0B6D1B;ECJA,c3BxDuB;E2ByDvB,qB3BzDuB,EAAA;EQOvB;ImBqDE,W3B7Ce;I2B8Cf,yB3B7DqB;I2B8DrB,qB3B9DqB,EAAA;E2BiEvB;IAEE,wD3BnEqB;Y2BmErB,gD3BnEqB,EAAA;E2BsEvB;IAEE,c3BxEqB;I2ByErB,6BAA6B,EAAA;EAG/B;;IAGE,W3BhEe;I2BiEf,yB3BhFqB;I2BiFrB,qB3BjFqB,EAAA;I2BmFrB;;MAKI,wD3BxFiB;c2BwFjB,gD3BxFiB,EAAA;;A0B4DvB;ECJA,c3BvD0B;E2BwD1B,qB3BxD0B,EAAA;EQM1B;ImBqDE,c3B7BoB;I2B8BpB,yB3B5DwB;I2B6DxB,qB3B7DwB,EAAA;E2BgE1B;IAEE,wD3BlEwB;Y2BkExB,gD3BlEwB,EAAA;E2BqE1B;IAEE,c3BvEwB;I2BwExB,6BAA6B,EAAA;EAG/B;;IAGE,c3BhDoB;I2BiDpB,yB3B/EwB;I2BgFxB,qB3BhFwB,EAAA;I2BkFxB;;MAKI,wD3BvFoB;c2BuFpB,gD3BvFoB,EAAA;;A0B2D1B;ECJA,c3BtDyB;E2BuDzB,qB3BvDyB,EAAA;EQKzB;ImBqDE,W3B7Ce;I2B8Cf,yB3B3DuB;I2B4DvB,qB3B5DuB,EAAA;E2B+DzB;IAEE,wD3BjEuB;Y2BiEvB,gD3BjEuB,EAAA;E2BoEzB;IAEE,c3BtEuB;I2BuEvB,6BAA6B,EAAA;EAG/B;;IAGE,W3BhEe;I2BiEf,yB3B9EuB;I2B+EvB,qB3B/EuB,EAAA;I2BiFvB;;MAKI,wD3BtFmB;c2BsFnB,gD3BtFmB,EAAA;;A0B0DzB;ECJA,W3BzCiB;E2B0CjB,kB3B1CiB,EAAA;EQRjB;ImBqDE,c3B7BoB;I2B8BpB,sB3B9Ce;I2B+Cf,kB3B/Ce,EAAA;E2BkDjB;IAEE,yD3BpDe;Y2BoDf,iD3BpDe,EAAA;E2BuDjB;IAEE,W3BzDe;I2B0Df,6BAA6B,EAAA;EAG/B;;IAGE,c3BhDoB;I2BiDpB,sB3BjEe;I2BkEf,kB3BlEe,EAAA;I2BoEf;;MAKI,yD3BzEW;c2ByEX,iD3BzEW,EAAA;;A0B6CjB;ECJA,c3BrD6E;E2BsD7E,qB3BtD6E,EAAA;EQI7E;ImBqDE,W3B7Ce;I2B8Cf,yB3B1D2E;I2B2D3E,qB3B3D2E,EAAA;E2B8D7E;IAEE,sD3BhE2E;Y2BgE3E,8C3BhE2E,EAAA;E2BmE7E;IAEE,c3BrE2E;I2BsE3E,6BAA6B,EAAA;EAG/B;;IAGE,W3BhEe;I2BiEf,yB3B7E2E;I2B8E3E,qB3B9E2E,EAAA;I2BgF3E;;MAKI,sD3BrFuE;c2BqFvE,8C3BrFuE,EAAA;;A0BoE/E;EACE,gBpB8M+B;EoB7M/B,c1B3E0B;E0B4E1B,qBpB6F4C,EAAA;EEhK5C;IkBsEE,c1BvC0C;I0BwC1C,0BpB2F+C,EAAA;EoBlGnD;IAYI,0BpBsF+C;IoBrF/C,wBAAgB;YAAhB,gBAAgB,EAAA;EAbpB;IAkBI,c1B7DoB;I0B8DpB,oBAAoB,EAAA;;AAWxB;ECLE,uB3B0PgC;EOhO5B,eAtCY;EoBchB,gBrB6H+B;EO/N7B,kBb+TqB,EAAA;;A0BtNzB;ECTE,0B3BoPiC;EO1N7B,kBAtCY;EoBchB,gBrB8H+B;EOhO7B,kBb+TqB,EAAA;;A0B7MzB;EACE,cAAc;EACd,WAAW,EAAA;EAFb;IAMI,kBpBuT+B,EAAA;;AoBlTnC;;;EAII,WAAW,EAAA;;AEtIf;ELMM,wCjBsP2C;EiBtP3C,gCjBsP2C,EAAA;EsB5PjD;IAII,UAAU,EAAA;;AAId;EAEI,aAAa,EAAA;;AAIjB;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;ELXZ,qCjBuPwC;EiBvPxC,6BjBuPwC,EAAA;;AuB5P9C;;;;EAIE,kBAAkB,EAAA;;AAGpB;EACE,mBAAmB,EAAA;ECoBjB;IACE,qBAAqB;IACrB,oBxB0N0C;IwBzN1C,uBxBwN0C;IwBvN1C,WAAW;IAhCf,uBAA8B;IAC9B,qCAA4C;IAC5C,gBAAgB;IAChB,oCAA2C,EAAA;EAqDzC;IACE,cAAc,EAAA;;AD1CpB;EACE,kBAAkB;EAClB,SAAS;EACT,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;EkC3N7C;IAsBI,kBAAkB;IAClB,eAA+E;IAC/E,eAA+D;IAC/D,cAAc;IACd,elC+LwC;IkC9LxC,gBlC8LwC;IkC7LxC,WAAW;IACX,kCAAgE,EAAA;;AASpE;ErBrGI,kBbyR0C,EAAA;;AkCpL9C;EAOM,6MbrEqI,EAAA;;Aa8D3I;EAaM,qBlCpHsB;EyBGxB,yBzBHwB,EAAA;;AkCuG5B;EAkBM,0JbhFqI,EAAA;;Aa8D3I;EAwBM,0ClC/HsB,EAAA;;AkCuG5B;EA2BM,0ClClIsB,EAAA;;AkC2I5B;EAGI,kB5B0Z+C,EAAA;;A4B7ZnD;EAQM,uJb1GqI,EAAA;;AakG3I;EAcM,0ClCzJsB,EAAA;;AkCmK5B;EACE,wBAA2D,EAAA;EAD7D;IAKM,iBAAqD;IACrD,iB5BkY+E;I4BjY/E,mBAAmB;IAEnB,wB5BgY4E,EAAA;E4BzYlF;IAaM,2BAA0I;IAC1I,6BAA+G;IAC/G,2B5B2XiI;I4B1XjI,4B5B0XiI;I4BzXjI,yBlCvJkB;IkCyJlB,wB5BsX4E;IiBziB5E,iKjB8f+H;IiB9f/H,yJjB8f+H;IiB9f/H,yIjB8f+H;IiB9f/H,oNjB8f+H,EAAA;E4B9VrI;IA0BM,sBlC5Ka;IkC6Kb,yCAA4E;YAA5E,iCAA4E,EAAA;EA3BlF;IAiCM,0ClCpMsB,EAAA;;AkCgN5B;EACE,qBAAqB;EACrB,WAAW;EACX,iC5BwR2H;E4BvR3H,wClC6D4B;EOrJxB,oBAtCY;E2BiIhB,gB5BiE+B;E4BhE/B,iBlC6O0B;EkC5O1B,clC1LsB;EkC2LtB,sBAAsB;EACtB,8M5BmWmI;E4BlWnI,sBlC3MiB;EkC4MjB,yBlCgD8B;Ea3Q5B,kBb+TqB;EkCjGvB,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB,EAAA;EAhBlB;IAmBI,qBlCnOwB;IkCoOxB,UAAU;IAIR,4ClCuCiC;YkCvCjC,oClCuCiC,EAAA;IkC/DvC;MAiCM,clClNkB;MkCmNlB,sBlCjOa,EAAA;EkC+LnB;IAwCI,YAAY;IACZ,uBlCwB0B;IkCvB1B,sBAAsB,EAAA;EA1C1B;IA8CI,clChOoB;IkCiOpB,yBlCrOoB,EAAA;EkCsLxB;IAoDI,aAAa,EAAA;;AAIjB;EACE,mC5BmOqI;E4BlOrI,qBlC2EiC;EkC1EjC,wBlC0EiC;EkCzEjC,sBlC0EiC;EO1N7B,kBAtCY,EAAA;;A2B0LlB;EACE,kC5B4NqI;E4B3NrI,oBlCyEgC;EkCxEhC,uBlCwEgC;EkCvEhC,oBlCwEgC;EOhO5B,eAtCY,EAAA;;A2BuMlB;EACE,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,iC5B0M2H;E4BzM3H,gBAAgB,EAAA;;AAGlB;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,iC5BkM2H;E4BjM3H,SAAS;EACT,UAAU,EAAA;EANZ;IASI,qBlC9SwB;IkC+SxB,4ClChCmC;YkCgCnC,oClChCmC,EAAA;EkCsBvC;IAcI,yBlCzRoB,EAAA;EkC2QxB;IAmBM,iB5BqUQ,EAAA;E4BxVd;IAwBI,0BAA0B,EAAA;;AAI9B;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,iC5BoK2H;E4BnK3H,wBlCvD4B;EkCyD5B,gB5BlD+B;E4BmD/B,iBlC0H0B;EkCzH1B,clC7SsB;EkC8StB,sBlC5TiB;EkC6TjB,yBlCjE8B;Ea3Q5B,kBb+TqB,EAAA;EkCAzB;IAkBI,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,SAAS;IACT,UAAU;IACV,cAAc;IACd,2B5B8I+F;I4B7I/F,wBlCzE0B;IkC0E1B,iBlC0GwB;IkCzGxB,clC7ToB;IkC8TpB,iBAAiB;IT1VjB,yBzBuBoB;IkCqUpB,oBAAoB;IrB7VpB,0BqB8VgF,EAAA;;AAUpF;EACE,WAAW;EACX,2BAA+F;EAC/F,UAAU;EACV,6BAA6B;EAC7B,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB,EAAA;EALlB;IAQI,aAAa,EAAA;IARjB;MAY8B,0ElCtXF;ckCsXE,kElCtXF,EAAA;IkC0W5B;MAa8B,kElCvXF,EAAA;IkC0W5B;MAc8B,kElCxXF,EAAA;EkC0W5B;IAkBI,SAAS,EAAA;EAlBb;IAsBI,WlCrF8B;IkCsF9B,YlCtF8B;IkCuF9B,sBAAyE;IT/XzE,yBzBHwB;IkCoYxB,S5B6N0C;IO/lB1C,kBb0SmC;IuBzSjC,4HjB8f+H;IiB9f/H,oHjB8f+H;IiB9f/H,4GjB8f+H;IiB9f/H,kJjB8f+H;I4BzHjI,wBAAgB;YAAhB,gBAAgB,EAAA;IA9BpB;MTvWI,yBzBoC2C,EAAA;EkCmU/C;IAsCI,W5BuMoC;I4BtMpC,gBlCpGmC;IkCqGnC,kBAAkB;IAClB,e5BsMuC;I4BrMvC,yBlCzXoB;IkC0XpB,yBAAyB;IrBnZzB,mBPylBoC,EAAA;E4BjPxC;IAiDI,WlChH8B;IkCiH9B,YlCjH8B;IyBxS9B,yBzBHwB;IkC8ZxB,S5BmM0C;IO/lB1C,kBb0SmC;IuBzSjC,4HjB8f+H;IiB9f/H,oHjB8f+H;IiB9f/H,4GjB8f+H;IiB9f/H,kJjB8f+H;I4B/FjI,qBAAgB;SAAhB,gBAAgB,EAAA;IAxDpB;MTvWI,yBzBoC2C,EAAA;EkCmU/C;IAgEI,W5B6KoC;I4B5KpC,gBlC9HmC;IkC+HnC,kBAAkB;IAClB,e5B4KuC;I4B3KvC,yBlCnZoB;IkCoZpB,yBAAyB;IrB7azB,mBPylBoC,EAAA;E4BjPxC;IA2EI,WlC1I8B;IkC2I9B,YlC3I8B;IkC4I9B,aAAa;IACb,oB5BvD+B;I4BwD/B,mB5BxD+B;ImB9X/B,yBzBHwB;IkC2bxB,S5BsK0C;IO/lB1C,kBb0SmC;IuBzSjC,4HjB8f+H;IiB9f/H,oHjB8f+H;IiB9f/H,4GjB8f+H;IiB9f/H,kJjB8f+H;I4BlEjI,gBAAgB,EAAA;IArFpB;MTvWI,yBzBoC2C,EAAA;EkCmU/C;IA6FI,W5BgJoC;I4B/IpC,gBlC3JmC;IkC4JnC,kBAAkB;IAClB,e5B+IuC;I4B9IvC,6BAA6B;IAC7B,yBAAyB;IACzB,oBAA4C,EAAA;EAnGhD;IAwGI,yBlCvboB;IazBpB,mBPylBoC,EAAA;E4BjPxC;IA6GI,kBAAkB;IAClB,yBlC7boB;IazBpB,mBPylBoC,EAAA;E4BjPxC;IAoHM,yBlCjckB,EAAA;EkC6UxB;IAwHM,eAAe,EAAA;EAxHrB;IA4HM,yBlCzckB,EAAA;EkC6UxB;IAgIM,eAAe,EAAA;EAhIrB;IAoIM,yBlCjdkB,EAAA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AgB;EAChB,yBtC8U4C;Ea/U1C,kBb+TqB,EAAA;;AsC1TzB;EAGI,oBhCkgCqC,EAAA;EgCrgCzC;IAMM,qBAAqB;IACrB,qBhC8/BmC;IgC7/BnC,ctCmU+B;IsClU/B,YhCmgCuC,EAAA;;AgC5gC7C;EAoBI,0BAA0B,EAAA;;AApB9B;EAwBI,qBAAqB,EAAA;;AAxBzB;EA4BI,ctCLoB,EAAA;;AuCjCxB;EACE,oBAAa;EAAb,oBAAa;EAAb,aAAa;E7BGb,eAAe;EACf,gBAAgB;EGAd,kBb+TqB,EAAA;;AuC9TzB;EACE,kBAAkB;EAClB,cAAc;EACd,uBjCqwBwC;EiCpwBxC,iBjC6N+B;EiC5N/B,iBjCwwBsC;EiCvwBtC,cvCT0B;EuCU1B,sBvCOiB;EuCNjB,yBvCgBsB,EAAA;EuCxBxB;IAWI,UAAU;IACV,cvCyB0C;IuCxB1C,qBAAqB;IACrB,yBvCSoB;IuCRpB,qBvCSoB,EAAA;EuCxBxB;IAmBI,UAAU;IACV,UjCiwBiC;IiChwBjC,4CvCuPmC;YuCvPnC,oCvCuPmC,EAAA;;AuCnPvC;EAGM,cAAc;E1BChB,2BbiSqB;EahSrB,8BbgSqB,EAAA;;AuCrSzB;E1BVI,4Bb+SqB;Ea9SrB,+Bb8SqB,EAAA;;AuCrSzB;EAcI,UAAU;EACV,WvC1Be;EuC2Bf,yBvC5CwB;EuC6CxB,qBvC7CwB,EAAA;;AuC4B5B;EAqBI,cvCnBoB;EuCoBpB,oBAAoB;EAEpB,YAAY;EACZ,sBvCpCe;EuCqCf,qBvC3BoB,EAAA;;AwC3BtB;EACE,uBlC8wBsC;ECnpBpC,eAtCY;EiCnFd,gBlC8N6B,EAAA;;AkCzN3B;E3BwBF,2BbiSqB;EahSrB,8BbgSqB,EAAA;;AwCpTnB;E3BKF,4Bb+SqB;Ea9SrB,+Bb8SqB,EAAA;;AwCjUvB;EACE,uBlC4wBqC;ECjpBnC,kBAtCY;EiCnFd,gBlC+N6B,EAAA;;AkC1N3B;E3BwBF,2BbiSqB;EahSrB,8BbgSqB,EAAA;;AwCpTnB;E3BKF,4Bb+SqB;Ea9SrB,+Bb8SqB,EAAA;;AyC/TzB;EACE,qBAAqB;EACrB,qBnC24BsC;EC10BpC,cAAW;EkC/Db,gBzCiT0B;EyChT1B,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,wBAAwB;E5BRtB,kBb+TqB;EuB9TnB,qJjBqb6I;EiBrb7I,6IjBqb6I;EiBrb7I,qIjBqb6I;EiBrb7I,2KjBqb6I,EAAA;EE3ajJ;IiCGI,qBAAqB,EAAA;EAd3B;IAoBI,aAAa,EAAA;;AAKjB;EACE,kBAAkB;EAClB,SAAS,EAAA;;AAOX;EACE,oBnCg3BsC;EmC/2BtC,mBnC+2BsC;EOn5BpC,oBPs5BqC,EAAA;;AmCz2BvC;ECjDA,W1CmBiB;E0ClBjB,yB1CC0B,EAAA;EQa1B;IkCVI,W1Cca;I0Cbb,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,yD1CVsB;Y0CUtB,iD1CVsB,EAAA;;AyC+C1B;ECjDA,W1CmBiB;E0ClBjB,yB1C+BsB,EAAA;EQjBtB;IkCVI,W1Cca;I0Cbb,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,yD1CoBkB;Y0CpBlB,iD1CoBkB,EAAA;;AyCiBtB;ECjDA,W1CmBiB;E0ClBjB,yB1CE0B,EAAA;EQY1B;IkCVI,W1Cca;I0Cbb,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,wD1CTsB;Y0CStB,gD1CTsB,EAAA;;AyC8C1B;ECjDA,W1CmBiB;E0ClBjB,yB1CGuB,EAAA;EQWvB;IkCVI,W1Cca;I0Cbb,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,wD1CRmB;Y0CQnB,gD1CRmB,EAAA;;AyC6CvB;ECjDA,c1CmCsB;E0ClCtB,yB1CI0B,EAAA;EQU1B;IkCVI,c1C8BkB;I0C7BlB,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,wD1CPsB;Y0COtB,gD1CPsB,EAAA;;AyC4C1B;ECjDA,W1CmBiB;E0ClBjB,yB1CKyB,EAAA;EQSzB;IkCVI,W1Cca;I0Cbb,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,wD1CNqB;Y0CMrB,gD1CNqB,EAAA;;AyC2CzB;ECjDA,c1CmCsB;E0ClCtB,sB1CkBiB,EAAA;EQJjB;IkCVI,c1C8BkB;I0C7BlB,yBAAkC,EAAA;EAH9B;IAQJ,UAAU;IACV,yD1COa;Y0CPb,iD1COa,EAAA;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C/ErB,4Bb+SqB;Qa9SrB,+Bb8SqB;QaxQrB,4BmC0C0C,EAAA,EACrC;;A/B3CL;E+B2BA;IACE,8BAAmB;IAAnB,6BAAmB;QAAnB,uBAAmB;YAAnB,mBAAmB,EAAA;IADrB;MAII,kB1C4IyB;M0C3IzB,gBAAgB,EAAA;MALpB;QnCpDA,2BbiSqB;QahSrB,8BbgSqB;QapRrB,0BmCgDwC,EAAA;MATxC;QAaM,eAAe;QnC/ErB,4Bb+SqB;Qa9SrB,+Bb8SqB;QaxQrB,4BmC0C0C,EAAA,EACrC;;AAYT;EAEI,eAAe;EACf,cAAc;EnCjHd,gBmCkHwB,EAAA;EAJ5B;IAOM,mB1C6G2B,EAAA;;A0CpHjC;EAaM,aAAa,EAAA;;AAbnB;EAmBM,gBAAgB;EAChB,gBAAgB,EAAA;;ACpIpB;EACE,c5BgF8D;E4B/E9D,yB5B+E8D,EAAA;EbpEhE;IyCPM,c5B2E0D;I4B1E1D,yBAAyC,EAAA;EAP/C;IAWM,WjDMW;IiDLX,yB5BqE0D;I4BpE1D,qB5BoE0D,EAAA;;A4BjFhE;EACE,c5BgF8D;E4B/E9D,yB5B+E8D,EAAA;EbpEhE;IyCPM,c5B2E0D;I4B1E1D,yBAAyC,EAAA;EAP/C;IAWM,WjDMW;IiDLX,yB5BqE0D;I4BpE1D,qB5BoE0D,EAAA;;A4BjFhE;EACE,c5BgF8D;E4B/E9D,yB5B+E8D,EAAA;EbpEhE;IyCPM,c5B2E0D;I4B1E1D,yBAAyC,EAAA;EAP/C;IAWM,WjDMW;IiDLX,yB5BqE0D;I4BpE1D,qB5BoE0D,EAAA;;A4BjFhE;EACE,c5BgF8D;E4B/E9D,yB5B+E8D,EAAA;EbpEhE;IyCPM,c5B2E0D;I4B1E1D,yBAAyC,EAAA;EAP/C;IAWM,WjDMW;IiDLX,yB5BqE0D;I4BpE1D,qB5BoE0D,EAAA;;A4BjFhE;EACE,c5BgF8D;E4B/E9D,yB5B+E8D,EAAA;EbpEhE;IyCPM,c5B2E0D;I4B1E1D,yBAAyC,EAAA;EAP/C;IAWM,WjDMW;IiDLX,yB5BqE0D;I4BpE1D,qB5BoE0D,EAAA;;A4BjFhE;EACE,c5BgF8D;E4B/E9D,yB5B+E8D,EAAA;EbpEhE;IyCPM,c5B2E0D;I4B1E1D,y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rC;EAAqC,gBNQA,EAAA;;AMPrC;EAAyC,gBNOJ,EAAA;;AMNrC;EAAyC,gBNMJ,EAAA;;AMLrC;EAAmC,gBNKE,EAAA;;AMJrC;EAAgC,gBNIK,EAAA;;AMHrC;EAAqC,gBNGA,EAAA;;AMFrC;EAA2C,gBNEN,EAAA;;AMDrC;EAAwC,gBNCH,EAAA;;AMArC;EAAoC,gBNAC,EAAA;;AMCrC;EAAyC,gBNDJ,EAAA;;AMErC;EAA0C,gBNFL,EAAA;;AMGrC;EAAuC,gBNHF,EAAA;;AMIrC;EAAwC,gBNJH,EAAA;;AMKrC;EAAsC,gBNLD,EAAA;;AMMrC;EAAmC,gBNNE,EAAA;;AMOrC;EAAuC,gBNPF,EAAA;;AMQrC;EAAsC,gBNRD,EAAA;;AMSrC;EAAgE,gBNT3B,EAAA;;AMUrC;EAAmC,gBNVE,EAAA;;AMWrC;EAAmC,gBNXE,EAAA;;AMYrC;EAAoC,gBNZC,EAAA;;AMarC;EAAsC,gBNbD,EAAA;;AMcrC;EAA8C,gBNdT,EAAA;;AMerC;EAA8C,gBNfT,EAAA;;AMgBrC;EAA+C,gBNhBV,EAAA;;AMiBrC;EAA4C,gBNjBP,EAAA;;AMkBrC;EAAuC,gBNlBF,EAAA;;AMmBrC;EAAuC,gBNnBF,EAAA;;AMoBrC;EAAwC,gBNpBH,EAAA;;AMqBrC;EAAqC,gBNrBA,EAAA;;AMsBrC;EAA0C,gBNtBL,EAAA;;AMuBrC;EAAoC,gBNvBC,EAAA;;AMwBrC;EAAsC,gBNxBD,EAAA;;AMyBrC;EAA0C,gBNzBL,EAAA;;AM0BrC;EAAkC,gBN1BG,EAAA;;AM2BrC;EAAkC,gBN3BG,EAAA;;AM4BrC;EAAsC,gBN5BD,EAAA;;AM6BrC;EAAoC,gBN7BC,EAAA;;AM8BrC;EAAkD,gBN9Bb,EAAA;;AM+BrC;EAAkD,gBN/Bb,EAAA;;AMgCrC;EAAmD,gBNhCd,EAAA;;AMiCrC;EAAgD,gBNjCX,EAAA;;AMkCrC;EAA2C,gBNlCN,EAAA;;AMmCrC;EAAkD,gBNnCb,EAAA;;AMoCrC;EAAgD,gBNpCX,EAAA;;AMqCrC;EAAiD,gBNrCZ,EAAA;;AMsCrC;EAA+C,gBNtCV,EAAA;;AMuCrC;EAA2C,gBNvCN,EAAA;;AMwCrC;EAA4C,gBNxCP,EAAA;;AMyCrC;EAAkD,gBNzCb,EAAA;;AM0CrC;EAAkD,gBN1Cb,EAAA;;AM2CrC;EAAmD,gBN3Cd,EAAA;;AM4CrC;EAAgD,gBN5CX,EAAA;;AM6CrC;EAAgD,gBN7CX,EAAA;;AM8CrC;EAA8C,gBN9CT,EAAA;;AM+CrC;EAA+C,gBN/CV,EAAA;;AMgDrC;EAA6C,gBNhDR,EAAA;;AMiDrC;EAAyC,gBNjDJ,EAAA;;AMkDrC;EAA8C,gBNlDT,EAAA;;AMmDrC;EAA8C,gBNnDT,EAAA;;AMoDrC;EAA+C,gBNpDV,EAAA;;AMqDrC;EAA4C,gBNrDP,EAAA;;AMsDrC;EAAuC,gBNtDF,EAAA;;AMuDrC;EAA8C,gBNvDT,EAAA;;AMwDrC;EAA4C,gBNxDP,EAAA;;AMyDrC;EAA6C,gBNzDR,EAAA;;AM0DrC;EAA2C,gBN1DN,EAAA;;AM2DrC;EAAuC,gBN3DF,EAAA;;AM4DrC;EAAwC,gBN5DH,EAAA;;AM6DrC;EAA8C,gBN7DT,EAAA;;AM8DrC;EAA8C,gBN9DT,EAAA;;AM+DrC;EAA+C,gBN/DV,EAAA;;AMgErC;EAA4C,gBNhEP,EAAA;;AMiErC;EAA4C,gBNjEP,EAAA;;AMkErC;EAA0C,gBNlEL,EAAA;;AMmErC;EAA2C,gBNnEN,EAAA;;AMoErC;EAAyC,gBNpEJ,EAAA;;AMqErC;EAAqC,gBNrEA,EAAA;;AMsErC;EAAmC,gBNtEE,EAAA;;AMuErC;EAAuC,gBNvEF,EAAA;;AMwErC;EAAyC,gBNxEJ,EAAA;;AMyErC;EAAyC,gBNzEJ,EAAA;;AM0ErC;EAAqC,gBN1EA,EAAA;;AM2ErC;EAAqC,gBN3EA,EAAA;;AM4ErC;EAAwD,gBN5EnB,EAAA;;AM6ErC;EAAqC,gBN7EA,EAAA;;AM8ErC;EAAuC,gBN9EF,EAAA;;AM+ErC;EAA+B,gBN/EM,EAAA;;AMgFrC;EAAoC,gBNhFC,EAAA;;AMiFrC;EAA8C,gBNjFT,EAAA;;AMkFrC;EAAyC,gBNlFJ,EAAA;;AMmFrC;EAAoC,gBNnFC,EAAA;;AMoFrC;EAAmC,gBNpFE,EAAA;;AMqFrC;EAAgC,gBNrFK,EAAA;;AMsFrC;EAAqC,gBNtFA,EAAA;;AMuFrC;EAAkC,gBNvFG,EAAA;;AMwFrC;EAAwC,gBNxFH,EAAA;;AMyFrC;EAA0C,gBNzFL,EAAA;;AM0FrC;EAAgC,gBN1FK,EAAA;;AM2FrC;EAAqC,gBN3FA,EAAA;;AM4FrC;EAAqC,gBN5FA,EAAA;;AM6FrC;EAAoC,gBN7FC,EAAA;;AM8FrC;EAAwC,gBN9FH,EAAA;;AM+FrC;EAAyC,gBN/FJ,EAAA;;AMgGrC;EAAyC,gBNhGJ,EAAA;;AMiGrC;EAAiC,gBNjGI,EAAA;;AMkGrC;EAAqC,gBNlGA,EAAA;;AMmGrC;EAA0C,gBNnGL,EAAA;;AMoGrC;EAA4C,gBNpGP,EAAA;;AMqGrC;EAA4C,gBNrGP,EAAA;;AMsGrC;EAAiC,gBNtGI,EAAA;;AMuGrC;EAAyC,gBNvGJ,EAAA;;AMwGrC;EAA0C,gBNxGL,EAAA;;AMyGrC;EAAyC,gBNzGJ,EAAA;;AM0GrC;EAAyC,gBN1GJ,EAAA;;AM2GrC;EAA4C,gBN3GP,EAAA;;AM4GrC;EAA0C,gBN5GL,EAAA;;AM6GrC;EAAmD,gBN7Gd,EAAA;;AM8GrC;EAAgC,gBN9GK,EAAA;;AM+GrC;EAAiC,gBN/GI,EAAA;;AMgHrC;EAAoC,gBNhHC,EAAA;;AMiHrC;EAA2C,gBNjHN,EAAA;;AMkHrC;EAAiC,gBNlHI,EAAA;;AMmHrC;EAAuC,gBNnHF,EAAA;;AMoHrC;EAAoC,gBNpHC,EAAA;;AMqHrC;EAAsC,gBNrHD,EAAA;;AMsHrC;EAAuC,gBNtHF,EAAA;;AMuHrC;EAA0C,gBNvHL,EAAA;;AMwHrC;EAAsC,gBNxHD,EAAA;;AMyHrC;EAAoC,gBNzHC,EAAA;;AM0HrC;EAAiC,gBN1HI,EAAA;;AM2HrC;EAAsC,gBN3HD,EAAA;;AM4HrC;EAAuC,gBN5HF,EAAA;;AM6HrC;EAAkC,gBN7HG,EAAA;;AM8HrC;EAAoC,gBN9HC,EAAA;;AM+HrC;EAAsC,gBN/HD,EAAA;;AMgIrC;EAAsC,gBNhID,EAAA;;AMiIrC;EAAwC,gBNjIH,EAAA;;AMkIrC;EAAiC,gBNlII,EAAA;;AMmIrC;EAAiC,gBNnII,EAAA;;AMoIrC;EAAiC,gBNpII,EAAA;;AMqIrC;EAAiC,gBNrII,EAAA;;AMsIrC;EAAqC,gBNtIA,EAAA;;AMuIrC;EAAyC,gBNvIJ,EAAA;;AMwIrC;EAAyC,gBNxIJ,EAAA;;AMyIrC;EAAgC,gBNzIK,EAAA;;AM0IrC;EAAsC,gBN1ID,EAAA;;AM2IrC;EAAkC,gBN3IG,EAAA;;AM4IrC;EAAyC,gBN5IJ,EAAA;;AM6IrC;EAAoC,gBN7IC,EAAA;;AM8IrC;EAAsC,gBN9ID,EAAA;;AM+IrC;EAA8C,gBN/IT,EAAA;;AMgJrC;EAAoC,gBNhJC,EAAA;;AMiJrC;EAAgC,gBNjJK,EAAA;;AMkJrC;EAAgC,gBNlJK,EAAA;;AMmJrC;EAAqC,gBNnJA,EAAA;;AMoJrC;EAAqC,gBNpJA,EAAA;;AMqJrC;EAAqC,gBNrJA,EAAA;;AMsJrC;EAAiC,gBNtJI,EAAA;;AMuJrC;EAA6C,gBNvJR,EAAA;;AMwJrC;EAAgC,gBNxJK,EAAA;;AMyJrC;EAAuC,gBNzJF,EAAA;;AM0JrC;EAAuC,gBN1JF,EAAA;;AM2JrC;EAAqC,gBN3JA,EAAA;;AM4JrC;EAAyC,gBN5JJ,EAAA;;AM6JrC;EAA2C,gBN7JN,EAAA;;AM8JrC;EAA0C,gBN9JL,EAAA;;AM+JrC;EAAiD,gBN/JZ,EAAA;;AMgKrC;EAA2C,gBNhKN,EAAA;;AMiKrC;EAA0C,gBNjKL,EAAA;;AMkKrC;EAA2C,gBNlKN,EAAA;;AMmKrC;EAAmC,gBNnKE,EAAA;;AMoKrC;EAAuC,gBNpKF,EAAA;;AMqKrC;EAAyC,gBNrKJ,EAAA;;AMsKrC;EAAqC,gBNtKA,EAAA;;AMuKrC;EAAgC,gBNvKK,EAAA;;AMwKrC;EAA8C,gBNxKT,EAAA;;AMyKrC;EAA8C,gBNzKT,EAAA;;AM0KrC;EAA+C,gBN1KV,EAAA;;AM2KrC;EAA4C,gBN3KP,EAAA;;AM4KrC;EAAuC,gBN5KF,EAAA;;AM6KrC;EAAuC,gBN7KF,EAAA;;AM8KrC;EAAwC,gBN9KH,EAAA;;AM+KrC;EAA8C,gBN/KT,EAAA;;AMgLrC;EAA8C,gBNhLT,EAAA;;AMiLrC;EAA+C,gBNjLV,EAAA;;AMkLrC;EAA4C,gBNlLP,EAAA;;AMmLrC;EAAqC,gBNnLA,EAAA;;AMoLrC;EAA4C,gBNpLP,EAAA;;AMqLrC;EAAsC,gBNrLD,EAAA;;AMsLrC;EAA0C,gBNtLL,EAAA;;AMuLrC;EAAoC,gBNvLC,EAAA;;AMwLrC;EAAyC,gBNxLJ,EAAA;;AMyLrC;EAA2C,gBNzLN,EAAA;;AM0LrC;EAAwC,gBN1LH,EAAA;;AM2LrC;EAAmC,gBN3LE,EAAA;;AM4LrC;EAA0C,gBN5LL,EAAA;;AM6LrC;EAAsC,gBN7LD,EAAA;;AM8LrC;EAAsC,gBN9LD,EAAA;;AM+LrC;EAAoC,gBN/LC,EAAA;;AMgMrC;EAAuC,gBNhMF,EAAA;;AMiMrC;EAAwC,gBNjMH,EAAA;;AMkMrC;EAAuC,gBNlMF,EAAA;;AMmMrC;EAAsC,gBNnMD,EAAA;;AMoMrC;EAAuC,gBNpMF,EAAA;;AMqMrC;EAAsC,gBNrMD,EAAA;;AMsMrC;EAAkC,gBNtMG,EAAA;;AMuMrC;EAAyC,gBNvMJ,EAAA;;AMwMrC;EAAyC,gBNxMJ,EAAA;;AMyMrC;EAAkC,gBNzMG,EAAA;;AM0MrC;EAAyC,gBN1MJ,EAAA;;AM2MrC;EAA6C,gBN3MR,EAAA;;AM4MrC;EAAwC,gBN5MH,EAAA;;AM6MrC;EAAwC,gBN7MH,EAAA;;AM8MrC;EAA4C,gBN9MP,EAAA;;AM+MrC;EAAuC,gBN/MF,EAAA;;AMgNrC;EAA2C,gBNhNN,EAAA;;AMiNrC;EAAyC,gBNjNJ,EAAA;;AMkNrC;EAA6C,gBNlNR,EAAA;;AMmNrC;EAAuC,gBNnNF,EAAA;;AMoNrC;EAA2C,gBNpNN,EAAA;;AMqNrC;EAAwC,gBNrNH,EAAA;;AMsNrC;EAA4C,gBNtNP,EAAA;;AMuNrC;EAAuC,gBNvNF,EAAA;;AMwNrC;EAA2C,gBNxNN,EAAA;;AMyNrC;EAAgD,gBNzNX,EAAA;;AM0NrC;EAAgD,gBN1NX,EAAA;;AM2NrC;EAAiD,gBN3NZ,EAAA;;AM4NrC;EAA8C,gBN5NT,EAAA;;AM6NrC;EAAgD,gBN7NX,EAAA;;AM8NrC;EAAgD,gBN9NX,EAAA;;AM+NrC;EAAiD,gBN/NZ,EAAA;;AMgOrC;EAA8C,gBNhOT,EAAA;;AMiOrC;EAAyC,gBNjOJ,EAAA;;AMkOrC;EAAyC,gBNlOJ,EAAA;;AMmOrC;EAA0C,gBNnOL,EAAA;;AMoOrC;EAAgD,gBNpOX,EAAA;;AMqOrC;EAAgD,gBNrOX,EAAA;;AMsOrC;EAAiD,gBNtOZ,EAAA;;AMuOrC;EAA8C,gBNvOT,EAAA;;AMwOrC;EAAuC,gBNxOF,EAAA;;AMyOrC;EAAkC,gBNzOG,EAAA;;AM0OrC;EAAmC,gBN1OE,EAAA;;AM2OrC;EAAmC,gBN3OE,EAAA;;AM4OrC;EAAyC,gBN5OJ,EAAA;;AM6OrC;EAAsC,gBN7OD,EAAA;;AM8OrC;EAA4C,gBN9OP,EAAA;;AM+OrC;EAA2C,gBN/ON,EAAA;;AMgPrC;EAAkC,gBNhPG,EAAA;;AMiPrC;EAAkC,gBNjPG,EAAA;;AMkPrC;EAA8C,gBNlPT,EAAA;;AMmPrC;EAAkC,gBNnPG,EAAA;;AMoPrC;EAA2C,gBNpPN,EAAA;;AMqPrC;EAA+C,gBNrPV,EAAA;;AMsPrC;EAAyC,gBNtPJ,EAAA;;AMuPrC;EAA6C,gBNvPR,EAAA;;AMwPrC;EAAuC,gBNxPF,EAAA;;AMyPrC;EAAuC,gBNzPF,EAAA;;AM0PrC;EAAyC,gBN1PJ,EAAA;;AM2PrC;EAAiC,gBN3PI,EAAA;;AM4PrC;EAAiC,gBN5PI,EAAA;;AM6PrC;EAAwC,gBN7PH,EAAA;;AM8PrC;EAAwC,gBN9PH,EAAA;;AM+PrC;EAAuC,gBN/PF,EAAA;;AMgQrC;EAAoC,gBNhQC,EAAA;;AMiQrC;EAAqC,gBNjQA,EAAA;;AMkQrC;EAAmC,gBNlQE,EAAA;;AMmQrC;EAAgC,gBNnQK,EAAA;;AMoQrC;EAAiC,gBNpQI,EAAA;;AMqQrC;EAAoC,gBNrQC,EAAA;;AMsQrC;EAAoC,gBNtQC,EAAA;;AMuQrC;EAAwC,gBNvQH,EAAA;;AMwQrC;EAAqC,gBNxQA,EAAA;;AMyQrC;EAAoC,gBNzQC,EAAA;;AM0QrC;EAAqC,gBN1QA,EAAA;;AM2QrC;EAAyC,gBN3QJ,EAAA;;AM4QrC;EAA0C,gBN5QL,EAAA;;AM6QrC;EAA2C,gBN7QN,EAAA;;AM8QrC;EAAmC,gBN9QE,EAAA;;AM+QrC;EAA0C,gBN/QL,EAAA;;AMgRrC;EAA8C,gBNhRT,EAAA;;AMiRrC;EAAiC,gBNjRI,EAAA;;AMkRrC;EAAsC,gBNlRD,EAAA;;AMmRrC;EAAmC,gBNnRE,EAAA;;AMoRrC;EAA6C,gBNpRR,EAAA;;AMqRrC;EAAwC,gBNrRH,EAAA;;AMsRrC;EAA8C,gBNtRT,EAAA;;AMuRrC;EAA8C,gBNvRT,EAAA;;AMwRrC;EAAoC,gBNxRC,EAAA;;AMyRrC;EAAiC,gBNzRI,EAAA;;AM0RrC;EAAuC,gBN1RF,EAAA;;AM2RrC;EAAiC,gBN3RI,EAAA;;AM4RrC;EAAqC,gBN5RA,EAAA;;AM6RrC;EAAiC,gBN7RI,EAAA;;AM8RrC;EAAkC,gBN9RG,EAAA;;AM+RrC;EAAoC,gBN/RC,EAAA;;AMgSrC;EAAgC,gBNhSK,EAAA;;AMiSrC;EAAuC,gBNjSF,EAAA;;AMkSrC;EAAoC,gBNlSC,EAAA;;AMmSrC;EAAqC,gBNnSA,EAAA;;AMoSrC;EAAqC,gBNpSA,EAAA;;AMqSrC;EAAiC,gBNrSI,EAAA;;AMsSrC;EAAsC,gBNtSD,EAAA;;AMuSrC;EAAsC,gBNvSD,EAAA;;AMwSrC;EAAoC,gBNxSC,EAAA;;AMySrC;EAAoC,gBNzSC,EAAA;;AM0SrC;EAAwC,gBN1SH,EAAA;;AM2SrC;EAAuC,gBN3SF,EAAA;;AM4SrC;EAAsC,gBN5SD,EAAA;;AM6SrC;EAAoC,gBN7SC,EAAA;;AM8SrC;EAAiC,gBN9SI,EAAA;;AM+SrC;EAA0C,gBN/SL,EAAA;;AMgTrC;EAAoC,gBNhTC,EAAA;;AMiTrC;EAAsC,gBNjTD,EAAA;;AMkTrC;EAAgC,gBNlTK,EAAA;;AMmTrC;EAAmC,gBNnTE,EAAA;;AMoTrC;EAAmC,gBNpTE,EAAA;;AMqTrC;EAAwC,gBNrTH,EAAA;;AMsTrC;EAAkC,gBNtTG,EAAA;;AMuTrC;EAAwC,gBNvTH,EAAA;;AMwTrC;EAA0C,gBNxTL,EAAA;;AMyTrC;EAA8C,gBNzTT,EAAA;;AM0TrC;EAAgD,gBN1TX,EAAA;;AM2TrC;EAAuC,gBN3TF,EAAA;;AM4TrC;EAAqC,gBN5TA,EAAA;;AM6TrC;EAA0C,gBN7TL,EAAA;;AM8TrC;EAAqC,gBN9TA,EAAA;;AM+TrC;EAA4C,gBN/TP,EAAA;;AMgUrC;EAAoC,gBNhUC,EAAA;;AMiUrC;EAAmC,gBNjUE,EAAA;;AMkUrC;EAAqC,gBNlUA,EAAA;;AMmUrC;EAAmC,gBNnUE,EAAA;;AMoUrC;EAAuC,gBNpUF,EAAA;;AMqUrC;EAAiC,gBNrUI,EAAA;;AMsUrC;EAAiC,gBNtUI,EAAA;;AMuUrC;EAAkC,gBNvUG,EAAA;;AMwUrC;EAAsC,gBNxUD,EAAA;;AMyUrC;EAAuC,gBNzUF,EAAA;;AM0UrC;EAA2C,gBN1UN,EAAA;;AM2UrC;EAAuC,gBN3UF,EAAA;;AM4UrC;EAA2C,gBN5UN,EAAA;;AM6UrC;EAAkC,gBN7UG,EAAA;;AM8UrC;EAAmC,gBN9UE,EAAA;;AM+UrC;EAAqC,gBN/UA,EAAA;;AMgVrC;EAA0C,gBNhVL,EAAA;;AMiVrC;EAA4C,gBNjVP,EAAA;;AMkVrC;EAAmC,gBNlVE,EAAA;;AMmVrC;EAAmC,gBNnVE,EAAA;;AMoVrC;EAAmC,gBNpVE,EAAA;;AMqVrC;EAAqC,gBNrVA,EAAA;;AMsVrC;EAAiC,gBNtVI,EAAA;;AMuVrC;EAAsC,gBNvVD,EAAA;;AMwVrC;EAAqC,gBNxVA,EAAA;;AMyVrC;EAAyC,gBNzVJ,EAAA;;AM0VrC;EAAwC,gBN1VH,EAAA;;AM2VrC;EAA+C,gBN3VV,EAAA;;AM4VrC;EAA+C,gBN5VV,EAAA;;AM6VrC;EAAiD,gBN7VZ,EAAA;;AM8VrC;EAAmC,gBN9VE,EAAA;;AM+VrC;EAAuC,gBN/VF,EAAA;;AMgWrC;EAA0C,gBNhWL,EAAA;;AMiWrC;EAA8C,gBNjWT,EAAA;;AMkWrC;EAAwC,gBNlWH,EAAA;;AMmWrC;EAAyC,gBNnWJ,EAAA;;AMoWrC;EAA0C,gBNpWL,EAAA;;AMqWrC;EAA8C,gBNrWT,EAAA;;AMsWrC;EAAiD,gBNtWZ,EAAA;;AMuWrC;EAAqD,gBNvWhB,EAAA;;AMwWrC;EAAgC,gBNxWK,EAAA;;AMyWrC;EAAwC,gBNzWH,EAAA;;AM0WrC;EAAsC,gBN1WD,EAAA;;AM2WrC;EAAqC,gBN3WA,EAAA;;AM4WrC;EAAuC,gBN5WF,EAAA;;AM6WrC;EAA+C,gBN7WV,EAAA;;AM8WrC;EAA4C,gBN9WP,EAAA;;AM+WrC;EAA0C,gBN/WL,EAAA;;AMgXrC;EAAyC,gBNhXJ,EAAA;;AMiXrC;EAAgC,gBNjXK,EAAA;;AMkXrC;EAAmC,gBNlXE,EAAA;;AMmXrC;EAAyC,gBNnXJ,EAAA;;AMoXrC;EAAwC,gBNpXH,EAAA;;AMqXrC;EAAiC,gBNrXI,EAAA;;AMsXrC;EAAqC,gBNtXA,EAAA;;AMuXrC;EAAyC,gBNvXJ,EAAA;;AMwXrC;EAAuC,gBNxXF,EAAA;;AMyXrC;EAAuC,gBNzXF,EAAA;;AM0XrC;EAAsC,gBN1XD,EAAA;;AM2XrC;EAAsC,gBN3XD,EAAA;;AM4XrC;EAAuC,gBN5XF,EAAA;;AM6XrC;EAA6C,gBN7XR,EAAA;;AM8XrC;EAAuC,gBN9XF,EAAA;;AM+XrC;EAAyC,gBN/XJ,EAAA;;AMgYrC;EAA6C,gBNhYR,EAAA;;AMiYrC;EAAuC,gBNjYF,EAAA;;AMkYrC;EAAqC,gBNlYA,EAAA;;AMmYrC;EAAsC,gBNnYD,EAAA;;AMoYrC;EAA4C,gBNpYP,EAAA;;AMqYrC;EAAuC,gBNrYF,EAAA;;AMsYrC;EAAuC,gBNtYF,EAAA;;AMuYrC;EAAsC,gBNvYD,EAAA;;AMwYrC;EAAiC,gBNxYI,EAAA;;AMyYrC;EAAqC,gBNzYA,EAAA;;AM0YrC;EAAmC,gBN1YE,EAAA;;AM2YrC;EAAiC,gBN3YI,EAAA;;AM4YrC;EAA8C,gBN5YT,EAAA;;AM6YrC;EAAoC,gBN7YC,EAAA;;AM8YrC;EAAsC,gBN9YD,EAAA;;AM+YrC;EAAwC,gBN/YH,EAAA;;AMgZrC;EAAuC,gBNhZF,EAAA;;AMiZrC;EAAiC,gBNjZI,EAAA;;AMkZrC;EAA2C,gBNlZN,EAAA;;AMmZrC;EAAkC,gBNnZG,EAAA;;AMoZrC;EAAmC,gBNpZE,EAAA;;AMqZrC;EAAsC,gBNrZD,EAAA;;AMsZrC;EAAgC,gBNtZK,EAAA;;AMuZrC;EAAmC,gBNvZE,EAAA;;AMwZrC;EAAwC,gBNxZH,EAAA;;AMyZrC;EAAiC,gBNzZI,EAAA;;AM0ZrC;EAAyC,gBN1ZJ,EAAA;;AM2ZrC;EAA6C,gBN3ZR,EAAA;;AM4ZrC;EAA8C,gBN5ZT,EAAA;;AM6ZrC;EAAsC,gBN7ZD,EAAA;;AM8ZrC;EAAyC,gBN9ZJ,EAAA;;AM+ZrC;EAA0C,gBN/ZL,EAAA;;AMgarC;EAA4C,gBNhaP,EAAA;;AMiarC;EAAqC,gBNjaA,EAAA;;AMkarC;EAAyC,gBNlaJ,EAAA;;AMmarC;EAA6C,gBNnaR,EAAA;;AMoarC;EAAqC,gBNpaA,EAAA;;AMqarC;EAAoC,gBNraC,EAAA;;AMsarC;EAAuC,gBNtaF,EAAA;;AMuarC;EAA2C,gBNvaN,EAAA;;AMwarC;EAAoC,gBNxaC,EAAA;;AMyarC;EAAkC,gBNzaG,EAAA;;AM0arC;EAAmC,gBN1aE,EAAA;;AM2arC;EAAoC,gBN3aC,EAAA;;AM4arC;EAAkC,gBN5aG,EAAA;;AM6arC;EAAgC,gBN7aK,EAAA;;AM8arC;EAAuC,gBN9aF,EAAA;;AM+arC;EAAuC,gBN/aF,EAAA;;AMgbrC;EAA+B,gBNhbM,EAAA;;AMibrC;EAAsC,gBNjbD,EAAA;;AMkbrC;EAAiC,gBNlbI,EAAA;;AMmbrC;EAAgC,gBNnbK,EAAA;;AMobrC;EAAuC,gBNpbF,EAAA;;AMqbrC;EAAmC,gBNrbE,EAAA;;AMsbrC;EAAuC,gBNtbF,EAAA;;AMubrC;EAA0C,gBNvbL,EAAA;;AMwbrC;EAAsC,gBNxbD,EAAA;;AMybrC;EAAmC,gBNzbE,EAAA;;AM0brC;EAAmC,gBN1bE,EAAA;;AM2brC;EAA0C,gBN3bL,EAAA;;AM4brC;EAAkC,gBN5bG,EAAA;;AM6brC;EAAoC,gBN7bC,EAAA;;AM8brC;EAAkC,gBN9bG,EAAA;;AM+brC;EAAmC,gBN/bE,EAAA;;AMgcrC;EAAsC,gBNhcD,EAAA;;AMicrC;EAAsC,gBNjcD,EAAA;;AMkcrC;EAAsC,gBNlcD,EAAA;;AMmcrC;EAAwC,gBNncH,EAAA;;AMocrC;EAAmC,gBNpcE,EAAA;;AMqcrC;EAAyC,gBNrcJ,EAAA;;AMscrC;EAAwC,gBNtcH,EAAA;;AMucrC;EAAwC,gBNvcH,EAAA;;AMwcrC;EAA0C,gBNxcL,EAAA;;AMycrC;EAA+C,gBNzcV,EAAA;;AM0crC;EAA0C,gBN1cL,EAAA;;AM2crC;EAA2C,gBN3cN,EAAA;;AM4crC;EAAqC,gBN5cA,EAAA;;AM6crC;EAAiC,gBN7cI,EAAA;;AM8crC;EAAqC,gBN9cA,EAAA;;AM+crC;EAAkC,gBN/cG,EAAA;;AMgdrC;EAAiC,gBNhdI,EAAA;;AMidrC;EAAqC,gBNjdA,EAAA;;AMkdrC;EAA+B,gBNldM,EAAA;;AMmdrC;EAA+B,gBNndM,EAAA;;AModrC;EAA+B,gBNpdM,EAAA;;AMqdrC;EAAwC,gBNrdH,EAAA;;AMsdrC;EAA+C,gBNtdV,EAAA;;AMudrC;EAA6C,gBNvdR,EAAA;;AMwdrC;EAAwC,gBNxdH,EAAA;;AMydrC;EAAuC,gBNzdF,EAAA;;AM0drC;EAAuC,gBN1dF,EAAA;;AM2drC;EAA4C,gBN3dP,EAAA;;AM4drC;EAA4C,gBN5dP,EAAA;;AM6drC;EAA6C,gBN7dR,EAAA;;AM8drC;EAA0C,gBN9dL,EAAA;;AM+drC;EAAyC,gBN/dJ,EAAA;;AMgerC;EAA2C,gBNheN,EAAA;;AMierC;EAAsC,gBNjeD,EAAA;;AMkerC;EAA0C,gBNleL,EAAA;;AMmerC;EAAuC,gBNneF,EAAA;;AMoerC;EAAsC,gBNpeD,EAAA;;AMqerC;EAAoC,gBNreC,EAAA;;AMserC;EAAgC,gBNteK,EAAA;;AMuerC;EAAoC,gBNveC,EAAA;;AMwerC;EAAuC,gBNxeF,EAAA;;AMyerC;EAAkC,gBNzeG,EAAA;;AM0erC;EAAsC,gBN1eD,EAAA;;AM2erC;EAAoC,gBN3eC,EAAA;;AM4erC;EAAiC,gBN5eI,EAAA;;AM6erC;EAA0C,gBN7eL,EAAA;;AM8erC;EAAoC,gBN9eC,EAAA;;AM+erC;EAAwC,gBN/eH,EAAA;;AMgfrC;EAA0C,gBNhfL,EAAA;;AMifrC;EAAiC,gBNjfI,EAAA;;AMkfrC;EAAkC,gBNlfG,EAAA;;AMmfrC;EAAqC,gBNnfA,EAAA;;AMofrC;EAAyC,gBNpfJ,EAAA;;AMqfrC;EAA4C,gBNrfP,EAAA;;AMsfrC;EAAmC,gBNtfE,EAAA;;AMufrC;EAAsC,gBNvfD,EAAA;;AMwfrC;EAA0C,gBNxfL,EAAA;;AMyfrC;EAA2C,gBNzfN,EAAA;;AM0frC;EAA4C,gBN1fP,EAAA;;AM2frC;EAAkC,gBN3fG,EAAA;;AM4frC;EAAkC,gBN5fG,EAAA;;AM6frC;EAAoC,gBN7fC,EAAA;;AM8frC;EAAqC,gBN9fA,EAAA;;AM+frC;EAAqC,gBN/fA,EAAA;;AMggBrC;EAAoC,gBNhgBC,EAAA;;AMigBrC;EAAwC,gBNjgBH,EAAA;;AMkgBrC;EAAkC,gBNlgBG,EAAA;;AMmgBrC;EAAmC,gBNngBE,EAAA;;AMogBrC;EAAiC,gBNpgBI,EAAA;;AMqgBrC;EAAkC,gBNrgBG,EAAA;;AMsgBrC;EAAqC,gBNtgBA,EAAA;;AMugBrC;EAAsC,gBNvgBD,EAAA;;AMwgBrC;EAAmC,gBNxgBE,EAAA;;AMygBrC;EAAqC,gBNzgBA,EAAA;;AM0gBrC;EAAyC,gBN1gBJ,EAAA;;AM2gBrC;EAAiC,gBN3gBI,EAAA;;AM4gBrC;EAAwC,gBN5gBH,EAAA;;AM6gBrC;EAAwC,gBN7gBH,EAAA;;AM8gBrC;EAAsC,gBN9gBD,EAAA;;AM+gBrC;EAA8C,gBN/gBT,EAAA;;AMghBrC;EAAsC,gBNhhBD,EAAA;;AMihBrC;EAAoC,gBNjhBC,EAAA;;AMkhBrC;EAAmC,gBNlhBE,EAAA;;AMmhBrC;EAAmC,gBNnhBE,EAAA;;AMohBrC;EAAwC,gBNphBH,EAAA;;AMqhBrC;EAA2C,gBNrhBN,EAAA;;AMshBrC;EAAoC,gBNthBC,EAAA;;AMuhBrC;EAAkC,gBNvhBG,EAAA;;AMwhBrC;EAAmC,gBNxhBE,EAAA;;AMyhBrC;EAA+B,gBNzhBM,EAAA;;AM0hBrC;EAAsC,gBN1hBD,EAAA;;AM2hBrC;EAAqC,gBN3hBA,EAAA;;AM4hBrC;EAAgC,gBN5hBK,EAAA;;AM6hBrC;EAAqC,gBN7hBA,EAAA;;AM8hBrC;EAAmC,gBN9hBE,EAAA;;AM+hBrC;EAAwC,gBN/hBH,EAAA;;AMgiBrC;EAA0C,gBNhiBL,EAAA;;AMiiBrC;EAAmC,gBNjiBE,EAAA;;AMkiBrC;EAAqC,gBNliBA,EAAA;;AMmiBrC;EAAmC,gBNniBE,EAAA;;AMoiBrC;EAAoC,gBNpiBC,EAAA;;AMqiBrC;EAAmC,gBNriBE,EAAA;;AMsiBrC;EAA0C,gBNtiBL,EAAA;;AMuiBrC;EAAiC,gBNviBI,EAAA;;AMwiBrC;EAAoC,gBNxiBC,EAAA;;AMyiBrC;EAAkC,gBNziBG,EAAA;;AM0iBrC;EAAiC,gBN1iBI,EAAA;;AM2iBrC;EAAuC,gBN3iBF,EAAA;;AM4iBrC;EAA2C,gBN5iBN,EAAA;;AM6iBrC;EAAqC,gBN7iBA,EAAA;;AM8iBrC;EAAyC,gBN9iBJ,EAAA;;AM+iBrC;EAAsC,gBN/iBD,EAAA;;AMgjBrC;EAAsC,gBNhjBD,EAAA;;AMijBrC;EAAiC,gBNjjBI,EAAA;;AMkjBrC;EAAiC,gBNljBI,EAAA;;AMmjBrC;EAAqC,gBNnjBA,EAAA;;AMojBrC;EAAwC,gBNpjBH,EAAA;;AMqjBrC;EAAmC,gBNrjBE,EAAA;;AMsjBrC;EAAkC,gBNtjBG,EAAA;;AMujBrC;EAAsC,gBNvjBD,EAAA;;AMwjBrC;EAAiC,gBNxjBI,EAAA;;AMyjBrC;EAAqC,gBNzjBA,EAAA;;AM0jBrC;EAAoC,gBN1jBC,EAAA;;AM2jBrC;EAAoC,gBN3jBC,EAAA;;AM4jBrC;EAA2C,gBN5jBN,EAAA;;AM6jBrC;EAAiC,gBN7jBI,EAAA;;AM8jBrC;EAAqC,gBN9jBA,EAAA;;AM+jBrC;EAAsC,gBN/jBD,EAAA;;AMgkBrC;EAA0C,gBNhkBL,EAAA;;AMikBrC;EAAgD,gBNjkBX,EAAA;;AMkkBrC;EAAgD,gBNlkBX,EAAA;;AMmkBrC;EAAiD,gBNnkBZ,EAAA;;AMokBrC;EAA8C,gBNpkBT,EAAA;;AMqkBrC;EAA4C,gBNrkBP,EAAA;;AMskBrC;EAA4C,gBNtkBP,EAAA;;AMukBrC;EAA6C,gBNvkBR,EAAA;;AMwkBrC;EAA0C,gBNxkBL,EAAA;;AMykBrC;EAAuC,gBNzkBF,EAAA;;AM0kBrC;EAAqC,gBN1kBA,EAAA;;AM2kBrC;EAAiC,gBN3kBI,EAAA;;AM4kBrC;EAAoC,gBN5kBC,EAAA;;AM6kBrC;EAAkC,gBN7kBG,EAAA;;AM8kBrC;EAAmC,gBN9kBE,EAAA;;AM+kBrC;EAAiC,gBN/kBI,EAAA;;AMglBrC;EAAgC,gBNhlBK,EAAA;;AMilBrC;EAAuC,gBNjlBF,EAAA;;AMklBrC;EAA2C,gBNllBN,EAAA;;AMmlBrC;EAAoC,gBNnlBC,EAAA;;AMolBrC;EAAsC,gBNplBD,EAAA;;AMqlBrC;EAAiC,gBNrlBI,EAAA;;AMslBrC;EAAwC,gBNtlBH,EAAA;;AMulBrC;EAAwC,gBNvlBH,EAAA;;AMwlBrC;EAA0C,gBNxlBL,EAAA;;AMylBrC;EAA0C,gBNzlBL,EAAA;;AM0lBrC;EAAmC,gBN1lBE,EAAA;;AM2lBrC;EAAoC,gBN3lBC,EAAA;;AM4lBrC;EAAmC,gBN5lBE,EAAA;;AM6lBrC;EAAqC,gBN7lBA,EAAA;;AM8lBrC;EAAmC,gBN9lBE,EAAA;;AM+lBrC;EAAkC,gBN/lBG,EAAA;;AMgmBrC;EAAmC,gBNhmBE,EAAA;;AMimBrC;EAAgC,gBNjmBK,EAAA;;AMkmBrC;EAAoC,gBNlmBC,EAAA;;AMmmBrC;EAAsC,gBNnmBD,EAAA;;AMomBrC;EAAuC,gBNpmBF,EAAA;;AMqmBrC;EAA2C,gBNrmBN,EAAA;;AMsmBrC;EAA6C,gBNtmBR,EAAA;;AMumBrC;EAAsC,gBNvmBD,EAAA;;AMwmBrC;EAAkC,gBNxmBG,EAAA;;AMymBrC;EAAyC,gBNzmBJ,EAAA;;AM0mBrC;EAA0C,gBN1mBL,EAAA;;AM2mBrC;EAA0C,gBN3mBL,EAAA;;AM4mBrC;EAAyC,gBN5mBJ,EAAA;;AM6mBrC;EAAgC,gBN7mBK,EAAA;;AM8mBrC;EAAqC,gBN9mBA,EAAA;;AM+mBrC;EAAmC,gBN/mBE,EAAA;;AMgnBrC;EAAmC,gBNhnBE,EAAA;;AMinBrC;EAAuC,gBNjnBF,EAAA;;AMknBrC;EAA2C,gBNlnBN,EAAA;;AMmnBrC;EAA+C,gBNnnBV,EAAA;;AMonBrC;EAAiC,gBNpnBI,EAAA;;AMqnBrC;EAAmC,gBNrnBE,EAAA;;AMsnBrC;EAAuC,gBNtnBF,EAAA;;AMunBrC;EAA2C,gBNvnBN,EAAA;;AMwnBrC;EAAiC,gBNxnBI,EAAA;;AMynBrC;EAAuC,gBNznBF,EAAA;;AM0nBrC;EAA0C,gBN1nBL,EAAA;;AM2nBrC;EAAkC,gBN3nBG,EAAA;;AM4nBrC;EAAoC,gBN5nBC,EAAA;;AM6nBrC;EAAmC,gBN7nBE,EAAA;;AM8nBrC;EAAsC,gBN9nBD,EAAA;;AM+nBrC;EAA4C,gBN/nBP,EAAA;;AMgoBrC;EAAiC,gBNhoBI,EAAA;;AMioBrC;EAAoC,gBNjoBC,EAAA;;AMkoBrC;EAA0C,gBNloBL,EAAA;;AMmoBrC;EAAgC,gBNnoBK,EAAA;;AMooBrC;EAAgC,gBNpoBK,EAAA;;AMqoBrC;EAAwC,gBNroBH,EAAA;;AMsoBrC;EAAyC,gBNtoBJ,EAAA;;AMuoBrC;EAA2C,gBNvoBN,EAAA;;AMwoBrC;EAAoC,gBNxoBC,EAAA;;AMyoBrC;EAA0C,gBNzoBL,EAAA;;AM0oBrC;EAAiD,gBN1oBZ,EAAA;;AM2oBrC;EAAqC,gBN3oBA,EAAA;;AM4oBrC;EAAmC,gBN5oBE,EAAA;;AM6oBrC;EAAkC,gBN7oBG,EAAA;;AM8oBrC;EAA0C,gBN9oBL,EAAA;;AM+oBrC;EAAgC,gBN/oBK,EAAA;;AMgpBrC;EAAoC,gBNhpBC,EAAA;;AMipBrC;EAAkC,gBNjpBG,EAAA;;AMkpBrC;EAAsC,gBNlpBD,EAAA;;AMmpBrC;EAAwC,gBNnpBH,EAAA;;AMopBrC;EAAmC,gBNppBE,EAAA;;AMqpBrC;EAAmC,gBNrpBE,EAAA;;AMspBrC;EAAuC,gBNtpBF,EAAA;;AMupBrC;EAAwC,gBNvpBH,EAAA;;AMwpBrC;EAAsC,gBNxpBD,EAAA;;AMypBrC;EAAsC,gBNzpBD,EAAA;;AM0pBrC;EAAkC,gBN1pBG,EAAA;;AM2pBrC;EAAoC,gBN3pBC,EAAA;;AM4pBrC;EAAkC,gBN5pBG,EAAA;;AM6pBrC;EAAyC,gBN7pBJ,EAAA;;AM8pBrC;EAAgC,gBN9pBK,EAAA;;AM+pBrC;EAAmC,gBN/pBE,EAAA;;AMgqBrC;EAAgC,gBNhqBK,EAAA;;AMiqBrC;EAAoC,gBNjqBC,EAAA;;AMkqBrC;EAAuC,gBNlqBF,EAAA;;AMmqBrC;EAAmC,gBNnqBE,EAAA;;AMoqBrC;EAAuC,gBNpqBF,EAAA;;AMqqBrC;EAAoC,gBNrqBC,EAAA;;AMsqBrC;EAAoC,gBNtqBC,EAAA;;AMuqBrC;EAAsC,gBNvqBD,EAAA;;AMwqBrC;EAAwC,gBNxqBH,EAAA;;AMyqBrC;EAA8C,gBNzqBT,EAAA;;AM0qBrC;EAAkC,gBN1qBG,EAAA;;AM2qBrC;EAAwC,gBN3qBH,EAAA;;AM4qBrC;EAAyC,gBN5qBJ,EAAA;;AM6qBrC;EAAyC,gBN7qBJ,EAAA;;AM8qBrC;EAAgC,gBN9qBK,EAAA;;AM+qBrC;EAAuC,gBN/qBF,EAAA;;AMgrBrC;EAA2C,gBNhrBN,EAAA;;AMirBrC;EAA0C,gBNjrBL,EAAA;;AMkrBrC;EAAkC,gBNlrBG,EAAA;;AMmrBrC;EAAsC,gBNnrBD,EAAA;;AMorBrC;EAAwC,gBNprBH,EAAA;;AMqrBrC;EAA6C,gBNrrBR,EAAA;;AMsrBrC;EAAkC,gBNtrBG,EAAA;;AMurBrC;EAAsC,gBNvrBD,EAAA;;AMwrBrC;EAAiC,gBNxrBI,EAAA;;AMyrBrC;EAAwC,gBNzrBH,EAAA;;AM0rBrC;EAAwC,gBN1rBH,EAAA;;AM2rBrC;EAAiC,gBN3rBI,EAAA;;AM4rBrC;EAAiC,gBN5rBI,EAAA;;AM6rBrC;EAAwC,gBN7rBH,EAAA;;AM8rBrC;EAAyC,gBN9rBJ,EAAA;;AM+rBrC;EAAyC,gBN/rBJ,EAAA;;AMgsBrC;EAAwC,gBNhsBH,EAAA;;AMisBrC;EAAoC,gBNjsBC,EAAA;;AMksBrC;EAAgC,gBNlsBK,EAAA;;AMmsBrC;EAAqC,gBNnsBA,EAAA;;AMosBrC;EAAuC,gBNpsBF,EAAA;;AMqsBrC;EAAsC,gBNrsBD,EAAA;;AMssBrC;EAAgD,gBNtsBX,EAAA;;AMusBrC;EAAoD,gBNvsBf,EAAA;;AMwsBrC;EAAkC,gBNxsBG,EAAA;;AMysBrC;EAAuC,gBNzsBF,EAAA;;AM0sBrC;EAAyC,gBN1sBJ,EAAA;;AM2sBrC;EAAmC,gBN3sBE,EAAA;;AM4sBrC;EAAyC,gBN5sBJ,EAAA;;AM6sBrC;EAAmC,gBN7sBE,EAAA;;AM8sBrC;EAA+B,gBN9sBM,EAAA;;AM+sBrC;EAAmC,gBN/sBE,EAAA;;AMgtBrC;EAAqC,gBNhtBA,EAAA;;AMitBrC;EAA4C,gBNjtBP,EAAA;;AMktBrC;EAA4C,gBNltBP,EAAA;;AMmtBrC;EAAsC,gBNntBD,EAAA;;AMotBrC;EAAsC,gBNptBD,EAAA;;AMqtBrC;EAAkC,gBNrtBG,EAAA;;AMstBrC;EAAuC,gBNttBF,EAAA;;AMutBrC;EAAwC,gBNvtBH,EAAA;;AMwtBrC;EAAoC,gBNxtBC,EAAA;;AMytBrC;EAAmC,gBNztBE,EAAA;;AM0tBrC;EAAoC,gBN1tBC,EAAA;;AM2tBrC;EAAkC,gBN3tBG,EAAA;;AM4tBrC;EAAkC,gBN5tBG,EAAA;;AM6tBrC;EAAgD,gBN7tBX,EAAA;;AM8tBrC;EAA+C,gBN9tBV,EAAA;;AM+tBrC;EAA2C,gBN/tBN,EAAA;;AMguBrC;EAAoC,gBNhuBC,EAAA;;AMiuBrC;EAAsC,gBNjuBD,EAAA;;AMkuBrC;EAAmC,gBNluBE,EAAA;;AMmuBrC;EAAyC,gBNnuBJ,EAAA;;AMouBrC;EAA0C,gBNpuBL,EAAA;;AMquBrC;EAAiC,gBNruBI,EAAA;;AMsuBrC;EAAqC,gBNtuBA,EAAA;;AMuuBrC;EAAuC,gBNvuBF,EAAA;;AMwuBrC;EAAoC,gBNxuBC,EAAA;;AMyuBrC;EAAmC,gBNzuBE,EAAA;;AM0uBrC;EAAmC,gBN1uBE,EAAA;;AM2uBrC;EAAqC,gBN3uBA,EAAA;;AM4uBrC;EAAyC,gBN5uBJ,EAAA;;AM6uBrC;EAAuC,gBN7uBF,EAAA;;AM8uBrC;EAAkC,gBN9uBG,EAAA;;AM+uBrC;EAAsC,gBN/uBD,EAAA;;AMgvBrC;EAAmC,gBNhvBE,EAAA;;AMivBrC;EAAsC,gBNjvBD,EAAA;;AMkvBrC;EAAoC,gBNlvBC,EAAA;;AMmvBrC;EAAwC,gBNnvBH,EAAA;;AMovBrC;EAAiC,gBNpvBI,EAAA;;AMqvBrC;EAAmC,gBNrvBE,EAAA;;AMsvBrC;EAAuC,gBNtvBF,EAAA;;AMuvBrC;EAAoC,gBNvvBC,EAAA;;AMwvBrC;EAAgC,gBNxvBK,EAAA;;AMyvBrC;EAAuC,gBNzvBF,EAAA;;AM0vBrC;EAAuC,gBN1vBF,EAAA;;AM2vBrC;EAAuC,gBN3vBF,EAAA;;AM4vBrC;EAAmC,gBN5vBE,EAAA;;AM6vBrC;EAAiC,gBN7vBI,EAAA;;AM8vBrC;EAAiC,gBN9vBI,EAAA;;AM+vBrC;EAAoC,gBN/vBC,EAAA;;AMgwBrC;EAA6C,gBNhwBR,EAAA;;AMiwBrC;EAAgD,gBNjwBX,EAAA;;AMkwBrC;EAAmC,gBNlwBE,EAAA;;AMmwBrC;EAAmC,gBNnwBE,EAAA;;AMowBrC;EAAqC,gBNpwBA,EAAA;;AMqwBrC;EAAmC,gBNrwBE,EAAA;;AMswBrC;EAAyC,gBNtwBJ,EAAA;;AMuwBrC;EAAwC,gBNvwBH,EAAA;;AMwwBrC;EAAwC,gBNxwBH,EAAA;;AMywBrC;EAAqC,gBNzwBA,EAAA;;AM0wBrC;EAAmC,gBN1wBE,EAAA;;AM2wBrC;EAAmC,gBN3wBE,EAAA;;AM4wBrC;EAAyC,gBN5wBJ,EAAA;;AM6wBrC;EAAkC,gBN7wBG,EAAA;;AM8wBrC;EAAsC,gBN9wBD,EAAA;;AM+wBrC;EAAsC,gBN/wBD,EAAA;;AMgxBrC;EAA6C,gBNhxBR,EAAA;;AMixBrC;EAAyC,gBNjxBJ,EAAA;;AMkxBrC;EAAwC,gBNlxBH,EAAA;;AMmxBrC;EAAmC,gBNnxBE,EAAA;;AMoxBrC;EAAuC,gBNpxBF,EAAA;;AMqxBrC;EAAyC,gBNrxBJ,EAAA;;AMsxBrC;EAAiC,gBNtxBI,EAAA;;AMuxBrC;EAA0C,gBNvxBL,EAAA;;AMwxBrC;EAA2C,gBNxxBN,EAAA;;AMyxBrC;EAAyC,gBNzxBJ,EAAA;;AM0xBrC;EAAyC,gBN1xBJ,EAAA;;AM2xBrC;EAA4C,gBN3xBP,EAAA;;AM4xBrC;EAA0C,gBN5xBL,EAAA;;AM6xBrC;EAAmC,gBN7xBE,EAAA;;AM8xBrC;EAAwC,gBN9xBH,EAAA;;AM+xBrC;EAAoC,gBN/xBC,EAAA;;AMgyBrC;EAAwC,gBNhyBH,EAAA;;AMiyBrC;EAA0C,gBNjyBL,EAAA;;AMkyBrC;EAAqC,gBNlyBA,EAAA;;AMmyBrC;EAAyC,gBNnyBJ,EAAA;;AMoyBrC;EAAmC,gBNpyBE,EAAA;;AMqyBrC;EAAwC,gBNryBH,EAAA;;AMsyBrC;EAAoC,gBNtyBC,EAAA;;AMuyBrC;EAAoC,gBNvyBC,EAAA;;AMwyBrC;EAAqC,gBNxyBA,EAAA;;AMyyBrC;EAAkC,gBNzyBG,EAAA;;AM0yBrC;EAAkC,gBN1yBG,EAAA;;AM2yBrC;EAAuC,gBN3yBF,EAAA;;AM4yBrC;EAAsC,gBN5yBD,EAAA;;AM6yBrC;EAA6C,gBN7yBR,EAAA;;AM8yBrC;EAAsC,gBN9yBD,EAAA;;AM+yBrC;EAA6C,gBN/yBR,EAAA;;AMgzBrC;EAAuC,gBNhzBF,EAAA;;AMizBrC;EAAkC,gBNjzBG,EAAA;;AMkzBrC;EAAoC,gBNlzBC,EAAA;;AMmzBrC;EAAqC,gBNnzBA,EAAA;;AMozBrC;EAA2C,gBNpzBN,EAAA;;AMqzBrC;EAA4C,gBNrzBP,EAAA;;AMszBrC;EAAsC,gBNtzBD,EAAA;;AMuzBrC;EAAiC,gBNvzBI,EAAA;;AMwzBrC;EAA4C,gBNxzBP,EAAA;;AMyzBrC;EAA0C,gBNzzBL,EAAA;;AM0zBrC;EAA6C,gBN1zBR,EAAA;;AM2zBrC;EAA2C,gBN3zBN,EAAA;;AM4zBrC;EAAsC,gBN5zBD,EAAA;;AM6zBrC;EAA8C,gBN7zBT,EAAA;;AM8zBrC;EAA4C,gBN9zBP,EAAA;;AM+zBrC;EAAoC,gBN/zBC,EAAA;;AMg0BrC;EAAuC,gBNh0BF,EAAA;;AMi0BrC;EAA0C,gBNj0BL,EAAA;;AMk0BrC;EAAkC,gBNl0BG,EAAA;;AMm0BrC;EAAoC,gBNn0BC,EAAA;;AMo0BrC;EAAoC,gBNp0BC,EAAA;;AMq0BrC;EAA0C,gBNr0BL,EAAA;;AMs0BrC;EAAoC,gBNt0BC,EAAA;;AMu0BrC;EAAmC,gBNv0BE,EAAA;;AMw0BrC;EAAwC,gBNx0BH,EAAA;;AMy0BrC;EAA2C,gBNz0BN,EAAA;;AM00BrC;EAA2C,gBN10BN,EAAA;;AM20BrC;EAAiC,gBN30BI,EAAA;;AM40BrC;EAA6C,gBN50BR,EAAA;;AM60BrC;EAAsC,gBN70BD,EAAA;;AM80BrC;EAAuC,gBN90BF,EAAA;;AM+0BrC;EAAkC,gBN/0BG,EAAA;;AMg1BrC;EAAyC,gBNh1BJ,EAAA;;AMi1BrC;EAAyC,gBNj1BJ,EAAA;;AMk1BrC;EAA0C,gBNl1BL,EAAA;;AMm1BrC;EAAyC,gBNn1BJ,EAAA;;AMo1BrC;EAAwC,gBNp1BH,EAAA;;AMq1BrC;EAAyC,gBNr1BJ,EAAA;;AMs1BrC;EAAwC,gBNt1BH,EAAA;;AMu1BrC;EAAiC,gBNv1BI,EAAA;;AMw1BrC;EAAwC,gBNx1BH,EAAA;;AMy1BrC;EAAsC,gBNz1BD,EAAA;;AM01BrC;EAAmC,gBN11BE,EAAA;;AM21BrC;EAAwC,gBN31BH,EAAA;;AM41BrC;EAA0C,gBN51BL,EAAA;;AM61BrC;EAAmC,gBN71BE,EAAA;;AM81BrC;EAAqC,gBN91BA,EAAA;;AM+1BrC;EAAyC,gBN/1BJ,EAAA;;AMg2BrC;EAAwC,gBNh2BH,EAAA;;AMi2BrC;EAA+C,gBNj2BV,EAAA;;AMk2BrC;EAAsC,gBNl2BD,EAAA;;AMm2BrC;EAAmC,gBNn2BE,EAAA;;AMo2BrC;EAAqC,gBNp2BA,EAAA;;AMq2BrC;EAAgC,gBNr2BK,EAAA;;AMs2BrC;EAAwC,gBNt2BH,EAAA;;AMu2BrC;EAAwC,gBNv2BH,EAAA;;AMw2BrC;EAAmC,gBNx2BE,EAAA;;AMy2BrC;EAAiC,gBNz2BI,EAAA;;AM02BrC;EAAqC,gBN12BA,EAAA;;AM22BrC;EAAoC,gBN32BC,EAAA;;AM42BrC;EAAkC,gBN52BG,EAAA;;AM62BrC;EAAyC,gBN72BJ,EAAA;;AM82BrC;EAAmC,gBN92BE,EAAA;;AM+2BrC;EAAuC,gBN/2BF,EAAA;;AMg3BrC;EAA2C,gBNh3BN,EAAA;;AMi3BrC;EAA+C,gBNj3BV,EAAA;;AMk3BrC;EAA0C,gBNl3BL,EAAA;;AMm3BrC;EAAoC,gBNn3BC,EAAA;;AMo3BrC;EAAuC,gBNp3BF,EAAA;;AMq3BrC;EAA2C,gBNr3BN,EAAA;;AMs3BrC;EAAgC,gBNt3BK,EAAA;;AMu3BrC;EAAiC,gBNv3BI,EAAA;;AMw3BrC;EAAkC,gBNx3BG,EAAA;;AMy3BrC;EAAiC,gBNz3BI,EAAA;;AM03BrC;EAAqC,gBN13BA,EAAA;;AM23BrC;EAA2C,gBN33BN,EAAA;;AM43BrC;EAA0C,gBN53BL,EAAA;;AM63BrC;EAAwC,gBN73BH,EAAA;;AM83BrC;EAAqC,gBN93BA,EAAA;;AM+3BrC;EAAwC,gBN/3BH,EAAA;;AMg4BrC;EAAuC,gBNh4BF,EAAA;;AMi4BrC;EAA+B,gBNj4BM,EAAA;;AMk4BrC;EAAqC,gBNl4BA,EAAA;;AMm4BrC;EAAoC,gBNn4BC,EAAA;;AMo4BrC;EAAsC,gBNp4BD,EAAA;;AMq4BrC;EAAwC,gBNr4BH,EAAA;;AMs4BrC;EAA8C,gBNt4BT,EAAA;;AMu4BrC;EAA6C,gBNv4BR,EAAA;;AMw4BrC;EAA6C,gBNx4BR,EAAA;;AMy4BrC;EAAgD,gBNz4BX,EAAA;;AM04BrC;EAAuD,gBN14BlB,EAAA;;AM24BrC;EAAwC,gBN34BH,EAAA;;AM44BrC;EAAsC,gBN54BD,EAAA;;AM64BrC;EAAsC,gBN74BD,EAAA;;AM84BrC;EAAmC,gBN94BE,EAAA;;AM+4BrC;EAAuC,gBN/4BF,EAAA;;AMg5BrC;EAAkC,gBNh5BG,EAAA;;AMi5BrC;EAAyC,gBNj5BJ,EAAA;;AMk5BrC;EAA0C,gBNl5BL,EAAA;;AMm5BrC;EAA0C,gBNn5BL,EAAA;;AMo5BrC;EAAyC,gBNp5BJ,EAAA;;AMq5BrC;EAAiC,gBNr5BI,EAAA;;AMs5BrC;EAAuC,gBNt5BF,EAAA;;AMu5BrC;EAAsC,gBNv5BD,EAAA;;AMw5BrC;EAAsC,gBNx5BD,EAAA;;AMy5BrC;EAAkC,gBNz5BG,EAAA;;AM05BrC;EAAwC,gBN15BH,EAAA;;AM25BrC;EAA4C,gBN35BP,EAAA;;AM45BrC;EAAkC,gBN55BG,EAAA;;AM65BrC;EAAsC,gBN75BD,EAAA;;AM85BrC;EAAiC,gBN95BI,EAAA;;AM+5BrC;EAAqC,gBN/5BA,EAAA;;AMg6BrC;EAAmC,gBNh6BE,EAAA;;AMi6BrC;EAAqC,gBNj6BA,EAAA;;AMk6BrC;EAAwC,gBNl6BH,EAAA;;AMm6BrC;EAAmC,gBNn6BE,EAAA;;AMo6BrC;EAAuC,gBNp6BF,EAAA;;AMq6BrC;EAAkC,gBNr6BG,EAAA;;AMs6BrC;EAAgC,gBNt6BK,EAAA;;AMu6BrC;EAAmC,gBNv6BE,EAAA;;AMw6BrC;EAA0C,gBNx6BL,EAAA;;AMy6BrC;EAA+B,gBNz6BM,EAAA;;AM06BrC;EAAqC,gBN16BA,EAAA;;AM26BrC;EAAmC,gBN36BE,EAAA;;AM46BrC;EAAoC,gBN56BC,EAAA;;AM66BrC;EAA2C,gBN76BN,EAAA;;AM86BrC;EAAkC,gBN96BG,EAAA;;AM+6BrC;EAAiC,gBN/6BI,EAAA;;AMg7BrC;EAAkC,gBNh7BG,EAAA;;AMi7BrC;EAAqC,gBNj7BA,EAAA;;AMk7BrC;EAAsC,gBNl7BD,EAAA;;AMm7BrC;EAAiC,gBNn7BI,EAAA;;AMo7BrC;EAAqC,gBNp7BA,EAAA;;AMq7BrC;EAAwC,gBNr7BH,EAAA;;AMs7BrC;EAA6C,gBNt7BR,EAAA;;AMu7BrC;EAAuC,gBNv7BF,EAAA;;AMw7BrC;EAAmC,gBNx7BE,EAAA;;AMy7BrC;EAAmC,gBNz7BE,EAAA;;AM07BrC;EAAuC,gBN17BF,EAAA;;AM27BrC;EAAoC,gBN37BC,EAAA;;AM47BrC;EAAmC,gBN57BE,EAAA;;AM67BrC;EAAgC,gBN77BK,EAAA;;AM87BrC;EAAuC,gBN97BF,EAAA;;AM+7BrC;EAAuC,gBN/7BF,EAAA;;AMg8BrC;EAAiC,gBNh8BI,EAAA;;AMi8BrC;EAAqC,gBNj8BA,EAAA;;AMk8BrC;EAAwC,gBNl8BH,EAAA;;AMm8BrC;EAAoC,gBNn8BC,EAAA;;AMo8BrC;EAAsC,gBNp8BD,EAAA;;AMq8BrC;EAAwC,gBNr8BH,EAAA;;AMs8BrC;EAAuC,gBNt8BF,EAAA;;AMu8BrC;EAAkC,gBNv8BG,EAAA;;AMw8BrC;EAAqC,gBNx8BA,EAAA;;AMy8BrC;EAAyC,gBNz8BJ,EAAA;;AM08BrC;EAA0C,gBN18BL,EAAA;;AM28BrC;EAA0C,gBN38BL,EAAA;;AM48BrC;EAAqC,gBN58BA,EAAA;;AM68BrC;EAAyC,gBN78BJ,EAAA;;AM88BrC;EAAmC,gBN98BE,EAAA;;AM+8BrC;EAAkC,gBN/8BG,EAAA;;AMg9BrC;EAAyC,gBNh9BJ,EAAA;;AMi9BrC;EAAuC,gBNj9BF,EAAA;;AMk9BrC;EAAoC,gBNl9BC,EAAA;;AMm9BrC;EAAmC,gBNn9BE,EAAA;;AMo9BrC;EAA0C,gBNp9BL,EAAA;;AMq9BrC;EAAiC,gBNr9BI,EAAA;;AMs9BrC;EAAkC,gBNt9BG,EAAA;;AMu9BrC;EAAkC,gBNv9BG,EAAA;;AMw9BrC;EAAkC,gBNx9BG,EAAA;;AMy9BrC;EAAkC,gBNz9BG,EAAA;;AM09BrC;EAAyC,gBN19BJ,EAAA;;AM29BrC;EAAoC,gBN39BC,EAAA;;AM49BrC;EAAiC,gBN59BI,EAAA;;AM69BrC;EAA+B,gBN79BM,EAAA;;AM89BrC;EAAgC,gBN99BK,EAAA;;AM+9BrC;EAA4C,gBN/9BP,EAAA;;AMg+BrC;EAAwC,gBNh+BH,EAAA;;AMi+BrC;EAAwC,gBNj+BH,EAAA;;AMk+BrC;EAAuC,gBNl+BF,EAAA;;AMm+BrC;EAAsC,gBNn+BD,EAAA;;AMo+BrC;EAAkC,gBNp+BG,EAAA;;AMq+BrC;EAAsC,gBNr+BD,EAAA;;AMs+BrC;EAA0C,gBNt+BL,EAAA;;AMu+BrC;EAAkC,gBNv+BG,EAAA;;AMw+BrC;EAAkC,gBNx+BG,EAAA;;AMy+BrC;EAAmC,gBNz+BE,EAAA;;AM0+BrC;EAAmC,gBN1+BE,EAAA;;AM2+BrC;EAAqC,gBN3+BA,EAAA;;AM4+BrC;EAA4C,gBN5+BP,EAAA;;AM6+BrC;EAAuC,gBN7+BF,EAAA;;AM8+BrC;EAAoC,gBN9+BC,EAAA;;AM++BrC;EAAkC,gBN/+BG,EAAA;;AMg/BrC;EAAiC,gBNh/BI,EAAA;;AMi/BrC;EAAwC,gBNj/BH,EAAA;;AMk/BrC;EAAmC,gBNl/BE,EAAA;;AMm/BrC;EAAuC,gBNn/BF,EAAA;;AMo/BrC;EAAyC,gBNp/BJ,EAAA;;AMq/BrC;EAA4C,gBNr/BP,EAAA;;AMs/BrC;EAA4C,gBNt/BP,EAAA;;AMu/BrC;EAA2C,gBNv/BN,EAAA;;AMw/BrC;EAAoC,gBNx/BC,EAAA;;AMy/BrC;EAAqC,gBNz/BA,EAAA;;AM0/BrC;EAAsC,gBN1/BD,EAAA;;AM2/BrC;EAA6C,gBN3/BR,EAAA;;AM4/BrC;EAAuC,gBN5/BF,EAAA;;AM6/BrC;EAAuC,gBN7/BF,EAAA;;AM8/BrC;EAAoC,gBN9/BC,EAAA;;AM+/BrC;EAAmC,gBN//BE,EAAA;;AMggCrC;EAAkC,gBNhgCG,EAAA;;AMigCrC;EAAiC,gBNjgCI,EAAA;;AMkgCrC;EAAiC,gBNlgCI,EAAA;;AMmgCrC;EAAwC,gBNngCH,EAAA;;AMogCrC;EAAyC,gBNpgCJ,EAAA;;AMqgCrC;EAAkC,gBNrgCG,EAAA;;AMsgCrC;EAAmC,gBNtgCE,EAAA;;AMugCrC;EAAiD,gBNvgCZ,EAAA;;AMwgCrC;EAAiC,gBNxgCI,EAAA;;AMygCrC;EAAqC,gBNzgCA,EAAA;;AM0gCrC;EAAkC,gBN1gCG,EAAA;;AM2gCrC;EAAoC,gBN3gCC,EAAA;;AM4gCrC;EAA2C,gBN5gCN,EAAA;;ApBTrC;EwB0BE,SAAS;EACT,sBAAsB;EACtB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,UAAU;EACV,kBAAkB;EAClB,UAAU,EAAA;;AvBdV;EuB0BE,UAAU;EACV,YAAY;EACZ,SAAS;EACT,iBAAiB;EACjB,gBAAgB;EAChB,WAAW,EAAA;;AGtDf;;;E/F81VE;A+Fx1VF;EACE,iCAAiC;EACjC,kBAAkB;EAClB,gBAAgB;EAChB,wCAA6C;EAC7C,8SAIkE,EAAA;;AAGpE;EACE,iCAAiC;EACjC,gBAAgB,EAAA;;ACpBlB;;EhG42VE;AiG52VF;EACC,4BAA4B;EAC5B,yCAA6C;EAC7C,gVAI+E;EAC/E,mBAAmB;EACnB,kBAAkB,EAAA;;AAGnB,oEAAA;AACA;;;;EAIC,4BAA4B;EACzB,kCAAkC;EAClC,mCAAmC;EACnC,qBAAqB;EACrB,kBAAkB;EAClB,oBAAoB;EACpB,oBAAoB;EACpB,cAAc,EAAA;;AAGlB;;;;;;EjG62VE;AiGt2VF;;EAGE,kCAAkC,EAAA;;AAIpC;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA;;AAEjB;EACC,gBAAgB,EAAA","file":"vendors.bundle.css","sourcesContent":["/* THEME COLORs\r\n========================================================================== */\r\n/* Looks good on chrome default color profile */\r\n$color-primary:\t\t\t\t\t\t#886ab5;\r\n$color-success:\t\t\t\t\t\t#1dc9b7;\r\n$color-info:\t\t\t\t\t\t#2196F3;\r\n$color-warning:\t\t\t\t\t\t#ffc241;\r\n$color-danger:\t\t\t\t\t\t#fd3995;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); \r\n\r\n/* looks good in sRGB but washed up on chrome default \r\n$color-primary:\t\t\t\t\t\t#826bb0;\r\n$color-success:\t\t\t\t\t\t#31cb55;\r\n$color-info:\t\t\t\t\t\t#5e93ec;\r\n$color-warning:\t\t\t\t\t\t#eec559;\r\n$color-danger:\t\t\t\t\t\t#dc4b92;\r\n$color-fusion:\t\t\t\t\t\tdarken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */\r\n\r\n/* Color Polarity\r\n========================================================================== */\r\n$white:\t\t\t\t\t\t\t\t#fff !default;\r\n$black:\t\t\t\t\t\t\t\t#000 !default;\r\n$disabled:\t\t\t\t\t\t\tdarken($white, 20%) !default;\r\n\r\n/* PAINTBUCKET MIXER\r\n========================================================================== */\r\n/* the grays */ \r\n$gray-50:\t\t\t\t\t\t\t#f9f9f9;\r\n$gray-100:\t\t\t\t\t\t\t#f8f9fa;\r\n$gray-200:\t\t\t\t\t\t\t#f3f3f3;\r\n$gray-300:\t\t\t\t\t\t\t#dee2e6;\r\n$gray-400:\t\t\t\t\t\t\t#ced4da;\r\n$gray-500:\t\t\t\t\t\t\t#adb5bd;\r\n$gray-600:\t\t\t\t\t\t\t#868e96;\r\n$gray-700:\t\t\t\t\t\t\t#495057;\r\n$gray-800:\t\t\t\t\t\t\t#343a40;\r\n$gray-900:\t\t\t\t\t\t\t#212529;\r\n\r\n/* the sapphires */\r\n$primary-50:\t\t\t\t\t\tlighten($color-primary, 25%) !default;\t\r\n$primary-100:\t\t\t\t\t\tlighten($color-primary, 20%) !default;\t\r\n$primary-200:\t\t\t\t\t\tlighten($color-primary, 15%) !default;\t\r\n$primary-300:\t\t\t\t\t\tlighten($color-primary, 10%) !default;\t\r\n$primary-400:\t\t\t\t\t\tlighten($color-primary, 5%) !default;\r\n$primary-500:\t\t\t\t\t\t$color-primary !default;\r\n$primary-600:\t\t\t\t\t\tdarken($color-primary, 5%) !default;\r\n$primary-700:\t\t\t\t\t\tdarken($color-primary, 10%) !default;\r\n$primary-800:\t\t\t\t\t\tdarken($color-primary, 15%) !default;\r\n$primary-900:\t\t\t\t\t\tdarken($color-primary, 20%) !default;\r\n\r\n/* the emeralds */\r\n$success-50:\t\t\t\t\t\tlighten($color-success, 25%) !default;\t\r\n$success-100:\t\t\t\t\t\tlighten($color-success, 20%) !default;\t\r\n$success-200:\t\t\t\t\t\tlighten($color-success, 15%) !default;\t\r\n$success-300:\t\t\t\t\t\tlighten($color-success, 10%) !default;\t\r\n$success-400:\t\t\t\t\t\tlighten($color-success, 5%) !default;\r\n$success-500:\t\t\t\t\t\t$color-success !default;\r\n$success-600:\t\t\t\t\t\tdarken($color-success, 5%) !default;\r\n$success-700:\t\t\t\t\t\tdarken($color-success, 10%) !default;\r\n$success-800:\t\t\t\t\t\tdarken($color-success, 15%) !default;\r\n$success-900:\t\t\t\t\t\tdarken($color-success, 20%) !default;\r\n\r\n/* the amethyths */\r\n$info-50:\t\t\t\t\t\t\tlighten($color-info, 25%) !default;\t\r\n$info-100:\t\t\t\t\t\t\tlighten($color-info, 20%) !default;\t\r\n$info-200:\t\t\t\t\t\t\tlighten($color-info, 15%) !default;\t\r\n$info-300:\t\t\t\t\t\t\tlighten($color-info, 10%) !default;\t\r\n$info-400:\t\t\t\t\t\t\tlighten($color-info, 5%) !default;\r\n$info-500:\t\t\t\t\t\t\t$color-info !default;\r\n$info-600:\t\t\t\t\t\t\tdarken($color-info, 5%) !default;\r\n$info-700:\t\t\t\t\t\t\tdarken($color-info, 10%) !default;\r\n$info-800:\t\t\t\t\t\t\tdarken($color-info, 15%) !default;\r\n$info-900:\t\t\t\t\t\t\tdarken($color-info, 20%) !default;\r\n\r\n/* the topaz */\r\n$warning-50:\t\t\t\t\t\tlighten($color-warning, 25%) !default;\t\r\n$warning-100:\t\t\t\t\t\tlighten($color-warning, 20%) !default;\t\r\n$warning-200:\t\t\t\t\t\tlighten($color-warning, 15%) !default;\t\r\n$warning-300:\t\t\t\t\t\tlighten($color-warning, 10%) !default;\t\r\n$warning-400:\t\t\t\t\t\tlighten($color-warning, 5%) !default;\r\n$warning-500:\t\t\t\t\t\t$color-warning !default;\r\n$warning-600:\t\t\t\t\t\tdarken($color-warning, 5%) !default;\r\n$warning-700:\t\t\t\t\t\tdarken($color-warning, 10%) !default;\r\n$warning-800:\t\t\t\t\t\tdarken($color-warning, 15%) !default;\r\n$warning-900:\t\t\t\t\t\tdarken($color-warning, 20%) !default;\r\n\r\n/* the rubies */\r\n$danger-50:\t\t\t\t\t\t\tlighten($color-danger, 25%) !default;\t\r\n$danger-100:\t\t\t\t\t\tlighten($color-danger, 20%) !default;\t\r\n$danger-200:\t\t\t\t\t\tlighten($color-danger, 15%) !default;\t\r\n$danger-300:\t\t\t\t\t\tlighten($color-danger, 10%) !default;\t\r\n$danger-400:\t\t\t\t\t\tlighten($color-danger, 5%) !default;\r\n$danger-500:\t\t\t\t\t\t$color-danger !default;\r\n$danger-600:\t\t\t\t\t\tdarken($color-danger, 5%) !default;\r\n$danger-700:\t\t\t\t\t\tdarken($color-danger, 10%) !default;\r\n$danger-800:\t\t\t\t\t\tdarken($color-danger, 15%) !default;\r\n$danger-900:\t\t\t\t\t\tdarken($color-danger, 20%) !default;\r\n\r\n/* the graphites */\r\n$fusion-50:\t\t\t\t\t\t\tlighten($color-fusion, 25%) !default;\t\r\n$fusion-100:\t\t\t\t\t\tlighten($color-fusion, 20%) !default;\t\r\n$fusion-200:\t\t\t\t\t\tlighten($color-fusion, 15%) !default;\t\r\n$fusion-300:\t\t\t\t\t\tlighten($color-fusion, 10%) !default;\t\r\n$fusion-400:\t\t\t\t\t\tlighten($color-fusion, 5%) !default;\r\n$fusion-500:\t\t\t\t\t\t$color-fusion !default;\r\n$fusion-600:\t\t\t\t\t\tdarken($color-fusion, 5%) !default;\r\n$fusion-700:\t\t\t\t\t\tdarken($color-fusion, 10%) !default;\r\n$fusion-800:\t\t\t\t\t\tdarken($color-fusion, 15%) !default;\r\n$fusion-900:\t\t\t\t\t\tdarken($color-fusion, 20%) !default;\r\n\r\n$theme-colors-extended: () !default;\r\n$theme-colors-extended: map-merge((\r\n\t\"primary-50\":\t\t\t\t\t$primary-50,\r\n\t\"primary-100\":\t\t\t\t\t$primary-100,\r\n\t\"primary-200\":\t\t\t\t\t$primary-200,\r\n\t\"primary-300\":\t\t\t\t\t$primary-300,\r\n\t\"primary-400\":\t\t\t\t\t$primary-400,\r\n\t\"primary-500\":\t\t\t\t\t$primary-500,\r\n\t\"primary-600\":\t\t\t\t\t$primary-600,\r\n\t\"primary-700\":\t\t\t\t\t$primary-700,\r\n\t\"primary-800\":\t\t\t\t\t$primary-800,\r\n\t\"primary-900\":\t\t\t\t\t$primary-900,\r\n\t\"success-50\":\t\t\t\t\t$success-50,\r\n\t\"success-100\":\t\t\t\t\t$success-100,\r\n\t\"success-200\":\t\t\t\t\t$success-200,\r\n\t\"success-300\":\t\t\t\t\t$success-300,\r\n\t\"success-400\":\t\t\t\t\t$success-400,\r\n\t\"success-500\":\t\t\t\t\t$success-500,\r\n\t\"success-600\":\t\t\t\t\t$success-600,\r\n\t\"success-700\":\t\t\t\t\t$success-700,\r\n\t\"success-800\":\t\t\t\t\t$success-800,\r\n\t\"success-900\":\t\t\t\t\t$success-900,\r\n\t\"info-50\":\t\t\t\t\t\t$info-50,\r\n\t\"info-100\":\t\t\t\t\t\t$info-100,\r\n\t\"info-200\":\t\t\t\t\t\t$info-200,\r\n\t\"info-300\":\t\t\t\t\t\t$info-300,\r\n\t\"info-400\":\t\t\t\t\t\t$info-400,\r\n\t\"info-500\":\t\t\t\t\t\t$info-500,\r\n\t\"info-600\":\t\t\t\t\t\t$info-600,\r\n\t\"info-700\":\t\t\t\t\t\t$info-700,\r\n\t\"info-800\":\t\t\t\t\t\t$info-800,\r\n\t\"info-900\":\t\t\t\t\t\t$info-900,\r\n\t\"warning-50\":\t\t\t\t\t$warning-50,\r\n\t\"warning-100\":\t\t\t\t\t$warning-100,\r\n\t\"warning-200\":\t\t\t\t\t$warning-200,\r\n\t\"warning-300\":\t\t\t\t\t$warning-300,\r\n\t\"warning-400\":\t\t\t\t\t$warning-400,\r\n\t\"warning-500\":\t\t\t\t\t$warning-500,\r\n\t\"warning-600\":\t\t\t\t\t$warning-600,\r\n\t\"warning-700\":\t\t\t\t\t$warning-700,\r\n\t\"warning-800\":\t\t\t\t\t$warning-800,\r\n\t\"warning-900\":\t\t\t\t\t$warning-900, \r\n\t\"danger-50\":\t\t\t\t\t$danger-50,\r\n\t\"danger-100\":\t\t\t\t\t$danger-100,\r\n\t\"danger-200\":\t\t\t\t\t$danger-200,\r\n\t\"danger-300\":\t\t\t\t\t$danger-300,\r\n\t\"danger-400\":\t\t\t\t\t$danger-400,\r\n\t\"danger-500\":\t\t\t\t\t$danger-500,\r\n\t\"danger-600\":\t\t\t\t\t$danger-600,\r\n\t\"danger-700\":\t\t\t\t\t$danger-700,\r\n\t\"danger-800\":\t\t\t\t\t$danger-800,\r\n\t\"danger-900\":\t\t\t\t\t$danger-900,\r\n\t\"fusion-50\":\t\t\t\t\t$fusion-50,\r\n\t\"fusion-100\":\t\t\t\t\t$fusion-100,\r\n\t\"fusion-200\":\t\t\t\t\t$fusion-200,\r\n\t\"fusion-300\":\t\t\t\t\t$fusion-300,\r\n\t\"fusion-400\":\t\t\t\t\t$fusion-400,\r\n\t\"fusion-500\":\t\t\t\t\t$fusion-500,\r\n\t\"fusion-600\":\t\t\t\t\t$fusion-600,\r\n\t\"fusion-700\":\t\t\t\t\t$fusion-700,\r\n\t\"fusion-800\":\t\t\t\t\t$fusion-800,\r\n\t\"fusion-900\":\t\t\t\t\t$fusion-900\r\n\r\n), $theme-colors-extended);\r\n\r\n/* Define universal border difition (div outlines, etc)\r\n========================================================================== */\r\n$theme-border-utility-size:\t\t\t\t0px;\r\n\r\n/* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)\r\n========================================================================== */\r\n$grid-breakpoints: (\r\n\t// Extra small screen / phone\r\n\txs: 0,\r\n\t// Small screen / phone\r\n\tsm: 576px,\r\n\t// Medium screen / tablet\r\n\tmd: 768px,\r\n\t// Large screen / desktop\r\n\tlg: 992px, // also change 'mobileResolutionTrigger' in app.config.js\r\n\t// Decently size screen / wide laptop\r\n\txl: 1399px \r\n);\r\n\r\n$mobile-breakpoint:\t\t\t\t\t\tlg !default; /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */\r\n$mobile-breakpoint-size:\t\t\t\tmap-get($grid-breakpoints, lg) !default; /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/\r\n$grid-gutter-width-base:\t\t\t\t3rem;\r\n$grid-gutter-width:\t\t\t\t\t\t1.5rem;\r\n\r\n$grid-gutter-widths: (\r\n\txs: $grid-gutter-width-base / 2, \r\n\tsm: $grid-gutter-width-base / 2, \r\n\tmd: $grid-gutter-width-base / 2, \r\n\tlg: $grid-gutter-width-base / 2, \r\n\txl: $grid-gutter-width-base / 2 \r\n);\r\n\r\n\r\n/* global var used for spacing*/\r\n$spacer: 1rem;\r\n$spacers: () ;\r\n$spacers: map-merge(\r\n\t(\r\n\t\t0: 0,\r\n\t\t1: ($spacer * .25),\r\n\t\t2: ($spacer * .5),\r\n\t\t3: $spacer,\r\n\t\t4: ($spacer * 1.5),\r\n\t\t5: ($spacer * 2),\r\n\t\t6: ($spacer * 2.5)\r\n\t),\r\n\t$spacers\r\n);\r\n\r\n/* Uniform Padding variable */\r\n/* Heads up! This is a global scoped variable - changing may impact the whole template */\r\n$p-1:\t\t\t\t\t\t\t\t\t0.25rem;\r\n$p-2:\t\t\t\t\t\t\t\t\t0.5rem;\r\n$p-3:\t\t\t\t\t\t\t\t\t1rem;\r\n$p-4:\t\t\t\t\t\t\t\t\t1.5rem;\r\n$p-5:\t\t\t\t\t\t\t\t\t2rem;\r\n\r\n\r\n/* BOOTSTRAP OVERRIDES (bootstrap variables)\r\n========================================================================== */ \r\n$grays: (\r\n\t\"100\": $gray-100,\r\n\t\"200\": $gray-200,\r\n\t\"300\": $gray-300,\r\n\t\"400\": $gray-400,\r\n\t\"500\": $gray-500,\r\n\t\"600\": $gray-600,\r\n\t\"700\": $gray-700,\r\n\t\"800\": $gray-800,\r\n\t\"900\": $gray-900\r\n);\r\n\r\n$colors: (\r\n\t\"blue\": $color-primary,\r\n\t\"red\": $color-danger,\r\n\t\"orange\": $color-warning,\r\n\t\"yellow\": $color-warning,\r\n\t\"green\": $color-success,\r\n\t\"white\": $white,\r\n\t\"gray\": $gray-600,\r\n\t\"gray-dark\": $gray-700\r\n);\r\n\r\n/* usage: theme-colors(\"primary\"); */\r\n$theme-colors: (\r\n\t\"primary\": $color-primary,\r\n\t\"secondary\": $gray-600,\r\n\t\"success\": $color-success,\r\n\t\"info\": $color-info,\r\n\t\"warning\": $color-warning,\r\n\t\"danger\": $color-danger,\r\n\t\"light\": $white,\r\n\t\"dark\": $fusion-500\r\n);\r\n\r\n/* forms */\r\n/*$input-height:\t\t\t\t\t\t\tcalc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */\r\n$input-border-color:\t\t\t\t\t#E5E5E5;\r\n$input-focus-border-color:\t\t\t\t$color-primary;\r\n$input-btn-focus-color:\t\t\t\t\ttransparent;\r\n$input-padding-y:\t\t\t\t\t\t.5rem; \r\n$input-padding-x:\t\t\t\t\t\t.875rem;\r\n$label-margin-bottom:\t\t\t\t\t.3rem;\r\n$form-group-margin-bottom:\t\t\t\t1.5rem;\r\n\r\n/* links */\r\n$link-color:\t\t\t\t\t\t\t$primary-500;\r\n$link-hover-color:\t\t\t\t\t\t$primary-400;\r\n\r\n/* checkbox */ \r\n$custom-control-indicator-size:\t\t\t\t\t1.125rem;\r\n$custom-checkbox-indicator-border-radius:\t\t2px;\r\n$custom-control-indicator-border-width: \t\t2px;\r\n$custom-control-indicator-bg-size:\t\t\t\t0.5rem;\r\n\r\n/*$custom-file-height-inner:\t\t\t\tcalc(2.25rem - 1px);*/\r\n//$custom-file-padding-y:\t\t\t\t\t$input-padding-y;\r\n\r\n/* not part of bootstrap variable */\r\n$custom-control-indicator-bg-size-checkbox: 50% 50% !default;\r\n\r\n/* custom checkbox */\r\n// the checkbox needs to be a little darker for input groups\r\n$custom-control-indicator-checked-bg:\t\t\t\t$primary-600;\r\n$custom-control-indicator-checked-border-color: \t$primary-700;\r\n\r\n/* custom range */\r\n$custom-range-thumb-width:\t\t\t\t1rem;\r\n$custom-range-thumb-border-radius:\t\t50%;\r\n$custom-range-track-height:\t\t\t\t0.325rem;\r\n$custom-range-thumb-bg:\t\t\t\t\t$primary-500;\r\n$custom-range-thumb-active-bg:\t\t\t$primary-300;\r\n$custom-range-thumb-focus-box-shadow:\t0 0 0 1px $white, 0 0 0 0.2rem rgba($primary-500, 0.25);\r\n\r\n\r\n/* select */\r\n\r\n/* badge */\r\n$badge-font-size:\t\t\t\t\t\t85%;\r\n$badge-font-weight:\t\t\t\t\t\t500;\r\n\r\n/* cards */\r\n$card-spacer-y:\t\t\t\t\t\t\t1rem;\r\n$card-spacer-x:\t\t\t\t\t\t\t1rem;\r\n$card-cap-bg:\t\t\t\t\t\t\tinherit;\r\n$card-border-color:\t\t\t\t\t\trgba(0, 0, 0, 0.08);\r\n$list-group-border-color:\t\t\t\t$card-border-color;\r\n\r\n/*border radius*/\r\n$border-radius:\t\t\t\t\t\t\t4px;\r\n$border-radius-lg:\t\t\t\t\t\t$border-radius;\r\n$border-radius-sm:\t\t\t\t\t\t$border-radius;\r\n$border-radius-plus:\t\t\t\t\t10px;\r\n\r\n/* alert */\r\n$alert-padding-y:\t\t\t\t\t\t1rem;\r\n$alert-padding-x:\t\t\t\t\t\t1.25rem;\r\n$alert-margin-bottom:\t\t\t\t\t$grid-gutter-width + 0.5rem;\r\n\r\n/* toast */\r\n$toast-padding-y:\t\t\t\t\t\t0.5rem;\r\n$toast-padding-x:\t\t\t\t\t\t0.75rem;\r\n$toast-header-color:\t\t\t\t\t$fusion-500;\r\n\r\n/* breadcrumb */\r\n$breadcrumb-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$breadcrumb-divider-color:\t\t\t\tinherit;\r\n\r\n/* input button */\r\n$input-btn-padding-y-sm:\t\t\t\t.375rem;\r\n$input-btn-padding-x-sm:\t\t\t\t.844rem;\r\n\r\n$input-btn-padding-y:\t\t\t\t\t.5rem;\r\n$input-btn-padding-x:\t\t\t\t\t1.125rem;\r\n\r\n$input-btn-padding-y-lg:\t\t\t\t.75rem;\r\n$input-btn-padding-x-lg:\t\t\t\t1.5rem;\r\n\r\n/* nav link */\r\n$nav-link-padding-y:\t\t\t\t\t$input-btn-padding-y;\r\n$nav-link-padding-x:\t\t\t\t\t$input-btn-padding-x;\r\n\r\n/* nav, tabs, pills */\r\n$nav-tabs-border-color:\t\t\t\t\trgba($black, 0.1);\r\n$nav-tabs-link-active-border-color:\t\trgba($black, 0.1) rgba($black, 0.1) $white;\r\n$nav-tabs-link-hover-border-color:\t\trgba($black, 0.07) rgba($black, 0.07) transparent;\r\n\r\n/* tables */\r\n$table-border-color:\t\t\t\t\tlighten(desaturate($primary-500, 60%), 35%); //rgba($black, 0.09);\r\n$table-hover-bg:\t\t\t\t\t\tlighten(desaturate($primary-900, 70%), 63%);\r\n$table-accent-bg:\t\t\t\t\t\trgba($fusion-500,.02);\r\n$table-dark-bg:\t\t\t\t\t\t\t$fusion-300;\r\n$table-dark-border-color:\t\t\t\t$fusion-400;\r\n$table-dark-accent-bg:\t\t\t\t\trgba($white, .05);\r\n$table-dark-hover-bg:\t\t\t\t\t$color-primary;\r\n\r\n/* dropdowns */\r\n$dropdown-border-width:\t\t\t\t\t$theme-border-utility-size; \r\n$dropdown-padding-y:\t\t\t\t\t.3125rem;\r\n$dropdown-item-padding-y:\t\t\t\t.75rem;\r\n$dropdown-item-padding-x:\t\t\t\t1.5rem; \r\n$dropdown-link-active-bg:\t\t\t\tlighten($primary-50, 13%); \r\n$dropdown-link-active-color:\t\t\t$primary-900;\r\n$dropdown-link-hover-color:\t\t\t\t$primary-700;\r\n\r\n/* dropdowns sizes */\r\n$dropdown-xl-width:\t\t\t\t\t\t21.875rem !default;\r\n$dropdown-lg-width:\t\t\t\t\t\t17.5rem !default;\r\n$dropdown-md-width:\t\t\t\t\t\t14rem !default;\r\n$dropdown-sm-width:\t\t\t\t\t\t8rem !default;\r\n$dropdown-shadow:\t\t\t\t\t\t0 0 15px 1px rgba(desaturate($primary-900, 20%), (20/100)); \r\n\r\n/* popovers */\r\n$popover-border-color:\t\t\t\t\trgba(0, 0, 0, 0.2);\r\n$popover-header-padding-y:\t\t\t\t1rem;\r\n$popover-header-padding-x:\t\t\t\t1rem;\r\n$popover-header-bg:\t\t\t\t\t\ttransparent;\r\n$popover-border-width:\t\t\t\t\t3px;\r\n$popover-arrow-width:\t\t\t\t\t15px;\r\n$popover-arrow-height:\t\t\t\t\t7px;\r\n$popover-arrow-outer-color:\t\t\t\tinherit;\r\n$popover-arrow-color:\t\t\t\t\ttransparent;\r\n$popover-font-size:\t\t\t\t\t\t14px;\r\n$popover-box-shadow:\t\t\t\t\t1px 0 13px rgba(90, 80, 105, 0.2);\r\n$popover-border-radius:\t\t\t\t\t0.5rem;\r\n\r\n/* tooltips */\r\n$tooltip-max-width:\t\t\t\t\t\t200px;\r\n$tooltip-color:\t\t\t\t\t\t\t$white;\r\n$tooltip-bg:\t\t\t\t\t\t\trgba($fusion-700, 0.9);\r\n$tooltip-border-radius:\t\t\t\t\t5px;\r\n$tooltip-opacity:\t\t\t\t\t\t1;\r\n$tooltip-padding-y:\t\t\t\t\t\t.3rem;\r\n$tooltip-padding-x:\t\t\t\t\t\t.6rem;\r\n$tooltip-margin:\t\t\t\t\t\t2px;\r\n$tooltip-arrow-width:\t\t\t\t\t8px;\r\n$tooltip-arrow-height:\t\t\t\t\t5px;\r\n\r\n/* modal */\r\n$modal-header-padding-y:\t\t\t\t1.25rem;\r\n$modal-header-padding-x:\t\t\t\t1.25rem;\r\n$modal-header-padding:\t\t\t\t\t$modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\r\n$modal-inner-padding:\t\t\t\t\t1.25rem;\r\n$modal-backdrop-opacity:\t\t\t\t0.2;\r\n$modal-content-border-color:\t\t\ttransparent;\r\n$modal-header-border-width:\t\t\t\t0px;\r\n$modal-footer-border-width:\t\t\t\t0px;\r\n\r\n/* reference guide\r\nhttp://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/\r\n8px = 0.5rem\r\n9px = 0.5625rem\r\n10px = 0.625rem\r\n11px = 0.6875rem\r\n12px = 0.75rem\r\n13px = 0.8125rem\r\n14px = 0.875rem\r\n15px = 0.9375rem\r\n16px = 1rem (base)\r\n17px = 1.0625rem\r\n18px = 1.125rem\r\n19px = 1.1875rem\r\n20px = 1.25rem\r\n21px = 1.3125rem\r\n22px = 1.375rem\r\n24px = 1.5rem\r\n25px = 1.5625rem\r\n26px = 1.625rem\r\n28px = 1.75rem\r\n30px = 1.875rem\r\n32px = 2rem\r\n34px = 2.125rem\r\n36px = 2.25rem\r\n38px = 2.375rem\r\n40px = 2.5rem\r\n*/\r\n\r\n/* Fonts */\r\n$font-size-base:\t\t\t\t\t\t0.8125rem;\r\n$font-size-lg:\t\t\t\t\t\t\t1rem;\r\n$font-size-sm:\t\t\t\t\t\t\t0.75rem;\r\n$line-height-base:\t\t\t\t\t\t1.47;\r\n$headings-line-height:\t\t\t\t\t1.57;\r\n\r\n$h1-font-size:\t\t\t\t\t\t\t1.5rem;\r\n$h2-font-size:\t\t\t\t\t\t\t1.375rem;\r\n$h3-font-size:\t\t\t\t\t\t\t1.1875rem;\r\n$h4-font-size:\t\t\t\t\t\t\t1.0625rem;\r\n$h5-font-size:\t\t\t\t\t\t\t0.9375rem;\r\n$h6-font-size:\t\t\t\t\t\t\t0.875rem;\r\n\r\n$display1-size:\t\t\t\t\t\t\t5rem;\r\n$display2-size:\t\t\t\t\t\t\t4.5rem;\r\n$display3-size:\t\t\t\t\t\t\t3.5rem;\r\n$display4-size:\t\t\t\t\t\t\t2.5rem;\r\n\r\n$navbar-toggler-font-size:\t\t\t\t21px;\r\n$navbar-toggler-padding-y:\t\t\t\t7.5px; \r\n$navbar-toggler-padding-x:\t\t\t\t18px;\r\n\r\n/* carousel */\r\n$carousel-indicator-height:\t\t\t\t13px;\r\n$carousel-indicator-width:\t\t\t\t13px;\r\n\r\n/* BASE VARS\r\n========================================================================== */\r\n// usage: background-image: url(\"#{$baseURL}img/bg.png\"); \r\n\r\n$baseURL:\t\t\t\t\t\t\t\t\"../\" !default;\r\n$webfontsURL:\t\t\t\t\t\t\t\"../webfonts\" !default;\r\n$base-text-color:\t\t\t\t\t\tdarken($white,60%) !default;\r\n\r\n/* font vars below will auto change to rem values using function rem($value)*/\r\n$fs-base:\t\t\t\t\t\t\t\t13px !default;\r\n$fs-nano:\t\t\t\t\t\t\t\t$fs-base - 2; /* 11px */\r\n$fs-xs: \t\t\t\t\t\t\t\t$fs-base - 1; /* 12px */\r\n$fs-sm: \t\t\t\t\t\t\t\t$fs-base - 0.5; /* 12.5px */\r\n$fs-md: \t\t\t\t\t\t\t\t$fs-base + 1; /* 14px */\r\n$fs-lg: \t\t\t\t\t\t\t\t$fs-base + 2; /* 15px */\r\n$fs-xl: \t\t\t\t\t\t\t\t$fs-base + 3; /* 16px */\r\n$fs-xxl: \t\t\t\t\t\t\t\t$fs-base + 15; /* 28px */\r\n\r\n/* Font Family\r\n========================================================================== */\r\n\t\t\t\t\t\t\t\t\t\t/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */\r\n$font-import:\t\t\t\t\t\t\t\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900\" !default;\r\n$page-font:\t\t\t\t\t\t\t\t\"Roboto\", 'Helvetica Neue', Helvetica, Arial !default;\r\n$nav-font:\t\t\t\t\t\t\t\t$page-font !default;\r\n$heading-font-family:\t\t\t\t\t$page-font !default; \r\n$mobile-page-font:\t\t\t\t\t\t'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif;\r\n\r\n/* ANIMATIONS\r\n========================================================================== */\r\n$nav-hide-animate: \t\t\t\t\t\tall 470ms cubic-bezier(0.34, 1.25, 0.3, 1) !default;\t\t/* this addresses all animation related to nav hide to nav minify */\r\n\r\n/* Z-INDEX declearation\r\n========================================================================== */\r\n$space:\t\t\t\t\t\t\t\t\t1000 !default;\r\n$cloud:\t\t\t\t\t\t\t\t\t950 !default;\r\n$ground:\t\t\t\t\t\t\t\t0 !default;\r\n$water:\t\t\t\t\t\t\t\t\t-99 !default;\r\n/* we adjust bootstrap z-index to be higher than our higest z-index*/\r\n$zindex-dropdown:\t\t\t\t\t\t$space + 1000;\r\n$zindex-sticky:\t\t\t\t\t\t\t$space + 1020;\r\n$zindex-fixed:\t\t\t\t\t\t\t$space + 1030;\r\n$zindex-modal-backdrop:\t\t\t\t\t$space + 1040;\r\n$zindex-modal:\t\t\t\t\t\t\t$space + 1050;\r\n$zindex-panel-fullscreen:\t\t\t\t$space + 1055;\r\n$zindex-popover:\t\t\t\t\t\t$space + 1060;\r\n$zindex-tooltip:\t\t\t\t\t\t$space + 1070;\r\n\r\n/* CUSTOM ICON PREFIX \r\n========================================================================== */\r\n$cust-icon-prefix:\t\t\t\t\t\tni;\r\n\r\n/* PRINT CSS (landscape or portrait)\r\n========================================================================== */\r\n$print-page-type: \t\t\t\t\t\tportrait; \t\t\t\t\t\t\t\t\t\t\t\t /* landscape or portrait */\r\n$print-page-size:\t\t\t\t\t\tletter;\t\t\t\t\t\t\t\t\t\t\t\t\t /* auto, letter */\r\n$print-page-margin:\t\t\t\t\t\t1.0cm;\r\n\r\n/* Common Element Variables\r\n========================================================================== */\r\n$body-background-color:\t\t\t\t\t$white !default;\r\n$page-bg:\t\t\t\t\t\t\t\tdesaturate(lighten($primary-500, 41.7%), 5%) !default; //#f9f9fc\r\n\r\n/* Z-index decleartion \"birds eye view\"\r\n========================================================================== */\r\n$depth:\t\t\t\t\t\t\t\t\t999 !default;\r\n$depth-header:\t\t\t\t\t\t\t$depth + 1 !default;\r\n$depth-nav:\t\t\t\t\t\t\t\t$depth-header + 2 !default;\r\n\r\n/* Components\r\n========================================================================== */\r\n$frame-border-color:\t\t\t\t\t#f7f9fa !default;\r\n\r\n/* PAGE HEADER STUFF\r\n========================================================================== */\r\n\r\n/* colors */\r\n$header-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$header-border-color:\t\t\t\t\t#ccc !default;\r\n$header-border-bottom-color:\t\t\trgba(darken($primary-700, 10%), (13/100)) !default;\t\t\r\n$header-link-color:\t\t\t\t\t\t$primary-500 !default;\r\n$header-link-hover-color:\t\t\t\tdarken($header-bg, 75%) !default;\r\n\r\n/* height */\r\n$header-height:\t\t\t\t\t\t\t4.125rem !default;\r\n$header-height-nav-top:\t\t\t\t\t4.125rem !default;\r\n$header-inner-padding-x:\t\t\t\t2rem !default;\r\n$header-inner-padding-y:\t\t\t\t0 !default;\r\n\r\n/* logo */\r\n$header-logo-border-bottom:\t\t\t\trgba(darken($primary-700, 10%), (30/100)) !default;\r\n$header-logo-width:\t\t\t\t\t\tauto !default; \t\t\t\t\t\t\t\t\t\t /* try not to go beywond the width of $main_nav_width value */\r\n$header-logo-height:\t\t\t\t\tauto !default \t\t\t\t\t\t\t\t\t\t /* you may need to change this depending on your logo design */\r\n$header-logo-text-align:\t\t\t\tcenter; \t\t\t\t\t\t\t\t\t\t\t\t /* adjust this as you see fit : left, right, center */\r\n\r\n/* icon font size (not button) */\r\n$header-icon-size:\t\t\t\t\t\t21px;\r\n\r\n/* search input box */\r\n$header-search-border-color:\t\t\ttransparent !default;\t\t\t\t\t\t\t\t/* suggestion: #ccced0*/\r\n$header-search-bg:\t\t\t\t\t\ttransparent !default;\r\n$header-search-width:\t\t\t\t\t25rem !default;\r\n$header-search-height:\t\t\t\t\t$header-height - 1.5rem !default; \r\n$header-search-font-size:\t\t\t\t$fs-base + 2;\r\n$header-search-padding:\t\t\t\t\t$spacer * 0.38;\r\n\r\n/* btn */\r\n$header-btn-active-bg:\t\t\t\t\t$fusion-500 !default;\r\n$header-btn-color:\t\t\t\t\t\tdarken($header-bg, 35%) !default;\r\n$header-btn-hover-color:\t\t\t\t$header-link-hover-color !default;\r\n$header-btn-active-color:\t\t\t\t$white !default;\r\n$header-btn-height: \t\t\t\t\t$header-height/2 + 0.1875rem !default;\r\n$header-btn-width: \t\t\t\t\t\t3.25rem !default;\r\n$header-btn-font-size:\t\t\t\t\t21px !default; //works only for font icons\r\n$header-btn-border-radius:\t\t\t\t$border-radius !default;\r\n$header-non-btn-width:\t\t\t\t\t3.125rem !default;\r\n$header-dropdown-arrow-color:\t\t\t$primary-700 !default;\r\n\r\n/* dropdown: app list */\r\n$header-applist-link-block-height:\t\t5.9375rem;\r\n$header-applist-link-block-width:\t\t6.25rem;\r\n$header-applist-rows-width:\t\t\t\t21.875rem;\r\n$header-applist-rows-height:\t\t\t22.5rem; \r\n$header-applist-box-padding-x:\t\t\t$p-2;\r\n$header-applist-box-padding-y:\t\t\t$p-3;\r\n$header-applist-icon-size:\t\t\t\t3.125rem;\r\n\r\n/* badge */\r\n$header-badge-min-width:\t\t\t\t1.25rem !default;\r\n$header-badge-left:\t\t\t\t\t\t1.5625rem !default;\r\n$header-badge-top:\t\t\t\t\t\t($header-height / 2 - $header-badge-min-width) + 0.28125rem !default; \r\n\r\n/* COMPONENTS & MODS */\r\n$nav-tabs-clean-link-height:\t\t\t45px !default;\r\n\r\n/* NAVIGATION STUFF\r\n\r\nGuide:\r\n\r\naside.page-sidebar ($nav-width, $nav-background)\r\n\t.page-logo\r\n\t.primary-nav\r\n\t\t.info-card\r\n\t\tul.nav-menu\r\n\t\t\tli\r\n\t\t\t\ta (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)\r\n\t\t\t\t\ticon \r\n\t\t\t\t\tspan\r\n\t\t\t\t\tcollapse-sign \r\n\t\t\t\t\t\r\n\t\t\t\tul.nav-menu-sub-one \r\n\t\t\t\t\tli\r\n\t\t\t\t\t\ta ($nav-level-1... $nav-sub-link-height)\r\n\t\t\t\t\t\t\tspan\r\n\t\t\t\t\t\t\tcollapse-sign\r\n\r\n\t\t\t\t\t\tul.nav-menu-sub-two\r\n\t\t\t\t\t\t\tli\r\n\t\t\t\t\t\t\t\ta ($nav-level-2... $nav-sub-link-height)\r\n\t\t\t\t\t\t\t\t\tspan\r\n\r\n\t\tp.nav-title ($nav-title-*...)\r\n\r\n\r\n========================================================================== */\r\n\r\n/* main navigation */\r\n/* left panel */\r\n$nav-background:\t\t\t\t\t\tdesaturate($primary-900, 7%) !default;\r\n$nav-background-shade:\t\t\t\t\trgba(desaturate($info-500, 15%), 0.18) !default; \r\n$nav-base-color:\t\t\t\t\t\tlighten($nav-background, 7%) !default;\r\n$nav-width:\t\t\t\t\t\t\t\t16.875rem !default; \r\n\r\n/* nav parent level-0 */\r\n$nav-link-color: \t\t\t\t\t\tlighten($nav-base-color, 32%) !default;\r\n$nav-font-link-size: \t\t\t\t\t$fs-base + 1 !default;\r\n$nav-collapse-sign-font-size:\t\t\tinherit !default;\t\r\n$nav-padding-x:\t\t\t\t\t\t\t2rem !default; \r\n$nav-padding-y:\t\t\t\t\t\t\t0.8125rem !default;\r\n\r\n/* nav icon sizes */\r\n$nav-font-icon-size:\t\t\t\t\t1.125rem !default; //23px for Fontawesome & 20px for NextGen icons\r\n$nav-font-icon-size-sub:\t\t\t\t1.125rem !default;\r\n\r\n$nav-icon-width:\t\t\t\t\t\t1.75rem !default;\r\n$nav-icon-margin-right:\t\t\t\t\t0.25rem !default;\r\n\r\n/* badge default */\r\n$nav-badge-color: \t\t\t\t\t\t$white !default;\r\n$nav-badge-bg-color: \t\t\t\t\t$danger-500 !default;\r\n\r\n/* all child */\r\n$nav-icon-color:\t\t\t\t\t\tlighten(darken($nav-base-color, 15%),27%) !default;\r\n$nav-icon-hover-color:\t\t\t\t\tlighten(desaturate($color-primary, 30%), 10%) !default;\r\n\r\n/* nav title */\r\n$nav-title-color: \t\t\t\t\t\tlighten($nav-base-color, 10%) !default;\r\n$nav-title-border-bottom-color: \t\tlighten($nav-base-color, 3%) !default;\r\n$nav-title-font-size: \t\t\t\t\t$fs-base - 1.8px;\r\n\r\n/* nav Minify */\r\n$nav-minify-hover-bg:\t\t\t\t\tdarken($nav-base-color, 3%) !default;\r\n$nav-minify-hover-text:\t\t\t\t\t$white !default;\r\n$nav-minify-width:\t\t\t\t\t\t4.6875rem !default;\r\n/* when the menu pops on hover */\r\n$nav-minify-sub-width:\t\t\t\t\t$nav-width - ($nav-minify-width - 1.5625rem) !default; \t\t\t\t\r\n\r\n/* navigation Width */\r\n/* partial visibility of the menu */\r\n$nav-hidden-visiblity:\t\t\t\t\t0.625rem !default; \t\t\t\t\t\t\t\t\t\t\t\r\n\r\n/* top navigation */\r\n$nav-top-height:\t\t\t\t\t\t3.5rem !default;\r\n$nav-top-drowndown-width:\t\t\t\t13rem !default;\r\n$nav-top-drowndown-background:\t\t\t$nav-base-color;\r\n$nav-top-drowndown-hover:\t\t\t\trgba($black, 0.1);;\r\n$nav-top-drowndown-color:\t\t\t\t$nav-link-color;\r\n$nav-top-drowndown-hover-color:\t\t\t$white;\r\n\r\n/* nav Info Card (appears below the logo) */\r\n$nav-infocard-height:\t\t\t\t\t9.530rem !default;\r\n$profile-image-width:\t\t\t\t\t3.125rem !default; \r\n$profile-image-width-md:\t\t\t\t2rem !default;\r\n$profile-image-width-sm:\t\t\t\t1.5625rem !default;\r\n$image-share-height:\t\t\t\t\t2.8125rem !default; /* width is auto */\r\n\r\n/* nav DL labels for all child */\r\n$nav-dl-font-size:\t\t\t\t\t\t0.625rem !default;\r\n$nav-dl-width:\t\t\t\t\t\t\t1.25rem !default;\r\n$nav-dl-height:\t\t\t\t\t\t\t1rem !default;\r\n$nav-dl-margin-right:\t\t\t\t\t0.9375rem !default;\r\n$nav-dl-margin-left:\t\t\t\t\t$nav-dl-width + $nav-dl-margin-right !default; \t/* will be pulled to left as a negative value */\r\n\r\n/* MISC Settings\r\n========================================================================== */\r\n/* List Table */\r\n$list-table-padding-x:\t\t\t\t\t11px !default;\r\n$list-table-padding-y:\t\t\t\t\t0 !default;\r\n\r\n/* PAGE SETTINGS\r\n========================================================================== */\r\n$settings-incompat-title:\t\t\t\t#d58100 !default;\r\n$settings-incompat-desc:\t\t\t\t#ec9f28 !default;\r\n$settings-incompat-bg:\t\t\t\t\t$warning-50 !default;\r\n$settings-incompat-border:\t\t\t\t$warning-700 !default;\r\n\r\n/* PAGE BREADCRUMB \r\n========================================================================== */\r\n$page-breadcrumb-maxwidth:\t\t\t\t200px;\r\n\r\n/* PAGE COMPONENT PANELS \r\n========================================================================== */\r\n$panel-spacer-y:\t\t\t\t\t\t1rem;\r\n$panel-spacer-x:\t\t\t\t\t\t1rem;\r\n$panel-hdr-font-size:\t\t\t\t\t14px;\r\n$panel-hdr-height:\t\t\t\t\t\t3rem;\r\n$panel-btn-size:\t\t\t\t\t\t1rem;\r\n$panel-btn-spacing:\t\t\t\t\t\t0.3rem;\r\n$panel-toolbar-icon:\t\t\t\t\t1.5625rem;\r\n$panel-hdr-background:\t\t\t\t\t$white; //#fafafa;\r\n$panel-edge-radius:\t\t\t\t\t\t$border-radius;\r\n$panel-placeholder-color:\t\t\t\tlighten(desaturate($primary-50, 20%), 10%);\r\n\r\n/* PAGE COMPONENT PROGRESSBARS \r\n========================================================================== */\r\n$progress-height:\t\t\t\t\t\t.75rem;\r\n$progress-font-size:\t\t\t\t\t.625rem;\r\n$progress-bg:\t\t\t\t\t\t\tlighten($fusion-50, 40%);\r\n$progress-border-radius:\t\t\t\t10rem;\r\n\r\n/* PAGE COMPONENT MESSENGER \r\n========================================================================== */\r\n$msgr-list-width:\t\t\t\t\t\t14.563rem;\r\n$msgr-list-width-collapsed:\t\t\t\t3.125rem;\r\n$msgr-get-background:\t\t\t\t\t#f1f0f0;\r\n$msgr-sent-background:\t\t\t\t\t$success-500;\r\n$msgr-animation-delay:\t\t\t\t\t100ms;\r\n\r\n/* FOOTER\r\n========================================================================== */\r\n$footer-bg:\t\t\t\t\t\t\t\t$white !default;\r\n$footer-text-color:\t\t\t\t\t\tdarken($base-text-color, 10%);\r\n$footer-height:\t\t\t\t\t\t\t2.8125rem !default;\r\n$footer-font-size:\t\t\t\t\t\t$fs-base !default;\r\n$footer-zindex:\t\t\t\t\t\t\t$cloud - 20 !default;\r\n\r\n/* GLOBALS\r\n========================================================================== */\r\n$mod-main-boxed-width:\t\t\t\t\tmap-get($grid-breakpoints, xl);\r\n$slider-width:\t\t\t\t\t\t\t15rem;\r\n\r\n/* ACCESSIBILITIES */\r\n$enable-prefers-reduced-motion-media-query: false;","@import \"./src/scss/_modules/variables\";\r\n@import \"./node_modules/bootstrap/scss/bootstrap\";\n/* #GLOBAL IMPORTS\r\n========================================================================== */\r\n@import '_imports/_global-import';\r\n\r\n/* #WEBFONT ICONS IMPORTS\r\n========================================================================== */\r\n@import '../custom/webfonts/fontawesome-pro-master/scss/fontawesome.scss';\r\n@import '../custom/webfonts/fontawesome-pro-master/scss/fa-light.scss';\r\n@import '../custom/webfonts/nextgen-fonts-master/scss/ng-icons.scss';","/*!\n * Bootstrap v4.3.1 (https://getbootstrap.com/)\n * Copyright 2011-2019 The Bootstrap Authors\n * Copyright 2011-2019 Twitter, Inc.\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)\n */\n\n@import \"functions\";\n@import \"variables\";\n@import \"mixins\";\n@import \"root\";\n@import \"reboot\";\n@import \"type\";\n@import \"images\";\n@import \"code\";\n@import \"grid\";\n@import \"tables\";\n@import \"forms\";\n@import \"buttons\";\n@import \"transitions\";\n@import \"dropdown\";\n@import \"button-group\";\n@import \"input-group\";\n@import \"custom-forms\";\n@import \"nav\";\n@import \"navbar\";\n@import \"card\";\n@import \"breadcrumb\";\n@import \"pagination\";\n@import \"badge\";\n@import \"jumbotron\";\n@import \"alert\";\n@import \"progress\";\n@import \"media\";\n@import \"list-group\";\n@import \"close\";\n@import \"toasts\";\n@import \"modal\";\n@import \"tooltip\";\n@import \"popover\";\n@import \"carousel\";\n@import \"spinners\";\n@import \"utilities\";\n@import \"print\";\n","@import url($font-import);\r\n\r\nbody {\r\n\tfont-family: $page-font;\r\n\tfont-size: rem($fs-base);\r\n\tletter-spacing: 0.1px;\r\n}\r\n\r\n.page-content {\r\n\tcolor: $base-text-color;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6 {\r\n\tline-height: 1.3;\r\n\tfont-weight: 400;\r\n\t//color:$fusion-500;\r\n}\r\n\r\nstrong {\r\n\tfont-weight: 500;\r\n}\r\n\r\nh1 small, \r\nh2 small, \r\nh3 small, \r\nh4 small, \r\nh5 small, \r\nh6 small, \r\n.h1 small, \r\n.h2 small, \r\n.h3 small, \r\n.h4 small, \r\n.h5 small, \r\n.h6 small {\r\n font-weight: 300;\r\n display: block;\r\n\tfont-size: rem($fs-lg);\r\n line-height: 1.5;\r\n //letter-spacing: -0.2px;\r\n margin:2px 0 ($grid-gutter-width-base / 2);\r\n}\r\n\r\nh2 small, \r\nh3 small, \r\n.h2 small, \r\n.h3 small, {\r\n\tfont-size: rem($fs-lg);\r\n}\r\n\r\nh4 small, \r\n.h4 small {\r\n\tfont-size: rem($fs-md);\r\n}\r\n\r\nh5 small, \r\nh6 small, \r\n.h5 small, \r\n.h6 small {\r\n\tfont-size: rem($fs-base);\t\r\n}\r\n\r\n/* contrast text */\r\n.text-contrast {\r\n\tcolor: lighten($black, 20%);\r\n}\r\n\r\n/* text-gradient */\r\n.text-gradient {\r\n\tbackground: -webkit-linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tbackground: linear-gradient(180deg, $primary-700 25%, $primary-800 50%, $info-700 75%, $info-900 100%);\r\n\tcolor: $primary-500;\r\n background-clip: text;\r\n text-fill-color: transparent;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n text-shadow: none;\r\n}\r\n\r\n/* looking for font size? Check _helpers.scss */",":root {\n // Custom variable values only support SassScript inside `#{}`.\n @each $color, $value in $colors {\n --#{$color}: #{$value};\n }\n\n @each $color, $value in $theme-colors {\n --#{$color}: #{$value};\n }\n\n @each $bp, $value in $grid-breakpoints {\n --breakpoint-#{$bp}: #{$value};\n }\n\n // Use `inspect` for lists so that quoted items keep the quotes.\n // See https://github.com/sass/sass/issues/2383#issuecomment-336349172\n --font-family-sans-serif: #{inspect($font-family-sans-serif)};\n --font-family-monospace: #{inspect($font-family-monospace)};\n}\n","// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix\n\n// Reboot\n//\n// Normalization of HTML elements, manually forked from Normalize.css to remove\n// styles targeting irrelevant browsers while applying new styles.\n//\n// Normalize is licensed MIT. https://github.com/necolas/normalize.css\n\n\n// Document\n//\n// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.\n// 2. Change the default font family in all browsers.\n// 3. Correct the line height in all browsers.\n// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.\n// 5. Change the default tap highlight to be completely transparent in iOS.\n\n*,\n*::before,\n*::after {\n box-sizing: border-box; // 1\n}\n\nhtml {\n font-family: sans-serif; // 2\n line-height: 1.15; // 3\n -webkit-text-size-adjust: 100%; // 4\n -webkit-tap-highlight-color: rgba($black, 0); // 5\n}\n\n// Shim for \"new\" HTML5 structural elements to display correctly (IE10, older browsers)\n// TODO: remove in v5\n// stylelint-disable-next-line selector-list-comma-newline-after\narticle, aside, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\n// Body\n//\n// 1. Remove the margin in all browsers.\n// 2. As a best practice, apply a default `background-color`.\n// 3. Set an explicit initial text-align value so that we can later use\n// the `inherit` value on things like ` | ` elements.\n\nbody {\n margin: 0; // 1\n font-family: $font-family-base;\n @include font-size($font-size-base);\n font-weight: $font-weight-base;\n line-height: $line-height-base;\n color: $body-color;\n text-align: left; // 3\n background-color: $body-bg; // 2\n}\n\n// Suppress the focus outline on elements that cannot be accessed via keyboard.\n// This prevents an unwanted focus outline from appearing around elements that\n// might still respond to pointer events.\n//\n// Credit: https://github.com/suitcss/base\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\n\n// Content grouping\n//\n// 1. Add the correct box sizing in Firefox.\n// 2. Show the overflow in Edge and IE.\n\nhr {\n box-sizing: content-box; // 1\n height: 0; // 1\n overflow: visible; // 2\n}\n\n\n//\n// Typography\n//\n\n// Remove top margins from headings\n//\n// By default, ``-`` all receive top and bottom margins. We nuke the top\n// margin for easier control within type scales as it avoids margin collapsing.\n// stylelint-disable-next-line selector-list-comma-newline-after\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: $headings-margin-bottom;\n}\n\n// Reset margins on paragraphs\n//\n// Similarly, the top margin on ``s get reset. However, we also reset the\n// bottom margin to use `rem` units instead of `em`.\np {\n margin-top: 0;\n margin-bottom: $paragraph-margin-bottom;\n}\n\n// Abbreviations\n//\n// 1. Duplicate behavior to the data-* attribute for our tooltip plugin\n// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n// 3. Add explicit cursor to indicate changed behavior.\n// 4. Remove the bottom border in Firefox 39-.\n// 5. Prevent the text-decoration to be skipped.\n\nabbr[title],\nabbr[data-original-title] { // 1\n text-decoration: underline; // 2\n text-decoration: underline dotted; // 2\n cursor: help; // 3\n border-bottom: 0; // 4\n text-decoration-skip-ink: none; // 5\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: $dt-font-weight;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0; // Undo browser default\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari\n}\n\nsmall {\n @include font-size(80%); // Add the correct font size in all browsers\n}\n\n//\n// Prevent `sub` and `sup` elements from affecting the line height in\n// all browsers.\n//\n\nsub,\nsup {\n position: relative;\n @include font-size(75%);\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub { bottom: -.25em; }\nsup { top: -.5em; }\n\n\n//\n// Links\n//\n\na {\n color: $link-color;\n text-decoration: $link-decoration;\n background-color: transparent; // Remove the gray background on active links in IE 10.\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n}\n\n// And undo these styles for placeholder links/named anchors (without href)\n// which have not been made explicitly keyboard-focusable (without tabindex).\n// It would be more straightforward to just use a[href] in previous block, but that\n// causes specificity issues in many other styles that are too complex to fix.\n// See https://github.com/twbs/bootstrap/issues/19402\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n\n @include hover-focus {\n color: inherit;\n text-decoration: none;\n }\n\n &:focus {\n outline: 0;\n }\n}\n\n\n//\n// Code\n//\n\npre,\ncode,\nkbd,\nsamp {\n font-family: $font-family-monospace;\n @include font-size(1em); // Correct the odd `em` font sizing in all browsers.\n}\n\npre {\n // Remove browser default top margin\n margin-top: 0;\n // Reset browser default of `1em` to use `rem`s\n margin-bottom: 1rem;\n // Don't allow content to break outside\n overflow: auto;\n}\n\n\n//\n// Figures\n//\n\nfigure {\n // Apply a consistent margin strategy (matches our type styles).\n margin: 0 0 1rem;\n}\n\n\n//\n// Images and content\n//\n\nimg {\n vertical-align: middle;\n border-style: none; // Remove the border on images inside links in IE 10-.\n}\n\nsvg {\n // Workaround for the SVG overflow bug in IE10/11 is still required.\n // See https://github.com/twbs/bootstrap/issues/26878\n overflow: hidden;\n vertical-align: middle;\n}\n\n\n//\n// Tables\n//\n\ntable {\n border-collapse: collapse; // Prevent double borders\n}\n\ncaption {\n padding-top: $table-cell-padding;\n padding-bottom: $table-cell-padding;\n color: $table-caption-color;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n // Matches default ` | ` alignment by inheriting from the ``, or the\n // closest parent with a set `text-align`.\n text-align: inherit;\n}\n\n\n//\n// Forms\n//\n\nlabel {\n // Allow labels to use `margin` for spacing.\n display: inline-block;\n margin-bottom: $label-margin-bottom;\n}\n\n// Remove the default `border-radius` that macOS Chrome adds.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24093\nbutton {\n // stylelint-disable-next-line property-blacklist\n border-radius: 0;\n}\n\n// Work around a Firefox/IE bug where the transparent `button` background\n// results in a loss of the default `button` focus styles.\n//\n// Credit: https://github.com/suitcss/base/\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0; // Remove the margin in Firefox and Safari\n font-family: inherit;\n @include font-size(inherit);\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible; // Show the overflow in Edge\n}\n\nbutton,\nselect {\n text-transform: none; // Remove the inheritance of text transform in Firefox\n}\n\n// Remove the inheritance of word-wrap in Safari.\n//\n// Details at https://github.com/twbs/bootstrap/issues/24990\nselect {\n word-wrap: normal;\n}\n\n\n// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n// controls in Android 4.\n// 2. Correct the inability to style clickable types in iOS and Safari.\nbutton,\n[type=\"button\"], // 1\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; // 2\n}\n\n// Opinionated: add \"hand\" cursor to non-disabled button elements.\n@if $enable-pointer-cursor-for-buttons {\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n &:not(:disabled) {\n cursor: pointer;\n }\n }\n}\n\n// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box; // 1. Add the correct box sizing in IE 10-\n padding: 0; // 2. Remove the padding in IE 10-\n}\n\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n // Remove the default appearance of temporal inputs to avoid a Mobile Safari\n // bug where setting a custom line-height prevents text from being vertically\n // centered within the input.\n // See https://bugs.webkit.org/show_bug.cgi?id=139848\n // and https://github.com/twbs/bootstrap/issues/11266\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto; // Remove the default vertical scrollbar in IE.\n // Textareas should really only resize vertically so they don't break their (horizontal) containers.\n resize: vertical;\n}\n\nfieldset {\n // Browsers set a default `min-width: min-content;` on fieldsets,\n // unlike e.g. ` |