Initial Project Commit

README.md

@@ -0,0 +1,10 @@
+EQ2EMU Labs
+
+Note: This is WIP and everything is non-functional in its current state. This will change as progress is made.
+
+**Requirements**
+1.) Webserver (IIS/Apache/Etc...)
+2.) PHP 7+
+    - the mysql pdo extention in PHP is enabled by default but if you get errors, make sure you enable it in your php.ini file under extensions.
+3.) Update inc/config.php database values to match your host/port/user/db for both loginserver & world server.
+    - Note: If you do not add loginserver db, you'll probably start seeing a bunch of errors.

autoload.php

@@ -0,0 +1,9 @@
+<?php
+	require('inc/config.php');
+	require('inc/constants.php');
+	require('inc/session.handler.php');
+	require('inc/data.func.php');
+	
+	$_s = $_SESSION[_sid]; //Session Data
+	$_m = $_modules[$_s['view']]; //Current Module Data
+?>

css/app.bundle.css

@@ -0,0 +1,7728 @@
+@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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+@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;
+}
+
+*/
+.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: #584475; }
+
+/*
+%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: var(--theme-warning-900) !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: var(--theme-warning-900) !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: var(--theme-warning-50);
+  font-size: 10px;
+  width: 65px;
+  text-align: center;
+  border: 1px solid var(--theme-warning-700);
+  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 (may brake the page)
+========================================================================== */
+/* 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: #8268a8;
+  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: #967bbd; }
+    .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: rgba(255, 255, 255, 0.04);
+        -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: #a8a6ac; }
+      .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: #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-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: #876fab;
+        text-align: left; }
+      .nav-menu li a > .nav-link-text {
+        -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: #af9fc7;
+        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: transparent;
+        -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: var(--theme-warning-900); }
+      .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
+        color: var(--theme-warning-900); }
+      .nav-function-top:not(.header-function-fixed) #nff:after {
+        content: "DISABLED";
+        display: block;
+        position: absolute;
+        background: var(--theme-warning-50);
+        font-size: 10px;
+        width: 65px;
+        text-align: center;
+        border: 1px solid var(--theme-warning-700);
+        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: #584475;
+      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: #584475; }
+            .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: #584475;
+              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: #584475;
+                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: #584475;
+              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: #584475;
+                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: #584475;
+  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(#584475), color-stop(50%, #7c62a4), color-stop(50%, #7c62a4), to(#584475));
+    background: linear-gradient(to right, #584475 0%, #7c62a4 50%, #7c62a4 50%, #584475 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; }
+
+/*$app-shortcut-btn-size: 49px;
+
+$menu-item-size: 45px;
+$menu-items:5;
+$menu-grid-icon: 5px;
+$menu-item-direction: 'top'; //top or left*/
+.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: var(--theme-warning-900) !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: var(--theme-warning-900) !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: var(--theme-warning-50);
+      width: 65px;
+      text-align: center;
+      border: 1px solid var(--theme-warning-700);
+      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%); }
+
+/* #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: var(--theme-warning-900); }
+      .mod-main-boxed:not(.nav-function-top) #nff .onoffswitch-title-desc {
+        color: var(--theme-warning-900); }
+      .mod-main-boxed:not(.nav-function-top) #nff:after {
+        content: "DISABLED";
+        display: block;
+        position: absolute;
+        background: var(--theme-warning-50);
+        font-size: 0.625rem;
+        width: 65px;
+        text-align: center;
+        border: 1px solid var(--theme-warning-700);
+        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;
+    	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 */

css/datagrid/datatables/datatables.bundle.css

@@ -0,0 +1,1384 @@
+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 {
+  position: absolute;
+  z-index: 2001; }
+
+div.dt-button-collection div.dropdown-menu {
+  display: block;
+  z-index: 2002;
+  min-width: 100%; }
+
+div.dt-button-collection div.dt-button-collection-title {
+  background-color: white;
+  border: 1px solid rgba(0, 0, 0, 0.15); }
+
+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: -200px; }
+
+div.dt-button-collection.fixed.three-column {
+  margin-left: -225px; }
+
+div.dt-button-collection.fixed.four-column {
+  margin-left: -300px; }
+
+div.dt-button-collection > :last-child {
+  display: block !important;
+  -webkit-column-gap: 8px;
+  -moz-column-gap: 8px;
+  -ms-column-gap: 8px;
+  -o-column-gap: 8px;
+  column-gap: 8px; }
+
+div.dt-button-collection > :last-child > * {
+  -webkit-column-break-inside: avoid;
+  -moz-column-break-inside: avoid;
+       break-inside: avoid; }
+
+div.dt-button-collection.two-column {
+  width: 400px; }
+
+div.dt-button-collection.two-column > :last-child {
+  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; }
+
+div.dt-button-collection.three-column > :last-child {
+  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; }
+
+div.dt-button-collection.four-column > :last-child {
+  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;
+  z-index: 2; }
+
+div.DTFC_LeftBodyWrapper table thead .sorting:before, div.DTFC_LeftBodyWrapper table thead .sorting:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:before,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:before,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting:before,
+div.DTFC_LeftBodyWrapper table thead .sorting:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:before,
+div.DTFC_LeftBodyWrapper table thead .sorting_asc:after,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:before,
+div.DTFC_LeftBodyWrapper table thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table thead .sorting:before,
+div.DTFC_RightBodyWrapper table thead .sorting:after,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:before,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:before,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:after,
+div.DTFC_RightBodyWrapper table thead .sorting:before,
+div.DTFC_RightBodyWrapper table thead .sorting:after,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:before,
+div.DTFC_RightBodyWrapper table thead .sorting_asc:after,
+div.DTFC_RightBodyWrapper table thead .sorting_desc:before,
+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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

css/eq2emu.css

@@ -0,0 +1,151 @@
+/* Custom Elements */
+.console {
+	padding:5px;
+	border-radius:3px;
+	display:block;
+	width:100%;
+	min-height:300px;
+	background-color:rgba(0,0,0,0.75);
+	color:#FFF;	
+}
+
+.hidden { display:none; }
+
+/* Inline Vertical Middle Alignment */
+.vm {
+	display:inline-block;
+}
+.m,.vm {
+	vertical-align:middle;
+}
+
+/* Font Weight Bold */
+.strong, .bold {
+	font-weight:bold;
+}
+
+/* Item Editor Header Title Bar (Current Item) */
+#item-editor-header-label {
+	margin-left:10px;
+	
+}
+
+/* Edit Item View Icon */
+.edit-item-ico {
+	display:inline-block;
+	max-width:42px;
+	max-height:42px;
+	min-width:42px;
+	min-height:42px;
+}
+
+/* Quick Search Item Icon */
+.quick-search-item-ico {
+	display:inline-block;
+	max-width:42px;
+	max-height:42px;
+	width:100%;
+	height:auto;
+	min-width:32px;
+	min-height:32px;
+}
+
+/* Quick Search Item Row */
+.quick-item-search-row {
+	transition: all ease 500ms;
+	padding-top:3px;
+	padding-bottom:3px;
+	background-color:rgb(212, 196, 237, 0.01);
+	border-radius:10px;
+}
+
+.quick-item-search-row:hover {
+	transition: all ease 750ms;
+	cursor:pointer;
+	background-color:rgba(212, 196, 237, .99)
+	
+}
+
+/* Quick Item Search List Container */
+#quick-item-list {
+	padding-top:4px;
+}
+
+/* Theme Adjustments */
+
+.fast-spin {
+  -webkit-animation: fa-spin 800ms infinite linear!important;
+  animation: fa-spin 800ms infinite linear!important;
+}
+
+.inline { display:inline-block!important; vertical-align:middle!important; }
+.info-card {
+	height:11.50rem!important;
+}
+
+.va {
+	vertical-align:middle!important;
+}
+.n-b-t {
+	border-top:none!important;
+}
+.n-b-l {
+	border-left:none!important;
+}
+.n-b-r {
+	border-right:none!important;
+}
+.n-b-b {
+	border-bottom:none!important;
+}
+.n-b-lr {
+	border-left:none!important;
+	border-right:none!important;
+}
+.n-b-tb {
+	border-top:none!important;
+	border-bottom:none!important;
+}
+
+.n-p-t {
+	padding-top:0px!important;
+}
+.n-p-l {
+	padding-left:0px!important;
+}
+.n-p-r {
+	padding-right:0px!important;
+}
+.n-p-b {
+	padding-bottom:0px!important;
+}
+.n-p-lr {
+	padding-left:0px!important;
+	padding-right:0px!important;
+}
+.n-p-tb {
+	padding-top:0px!important;
+	padding-bottom:0px!important;
+}
+
+
+.n-m-t {
+	margin-top:0px!important;
+}
+.n-m-l {
+	margin-left:0px!important;
+}
+.n-m-r {
+	margin-right:0px!important;
+}
+.n-m-b {
+	margin-bottom:0px!important;
+}
+.n-m-lr {
+	margin-left:0px!important;
+	margin-right:0px!important;
+}
+.n-m-tb {
+	margin-top:0px!important;
+	margin-bottom:0px!important;
+}

css/fa-brands.css

@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Pro 5.10.2 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;
+  font-display: auto;
+  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 */

css/fa-duotone.css

@@ -0,0 +1,4999 @@
+/*!
+ * Font Awesome Pro 5.10.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Duotone';
+  font-style: normal;
+  font-weight: 900;
+  font-display: auto;
+  src: url("../webfonts/fa-duotone-900.eot");
+  src: url("../webfonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.woff") format("woff"), url("../webfonts/fa-duotone-900.ttf") format("truetype"), url("../webfonts/fa-duotone-900.svg#fontawesome") format("svg"); }
+
+.fad {
+  position: relative;
+  font-family: 'Font Awesome 5 Duotone';
+  font-weight: 900; }
+
+.fad:before {
+  position: absolute;
+  color: var(--fa-primary-color, inherit);
+  opacity: 1;
+  opacity: var(--fa-primary-opacity, 1); }
+
+.fad:after {
+  color: var(--fa-secondary-color, inherit);
+  opacity: 0.4;
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.fa-swap-opacity .fad:before,
+.fad.fa-swap-opacity:before {
+  opacity: 0.4;
+  opacity: var(--fa-secondary-opacity, 0.4); }
+
+.fa-swap-opacity .fad:after,
+.fad.fa-swap-opacity:after {
+  opacity: 1;
+  opacity: var(--fa-primary-opacity, 1); }
+
+.fad.fa-inverse {
+  color: #fff; }
+
+.fad.fa-stack-1x, .fad.fa-stack-2x {
+  position: absolute; }
+
+.fad.fa-stack-1x:before,
+.fad.fa-stack-2x:before,
+.fad.fa-fw:before {
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%); }
+
+.fad.fa-abacus:after {
+  content: "\10f640"; }
+
+.fad.fa-acorn:after {
+  content: "\10f6ae"; }
+
+.fad.fa-ad:after {
+  content: "\10f641"; }
+
+.fad.fa-address-book:after {
+  content: "\10f2b9"; }
+
+.fad.fa-address-card:after {
+  content: "\10f2bb"; }
+
+.fad.fa-adjust:after {
+  content: "\10f042"; }
+
+.fad.fa-air-freshener:after {
+  content: "\10f5d0"; }
+
+.fad.fa-alarm-clock:after {
+  content: "\10f34e"; }
+
+.fad.fa-alarm-exclamation:after {
+  content: "\10f843"; }
+
+.fad.fa-alarm-plus:after {
+  content: "\10f844"; }
+
+.fad.fa-alarm-snooze:after {
+  content: "\10f845"; }
+
+.fad.fa-alicorn:after {
+  content: "\10f6b0"; }
+
+.fad.fa-align-center:after {
+  content: "\10f037"; }
+
+.fad.fa-align-justify:after {
+  content: "\10f039"; }
+
+.fad.fa-align-left:after {
+  content: "\10f036"; }
+
+.fad.fa-align-right:after {
+  content: "\10f038"; }
+
+.fad.fa-align-slash:after {
+  content: "\10f846"; }
+
+.fad.fa-allergies:after {
+  content: "\10f461"; }
+
+.fad.fa-ambulance:after {
+  content: "\10f0f9"; }
+
+.fad.fa-american-sign-language-interpreting:after {
+  content: "\10f2a3"; }
+
+.fad.fa-analytics:after {
+  content: "\10f643"; }
+
+.fad.fa-anchor:after {
+  content: "\10f13d"; }
+
+.fad.fa-angel:after {
+  content: "\10f779"; }
+
+.fad.fa-angle-double-down:after {
+  content: "\10f103"; }
+
+.fad.fa-angle-double-left:after {
+  content: "\10f100"; }
+
+.fad.fa-angle-double-right:after {
+  content: "\10f101"; }
+
+.fad.fa-angle-double-up:after {
+  content: "\10f102"; }
+
+.fad.fa-angle-down:after {
+  content: "\10f107"; }
+
+.fad.fa-angle-left:after {
+  content: "\10f104"; }
+
+.fad.fa-angle-right:after {
+  content: "\10f105"; }
+
+.fad.fa-angle-up:after {
+  content: "\10f106"; }
+
+.fad.fa-angry:after {
+  content: "\10f556"; }
+
+.fad.fa-ankh:after {
+  content: "\10f644"; }
+
+.fad.fa-apple-alt:after {
+  content: "\10f5d1"; }
+
+.fad.fa-apple-crate:after {
+  content: "\10f6b1"; }
+
+.fad.fa-archive:after {
+  content: "\10f187"; }
+
+.fad.fa-archway:after {
+  content: "\10f557"; }
+
+.fad.fa-arrow-alt-circle-down:after {
+  content: "\10f358"; }
+
+.fad.fa-arrow-alt-circle-left:after {
+  content: "\10f359"; }
+
+.fad.fa-arrow-alt-circle-right:after {
+  content: "\10f35a"; }
+
+.fad.fa-arrow-alt-circle-up:after {
+  content: "\10f35b"; }
+
+.fad.fa-arrow-alt-down:after {
+  content: "\10f354"; }
+
+.fad.fa-arrow-alt-from-bottom:after {
+  content: "\10f346"; }
+
+.fad.fa-arrow-alt-from-left:after {
+  content: "\10f347"; }
+
+.fad.fa-arrow-alt-from-right:after {
+  content: "\10f348"; }
+
+.fad.fa-arrow-alt-from-top:after {
+  content: "\10f349"; }
+
+.fad.fa-arrow-alt-left:after {
+  content: "\10f355"; }
+
+.fad.fa-arrow-alt-right:after {
+  content: "\10f356"; }
+
+.fad.fa-arrow-alt-square-down:after {
+  content: "\10f350"; }
+
+.fad.fa-arrow-alt-square-left:after {
+  content: "\10f351"; }
+
+.fad.fa-arrow-alt-square-right:after {
+  content: "\10f352"; }
+
+.fad.fa-arrow-alt-square-up:after {
+  content: "\10f353"; }
+
+.fad.fa-arrow-alt-to-bottom:after {
+  content: "\10f34a"; }
+
+.fad.fa-arrow-alt-to-left:after {
+  content: "\10f34b"; }
+
+.fad.fa-arrow-alt-to-right:after {
+  content: "\10f34c"; }
+
+.fad.fa-arrow-alt-to-top:after {
+  content: "\10f34d"; }
+
+.fad.fa-arrow-alt-up:after {
+  content: "\10f357"; }
+
+.fad.fa-arrow-circle-down:after {
+  content: "\10f0ab"; }
+
+.fad.fa-arrow-circle-left:after {
+  content: "\10f0a8"; }
+
+.fad.fa-arrow-circle-right:after {
+  content: "\10f0a9"; }
+
+.fad.fa-arrow-circle-up:after {
+  content: "\10f0aa"; }
+
+.fad.fa-arrow-down:after {
+  content: "\10f063"; }
+
+.fad.fa-arrow-from-bottom:after {
+  content: "\10f342"; }
+
+.fad.fa-arrow-from-left:after {
+  content: "\10f343"; }
+
+.fad.fa-arrow-from-right:after {
+  content: "\10f344"; }
+
+.fad.fa-arrow-from-top:after {
+  content: "\10f345"; }
+
+.fad.fa-arrow-left:after {
+  content: "\10f060"; }
+
+.fad.fa-arrow-right:after {
+  content: "\10f061"; }
+
+.fad.fa-arrow-square-down:after {
+  content: "\10f339"; }
+
+.fad.fa-arrow-square-left:after {
+  content: "\10f33a"; }
+
+.fad.fa-arrow-square-right:after {
+  content: "\10f33b"; }
+
+.fad.fa-arrow-square-up:after {
+  content: "\10f33c"; }
+
+.fad.fa-arrow-to-bottom:after {
+  content: "\10f33d"; }
+
+.fad.fa-arrow-to-left:after {
+  content: "\10f33e"; }
+
+.fad.fa-arrow-to-right:after {
+  content: "\10f340"; }
+
+.fad.fa-arrow-to-top:after {
+  content: "\10f341"; }
+
+.fad.fa-arrow-up:after {
+  content: "\10f062"; }
+
+.fad.fa-arrows:after {
+  content: "\10f047"; }
+
+.fad.fa-arrows-alt:after {
+  content: "\10f0b2"; }
+
+.fad.fa-arrows-alt-h:after {
+  content: "\10f337"; }
+
+.fad.fa-arrows-alt-v:after {
+  content: "\10f338"; }
+
+.fad.fa-arrows-h:after {
+  content: "\10f07e"; }
+
+.fad.fa-arrows-v:after {
+  content: "\10f07d"; }
+
+.fad.fa-assistive-listening-systems:after {
+  content: "\10f2a2"; }
+
+.fad.fa-asterisk:after {
+  content: "\10f069"; }
+
+.fad.fa-at:after {
+  content: "\10f1fa"; }
+
+.fad.fa-atlas:after {
+  content: "\10f558"; }
+
+.fad.fa-atom:after {
+  content: "\10f5d2"; }
+
+.fad.fa-atom-alt:after {
+  content: "\10f5d3"; }
+
+.fad.fa-audio-description:after {
+  content: "\10f29e"; }
+
+.fad.fa-award:after {
+  content: "\10f559"; }
+
+.fad.fa-axe:after {
+  content: "\10f6b2"; }
+
+.fad.fa-axe-battle:after {
+  content: "\10f6b3"; }
+
+.fad.fa-baby:after {
+  content: "\10f77c"; }
+
+.fad.fa-baby-carriage:after {
+  content: "\10f77d"; }
+
+.fad.fa-backpack:after {
+  content: "\10f5d4"; }
+
+.fad.fa-backspace:after {
+  content: "\10f55a"; }
+
+.fad.fa-backward:after {
+  content: "\10f04a"; }
+
+.fad.fa-bacon:after {
+  content: "\10f7e5"; }
+
+.fad.fa-badge:after {
+  content: "\10f335"; }
+
+.fad.fa-badge-check:after {
+  content: "\10f336"; }
+
+.fad.fa-badge-dollar:after {
+  content: "\10f645"; }
+
+.fad.fa-badge-percent:after {
+  content: "\10f646"; }
+
+.fad.fa-badger-honey:after {
+  content: "\10f6b4"; }
+
+.fad.fa-bags-shopping:after {
+  content: "\10f847"; }
+
+.fad.fa-balance-scale:after {
+  content: "\10f24e"; }
+
+.fad.fa-balance-scale-left:after {
+  content: "\10f515"; }
+
+.fad.fa-balance-scale-right:after {
+  content: "\10f516"; }
+
+.fad.fa-ball-pile:after {
+  content: "\10f77e"; }
+
+.fad.fa-ballot:after {
+  content: "\10f732"; }
+
+.fad.fa-ballot-check:after {
+  content: "\10f733"; }
+
+.fad.fa-ban:after {
+  content: "\10f05e"; }
+
+.fad.fa-band-aid:after {
+  content: "\10f462"; }
+
+.fad.fa-barcode:after {
+  content: "\10f02a"; }
+
+.fad.fa-barcode-alt:after {
+  content: "\10f463"; }
+
+.fad.fa-barcode-read:after {
+  content: "\10f464"; }
+
+.fad.fa-barcode-scan:after {
+  content: "\10f465"; }
+
+.fad.fa-bars:after {
+  content: "\10f0c9"; }
+
+.fad.fa-baseball:after {
+  content: "\10f432"; }
+
+.fad.fa-baseball-ball:after {
+  content: "\10f433"; }
+
+.fad.fa-basketball-ball:after {
+  content: "\10f434"; }
+
+.fad.fa-basketball-hoop:after {
+  content: "\10f435"; }
+
+.fad.fa-bat:after {
+  content: "\10f6b5"; }
+
+.fad.fa-bath:after {
+  content: "\10f2cd"; }
+
+.fad.fa-battery-bolt:after {
+  content: "\10f376"; }
+
+.fad.fa-battery-empty:after {
+  content: "\10f244"; }
+
+.fad.fa-battery-full:after {
+  content: "\10f240"; }
+
+.fad.fa-battery-half:after {
+  content: "\10f242"; }
+
+.fad.fa-battery-quarter:after {
+  content: "\10f243"; }
+
+.fad.fa-battery-slash:after {
+  content: "\10f377"; }
+
+.fad.fa-battery-three-quarters:after {
+  content: "\10f241"; }
+
+.fad.fa-bed:after {
+  content: "\10f236"; }
+
+.fad.fa-beer:after {
+  content: "\10f0fc"; }
+
+.fad.fa-bell:after {
+  content: "\10f0f3"; }
+
+.fad.fa-bell-exclamation:after {
+  content: "\10f848"; }
+
+.fad.fa-bell-plus:after {
+  content: "\10f849"; }
+
+.fad.fa-bell-school:after {
+  content: "\10f5d5"; }
+
+.fad.fa-bell-school-slash:after {
+  content: "\10f5d6"; }
+
+.fad.fa-bell-slash:after {
+  content: "\10f1f6"; }
+
+.fad.fa-bells:after {
+  content: "\10f77f"; }
+
+.fad.fa-bezier-curve:after {
+  content: "\10f55b"; }
+
+.fad.fa-bible:after {
+  content: "\10f647"; }
+
+.fad.fa-bicycle:after {
+  content: "\10f206"; }
+
+.fad.fa-biking:after {
+  content: "\10f84a"; }
+
+.fad.fa-biking-mountain:after {
+  content: "\10f84b"; }
+
+.fad.fa-binoculars:after {
+  content: "\10f1e5"; }
+
+.fad.fa-biohazard:after {
+  content: "\10f780"; }
+
+.fad.fa-birthday-cake:after {
+  content: "\10f1fd"; }
+
+.fad.fa-blanket:after {
+  content: "\10f498"; }
+
+.fad.fa-blender:after {
+  content: "\10f517"; }
+
+.fad.fa-blender-phone:after {
+  content: "\10f6b6"; }
+
+.fad.fa-blind:after {
+  content: "\10f29d"; }
+
+.fad.fa-blog:after {
+  content: "\10f781"; }
+
+.fad.fa-bold:after {
+  content: "\10f032"; }
+
+.fad.fa-bolt:after {
+  content: "\10f0e7"; }
+
+.fad.fa-bomb:after {
+  content: "\10f1e2"; }
+
+.fad.fa-bone:after {
+  content: "\10f5d7"; }
+
+.fad.fa-bone-break:after {
+  content: "\10f5d8"; }
+
+.fad.fa-bong:after {
+  content: "\10f55c"; }
+
+.fad.fa-book:after {
+  content: "\10f02d"; }
+
+.fad.fa-book-alt:after {
+  content: "\10f5d9"; }
+
+.fad.fa-book-dead:after {
+  content: "\10f6b7"; }
+
+.fad.fa-book-heart:after {
+  content: "\10f499"; }
+
+.fad.fa-book-medical:after {
+  content: "\10f7e6"; }
+
+.fad.fa-book-open:after {
+  content: "\10f518"; }
+
+.fad.fa-book-reader:after {
+  content: "\10f5da"; }
+
+.fad.fa-book-spells:after {
+  content: "\10f6b8"; }
+
+.fad.fa-book-user:after {
+  content: "\10f7e7"; }
+
+.fad.fa-bookmark:after {
+  content: "\10f02e"; }
+
+.fad.fa-books:after {
+  content: "\10f5db"; }
+
+.fad.fa-books-medical:after {
+  content: "\10f7e8"; }
+
+.fad.fa-boot:after {
+  content: "\10f782"; }
+
+.fad.fa-booth-curtain:after {
+  content: "\10f734"; }
+
+.fad.fa-border-all:after {
+  content: "\10f84c"; }
+
+.fad.fa-border-bottom:after {
+  content: "\10f84d"; }
+
+.fad.fa-border-center-h:after {
+  content: "\10f89c"; }
+
+.fad.fa-border-center-v:after {
+  content: "\10f89d"; }
+
+.fad.fa-border-inner:after {
+  content: "\10f84e"; }
+
+.fad.fa-border-left:after {
+  content: "\10f84f"; }
+
+.fad.fa-border-none:after {
+  content: "\10f850"; }
+
+.fad.fa-border-outer:after {
+  content: "\10f851"; }
+
+.fad.fa-border-right:after {
+  content: "\10f852"; }
+
+.fad.fa-border-style:after {
+  content: "\10f853"; }
+
+.fad.fa-border-style-alt:after {
+  content: "\10f854"; }
+
+.fad.fa-border-top:after {
+  content: "\10f855"; }
+
+.fad.fa-bow-arrow:after {
+  content: "\10f6b9"; }
+
+.fad.fa-bowling-ball:after {
+  content: "\10f436"; }
+
+.fad.fa-bowling-pins:after {
+  content: "\10f437"; }
+
+.fad.fa-box:after {
+  content: "\10f466"; }
+
+.fad.fa-box-alt:after {
+  content: "\10f49a"; }
+
+.fad.fa-box-ballot:after {
+  content: "\10f735"; }
+
+.fad.fa-box-check:after {
+  content: "\10f467"; }
+
+.fad.fa-box-fragile:after {
+  content: "\10f49b"; }
+
+.fad.fa-box-full:after {
+  content: "\10f49c"; }
+
+.fad.fa-box-heart:after {
+  content: "\10f49d"; }
+
+.fad.fa-box-open:after {
+  content: "\10f49e"; }
+
+.fad.fa-box-up:after {
+  content: "\10f49f"; }
+
+.fad.fa-box-usd:after {
+  content: "\10f4a0"; }
+
+.fad.fa-boxes:after {
+  content: "\10f468"; }
+
+.fad.fa-boxes-alt:after {
+  content: "\10f4a1"; }
+
+.fad.fa-boxing-glove:after {
+  content: "\10f438"; }
+
+.fad.fa-brackets:after {
+  content: "\10f7e9"; }
+
+.fad.fa-brackets-curly:after {
+  content: "\10f7ea"; }
+
+.fad.fa-braille:after {
+  content: "\10f2a1"; }
+
+.fad.fa-brain:after {
+  content: "\10f5dc"; }
+
+.fad.fa-bread-loaf:after {
+  content: "\10f7eb"; }
+
+.fad.fa-bread-slice:after {
+  content: "\10f7ec"; }
+
+.fad.fa-briefcase:after {
+  content: "\10f0b1"; }
+
+.fad.fa-briefcase-medical:after {
+  content: "\10f469"; }
+
+.fad.fa-bring-forward:after {
+  content: "\10f856"; }
+
+.fad.fa-bring-front:after {
+  content: "\10f857"; }
+
+.fad.fa-broadcast-tower:after {
+  content: "\10f519"; }
+
+.fad.fa-broom:after {
+  content: "\10f51a"; }
+
+.fad.fa-browser:after {
+  content: "\10f37e"; }
+
+.fad.fa-brush:after {
+  content: "\10f55d"; }
+
+.fad.fa-bug:after {
+  content: "\10f188"; }
+
+.fad.fa-building:after {
+  content: "\10f1ad"; }
+
+.fad.fa-bullhorn:after {
+  content: "\10f0a1"; }
+
+.fad.fa-bullseye:after {
+  content: "\10f140"; }
+
+.fad.fa-bullseye-arrow:after {
+  content: "\10f648"; }
+
+.fad.fa-bullseye-pointer:after {
+  content: "\10f649"; }
+
+.fad.fa-burger-soda:after {
+  content: "\10f858"; }
+
+.fad.fa-burn:after {
+  content: "\10f46a"; }
+
+.fad.fa-burrito:after {
+  content: "\10f7ed"; }
+
+.fad.fa-bus:after {
+  content: "\10f207"; }
+
+.fad.fa-bus-alt:after {
+  content: "\10f55e"; }
+
+.fad.fa-bus-school:after {
+  content: "\10f5dd"; }
+
+.fad.fa-business-time:after {
+  content: "\10f64a"; }
+
+.fad.fa-cabinet-filing:after {
+  content: "\10f64b"; }
+
+.fad.fa-calculator:after {
+  content: "\10f1ec"; }
+
+.fad.fa-calculator-alt:after {
+  content: "\10f64c"; }
+
+.fad.fa-calendar:after {
+  content: "\10f133"; }
+
+.fad.fa-calendar-alt:after {
+  content: "\10f073"; }
+
+.fad.fa-calendar-check:after {
+  content: "\10f274"; }
+
+.fad.fa-calendar-day:after {
+  content: "\10f783"; }
+
+.fad.fa-calendar-edit:after {
+  content: "\10f333"; }
+
+.fad.fa-calendar-exclamation:after {
+  content: "\10f334"; }
+
+.fad.fa-calendar-minus:after {
+  content: "\10f272"; }
+
+.fad.fa-calendar-plus:after {
+  content: "\10f271"; }
+
+.fad.fa-calendar-star:after {
+  content: "\10f736"; }
+
+.fad.fa-calendar-times:after {
+  content: "\10f273"; }
+
+.fad.fa-calendar-week:after {
+  content: "\10f784"; }
+
+.fad.fa-camera:after {
+  content: "\10f030"; }
+
+.fad.fa-camera-alt:after {
+  content: "\10f332"; }
+
+.fad.fa-camera-retro:after {
+  content: "\10f083"; }
+
+.fad.fa-campfire:after {
+  content: "\10f6ba"; }
+
+.fad.fa-campground:after {
+  content: "\10f6bb"; }
+
+.fad.fa-candle-holder:after {
+  content: "\10f6bc"; }
+
+.fad.fa-candy-cane:after {
+  content: "\10f786"; }
+
+.fad.fa-candy-corn:after {
+  content: "\10f6bd"; }
+
+.fad.fa-cannabis:after {
+  content: "\10f55f"; }
+
+.fad.fa-capsules:after {
+  content: "\10f46b"; }
+
+.fad.fa-car:after {
+  content: "\10f1b9"; }
+
+.fad.fa-car-alt:after {
+  content: "\10f5de"; }
+
+.fad.fa-car-battery:after {
+  content: "\10f5df"; }
+
+.fad.fa-car-building:after {
+  content: "\10f859"; }
+
+.fad.fa-car-bump:after {
+  content: "\10f5e0"; }
+
+.fad.fa-car-bus:after {
+  content: "\10f85a"; }
+
+.fad.fa-car-crash:after {
+  content: "\10f5e1"; }
+
+.fad.fa-car-garage:after {
+  content: "\10f5e2"; }
+
+.fad.fa-car-mechanic:after {
+  content: "\10f5e3"; }
+
+.fad.fa-car-side:after {
+  content: "\10f5e4"; }
+
+.fad.fa-car-tilt:after {
+  content: "\10f5e5"; }
+
+.fad.fa-car-wash:after {
+  content: "\10f5e6"; }
+
+.fad.fa-caret-circle-down:after {
+  content: "\10f32d"; }
+
+.fad.fa-caret-circle-left:after {
+  content: "\10f32e"; }
+
+.fad.fa-caret-circle-right:after {
+  content: "\10f330"; }
+
+.fad.fa-caret-circle-up:after {
+  content: "\10f331"; }
+
+.fad.fa-caret-down:after {
+  content: "\10f0d7"; }
+
+.fad.fa-caret-left:after {
+  content: "\10f0d9"; }
+
+.fad.fa-caret-right:after {
+  content: "\10f0da"; }
+
+.fad.fa-caret-square-down:after {
+  content: "\10f150"; }
+
+.fad.fa-caret-square-left:after {
+  content: "\10f191"; }
+
+.fad.fa-caret-square-right:after {
+  content: "\10f152"; }
+
+.fad.fa-caret-square-up:after {
+  content: "\10f151"; }
+
+.fad.fa-caret-up:after {
+  content: "\10f0d8"; }
+
+.fad.fa-carrot:after {
+  content: "\10f787"; }
+
+.fad.fa-cars:after {
+  content: "\10f85b"; }
+
+.fad.fa-cart-arrow-down:after {
+  content: "\10f218"; }
+
+.fad.fa-cart-plus:after {
+  content: "\10f217"; }
+
+.fad.fa-cash-register:after {
+  content: "\10f788"; }
+
+.fad.fa-cat:after {
+  content: "\10f6be"; }
+
+.fad.fa-cauldron:after {
+  content: "\10f6bf"; }
+
+.fad.fa-certificate:after {
+  content: "\10f0a3"; }
+
+.fad.fa-chair:after {
+  content: "\10f6c0"; }
+
+.fad.fa-chair-office:after {
+  content: "\10f6c1"; }
+
+.fad.fa-chalkboard:after {
+  content: "\10f51b"; }
+
+.fad.fa-chalkboard-teacher:after {
+  content: "\10f51c"; }
+
+.fad.fa-charging-station:after {
+  content: "\10f5e7"; }
+
+.fad.fa-chart-area:after {
+  content: "\10f1fe"; }
+
+.fad.fa-chart-bar:after {
+  content: "\10f080"; }
+
+.fad.fa-chart-line:after {
+  content: "\10f201"; }
+
+.fad.fa-chart-line-down:after {
+  content: "\10f64d"; }
+
+.fad.fa-chart-network:after {
+  content: "\10f78a"; }
+
+.fad.fa-chart-pie:after {
+  content: "\10f200"; }
+
+.fad.fa-chart-pie-alt:after {
+  content: "\10f64e"; }
+
+.fad.fa-chart-scatter:after {
+  content: "\10f7ee"; }
+
+.fad.fa-check:after {
+  content: "\10f00c"; }
+
+.fad.fa-check-circle:after {
+  content: "\10f058"; }
+
+.fad.fa-check-double:after {
+  content: "\10f560"; }
+
+.fad.fa-check-square:after {
+  content: "\10f14a"; }
+
+.fad.fa-cheese:after {
+  content: "\10f7ef"; }
+
+.fad.fa-cheese-swiss:after {
+  content: "\10f7f0"; }
+
+.fad.fa-cheeseburger:after {
+  content: "\10f7f1"; }
+
+.fad.fa-chess:after {
+  content: "\10f439"; }
+
+.fad.fa-chess-bishop:after {
+  content: "\10f43a"; }
+
+.fad.fa-chess-bishop-alt:after {
+  content: "\10f43b"; }
+
+.fad.fa-chess-board:after {
+  content: "\10f43c"; }
+
+.fad.fa-chess-clock:after {
+  content: "\10f43d"; }
+
+.fad.fa-chess-clock-alt:after {
+  content: "\10f43e"; }
+
+.fad.fa-chess-king:after {
+  content: "\10f43f"; }
+
+.fad.fa-chess-king-alt:after {
+  content: "\10f440"; }
+
+.fad.fa-chess-knight:after {
+  content: "\10f441"; }
+
+.fad.fa-chess-knight-alt:after {
+  content: "\10f442"; }
+
+.fad.fa-chess-pawn:after {
+  content: "\10f443"; }
+
+.fad.fa-chess-pawn-alt:after {
+  content: "\10f444"; }
+
+.fad.fa-chess-queen:after {
+  content: "\10f445"; }
+
+.fad.fa-chess-queen-alt:after {
+  content: "\10f446"; }
+
+.fad.fa-chess-rook:after {
+  content: "\10f447"; }
+
+.fad.fa-chess-rook-alt:after {
+  content: "\10f448"; }
+
+.fad.fa-chevron-circle-down:after {
+  content: "\10f13a"; }
+
+.fad.fa-chevron-circle-left:after {
+  content: "\10f137"; }
+
+.fad.fa-chevron-circle-right:after {
+  content: "\10f138"; }
+
+.fad.fa-chevron-circle-up:after {
+  content: "\10f139"; }
+
+.fad.fa-chevron-double-down:after {
+  content: "\10f322"; }
+
+.fad.fa-chevron-double-left:after {
+  content: "\10f323"; }
+
+.fad.fa-chevron-double-right:after {
+  content: "\10f324"; }
+
+.fad.fa-chevron-double-up:after {
+  content: "\10f325"; }
+
+.fad.fa-chevron-down:after {
+  content: "\10f078"; }
+
+.fad.fa-chevron-left:after {
+  content: "\10f053"; }
+
+.fad.fa-chevron-right:after {
+  content: "\10f054"; }
+
+.fad.fa-chevron-square-down:after {
+  content: "\10f329"; }
+
+.fad.fa-chevron-square-left:after {
+  content: "\10f32a"; }
+
+.fad.fa-chevron-square-right:after {
+  content: "\10f32b"; }
+
+.fad.fa-chevron-square-up:after {
+  content: "\10f32c"; }
+
+.fad.fa-chevron-up:after {
+  content: "\10f077"; }
+
+.fad.fa-child:after {
+  content: "\10f1ae"; }
+
+.fad.fa-chimney:after {
+  content: "\10f78b"; }
+
+.fad.fa-church:after {
+  content: "\10f51d"; }
+
+.fad.fa-circle:after {
+  content: "\10f111"; }
+
+.fad.fa-circle-notch:after {
+  content: "\10f1ce"; }
+
+.fad.fa-city:after {
+  content: "\10f64f"; }
+
+.fad.fa-claw-marks:after {
+  content: "\10f6c2"; }
+
+.fad.fa-clinic-medical:after {
+  content: "\10f7f2"; }
+
+.fad.fa-clipboard:after {
+  content: "\10f328"; }
+
+.fad.fa-clipboard-check:after {
+  content: "\10f46c"; }
+
+.fad.fa-clipboard-list:after {
+  content: "\10f46d"; }
+
+.fad.fa-clipboard-list-check:after {
+  content: "\10f737"; }
+
+.fad.fa-clipboard-prescription:after {
+  content: "\10f5e8"; }
+
+.fad.fa-clipboard-user:after {
+  content: "\10f7f3"; }
+
+.fad.fa-clock:after {
+  content: "\10f017"; }
+
+.fad.fa-clone:after {
+  content: "\10f24d"; }
+
+.fad.fa-closed-captioning:after {
+  content: "\10f20a"; }
+
+.fad.fa-cloud:after {
+  content: "\10f0c2"; }
+
+.fad.fa-cloud-download:after {
+  content: "\10f0ed"; }
+
+.fad.fa-cloud-download-alt:after {
+  content: "\10f381"; }
+
+.fad.fa-cloud-drizzle:after {
+  content: "\10f738"; }
+
+.fad.fa-cloud-hail:after {
+  content: "\10f739"; }
+
+.fad.fa-cloud-hail-mixed:after {
+  content: "\10f73a"; }
+
+.fad.fa-cloud-meatball:after {
+  content: "\10f73b"; }
+
+.fad.fa-cloud-moon:after {
+  content: "\10f6c3"; }
+
+.fad.fa-cloud-moon-rain:after {
+  content: "\10f73c"; }
+
+.fad.fa-cloud-rain:after {
+  content: "\10f73d"; }
+
+.fad.fa-cloud-rainbow:after {
+  content: "\10f73e"; }
+
+.fad.fa-cloud-showers:after {
+  content: "\10f73f"; }
+
+.fad.fa-cloud-showers-heavy:after {
+  content: "\10f740"; }
+
+.fad.fa-cloud-sleet:after {
+  content: "\10f741"; }
+
+.fad.fa-cloud-snow:after {
+  content: "\10f742"; }
+
+.fad.fa-cloud-sun:after {
+  content: "\10f6c4"; }
+
+.fad.fa-cloud-sun-rain:after {
+  content: "\10f743"; }
+
+.fad.fa-cloud-upload:after {
+  content: "\10f0ee"; }
+
+.fad.fa-cloud-upload-alt:after {
+  content: "\10f382"; }
+
+.fad.fa-clouds:after {
+  content: "\10f744"; }
+
+.fad.fa-clouds-moon:after {
+  content: "\10f745"; }
+
+.fad.fa-clouds-sun:after {
+  content: "\10f746"; }
+
+.fad.fa-club:after {
+  content: "\10f327"; }
+
+.fad.fa-cocktail:after {
+  content: "\10f561"; }
+
+.fad.fa-code:after {
+  content: "\10f121"; }
+
+.fad.fa-code-branch:after {
+  content: "\10f126"; }
+
+.fad.fa-code-commit:after {
+  content: "\10f386"; }
+
+.fad.fa-code-merge:after {
+  content: "\10f387"; }
+
+.fad.fa-coffee:after {
+  content: "\10f0f4"; }
+
+.fad.fa-coffee-togo:after {
+  content: "\10f6c5"; }
+
+.fad.fa-coffin:after {
+  content: "\10f6c6"; }
+
+.fad.fa-cog:after {
+  content: "\10f013"; }
+
+.fad.fa-cogs:after {
+  content: "\10f085"; }
+
+.fad.fa-coin:after {
+  content: "\10f85c"; }
+
+.fad.fa-coins:after {
+  content: "\10f51e"; }
+
+.fad.fa-columns:after {
+  content: "\10f0db"; }
+
+.fad.fa-comment:after {
+  content: "\10f075"; }
+
+.fad.fa-comment-alt:after {
+  content: "\10f27a"; }
+
+.fad.fa-comment-alt-check:after {
+  content: "\10f4a2"; }
+
+.fad.fa-comment-alt-dollar:after {
+  content: "\10f650"; }
+
+.fad.fa-comment-alt-dots:after {
+  content: "\10f4a3"; }
+
+.fad.fa-comment-alt-edit:after {
+  content: "\10f4a4"; }
+
+.fad.fa-comment-alt-exclamation:after {
+  content: "\10f4a5"; }
+
+.fad.fa-comment-alt-lines:after {
+  content: "\10f4a6"; }
+
+.fad.fa-comment-alt-medical:after {
+  content: "\10f7f4"; }
+
+.fad.fa-comment-alt-minus:after {
+  content: "\10f4a7"; }
+
+.fad.fa-comment-alt-plus:after {
+  content: "\10f4a8"; }
+
+.fad.fa-comment-alt-slash:after {
+  content: "\10f4a9"; }
+
+.fad.fa-comment-alt-smile:after {
+  content: "\10f4aa"; }
+
+.fad.fa-comment-alt-times:after {
+  content: "\10f4ab"; }
+
+.fad.fa-comment-check:after {
+  content: "\10f4ac"; }
+
+.fad.fa-comment-dollar:after {
+  content: "\10f651"; }
+
+.fad.fa-comment-dots:after {
+  content: "\10f4ad"; }
+
+.fad.fa-comment-edit:after {
+  content: "\10f4ae"; }
+
+.fad.fa-comment-exclamation:after {
+  content: "\10f4af"; }
+
+.fad.fa-comment-lines:after {
+  content: "\10f4b0"; }
+
+.fad.fa-comment-medical:after {
+  content: "\10f7f5"; }
+
+.fad.fa-comment-minus:after {
+  content: "\10f4b1"; }
+
+.fad.fa-comment-plus:after {
+  content: "\10f4b2"; }
+
+.fad.fa-comment-slash:after {
+  content: "\10f4b3"; }
+
+.fad.fa-comment-smile:after {
+  content: "\10f4b4"; }
+
+.fad.fa-comment-times:after {
+  content: "\10f4b5"; }
+
+.fad.fa-comments:after {
+  content: "\10f086"; }
+
+.fad.fa-comments-alt:after {
+  content: "\10f4b6"; }
+
+.fad.fa-comments-alt-dollar:after {
+  content: "\10f652"; }
+
+.fad.fa-comments-dollar:after {
+  content: "\10f653"; }
+
+.fad.fa-compact-disc:after {
+  content: "\10f51f"; }
+
+.fad.fa-compass:after {
+  content: "\10f14e"; }
+
+.fad.fa-compass-slash:after {
+  content: "\10f5e9"; }
+
+.fad.fa-compress:after {
+  content: "\10f066"; }
+
+.fad.fa-compress-alt:after {
+  content: "\10f422"; }
+
+.fad.fa-compress-arrows-alt:after {
+  content: "\10f78c"; }
+
+.fad.fa-compress-wide:after {
+  content: "\10f326"; }
+
+.fad.fa-concierge-bell:after {
+  content: "\10f562"; }
+
+.fad.fa-construction:after {
+  content: "\10f85d"; }
+
+.fad.fa-container-storage:after {
+  content: "\10f4b7"; }
+
+.fad.fa-conveyor-belt:after {
+  content: "\10f46e"; }
+
+.fad.fa-conveyor-belt-alt:after {
+  content: "\10f46f"; }
+
+.fad.fa-cookie:after {
+  content: "\10f563"; }
+
+.fad.fa-cookie-bite:after {
+  content: "\10f564"; }
+
+.fad.fa-copy:after {
+  content: "\10f0c5"; }
+
+.fad.fa-copyright:after {
+  content: "\10f1f9"; }
+
+.fad.fa-corn:after {
+  content: "\10f6c7"; }
+
+.fad.fa-couch:after {
+  content: "\10f4b8"; }
+
+.fad.fa-cow:after {
+  content: "\10f6c8"; }
+
+.fad.fa-credit-card:after {
+  content: "\10f09d"; }
+
+.fad.fa-credit-card-blank:after {
+  content: "\10f389"; }
+
+.fad.fa-credit-card-front:after {
+  content: "\10f38a"; }
+
+.fad.fa-cricket:after {
+  content: "\10f449"; }
+
+.fad.fa-croissant:after {
+  content: "\10f7f6"; }
+
+.fad.fa-crop:after {
+  content: "\10f125"; }
+
+.fad.fa-crop-alt:after {
+  content: "\10f565"; }
+
+.fad.fa-cross:after {
+  content: "\10f654"; }
+
+.fad.fa-crosshairs:after {
+  content: "\10f05b"; }
+
+.fad.fa-crow:after {
+  content: "\10f520"; }
+
+.fad.fa-crown:after {
+  content: "\10f521"; }
+
+.fad.fa-crutch:after {
+  content: "\10f7f7"; }
+
+.fad.fa-crutches:after {
+  content: "\10f7f8"; }
+
+.fad.fa-cube:after {
+  content: "\10f1b2"; }
+
+.fad.fa-cubes:after {
+  content: "\10f1b3"; }
+
+.fad.fa-curling:after {
+  content: "\10f44a"; }
+
+.fad.fa-cut:after {
+  content: "\10f0c4"; }
+
+.fad.fa-dagger:after {
+  content: "\10f6cb"; }
+
+.fad.fa-database:after {
+  content: "\10f1c0"; }
+
+.fad.fa-deaf:after {
+  content: "\10f2a4"; }
+
+.fad.fa-debug:after {
+  content: "\10f7f9"; }
+
+.fad.fa-deer:after {
+  content: "\10f78e"; }
+
+.fad.fa-deer-rudolph:after {
+  content: "\10f78f"; }
+
+.fad.fa-democrat:after {
+  content: "\10f747"; }
+
+.fad.fa-desktop:after {
+  content: "\10f108"; }
+
+.fad.fa-desktop-alt:after {
+  content: "\10f390"; }
+
+.fad.fa-dewpoint:after {
+  content: "\10f748"; }
+
+.fad.fa-dharmachakra:after {
+  content: "\10f655"; }
+
+.fad.fa-diagnoses:after {
+  content: "\10f470"; }
+
+.fad.fa-diamond:after {
+  content: "\10f219"; }
+
+.fad.fa-dice:after {
+  content: "\10f522"; }
+
+.fad.fa-dice-d10:after {
+  content: "\10f6cd"; }
+
+.fad.fa-dice-d12:after {
+  content: "\10f6ce"; }
+
+.fad.fa-dice-d20:after {
+  content: "\10f6cf"; }
+
+.fad.fa-dice-d4:after {
+  content: "\10f6d0"; }
+
+.fad.fa-dice-d6:after {
+  content: "\10f6d1"; }
+
+.fad.fa-dice-d8:after {
+  content: "\10f6d2"; }
+
+.fad.fa-dice-five:after {
+  content: "\10f523"; }
+
+.fad.fa-dice-four:after {
+  content: "\10f524"; }
+
+.fad.fa-dice-one:after {
+  content: "\10f525"; }
+
+.fad.fa-dice-six:after {
+  content: "\10f526"; }
+
+.fad.fa-dice-three:after {
+  content: "\10f527"; }
+
+.fad.fa-dice-two:after {
+  content: "\10f528"; }
+
+.fad.fa-digging:after {
+  content: "\10f85e"; }
+
+.fad.fa-digital-tachograph:after {
+  content: "\10f566"; }
+
+.fad.fa-diploma:after {
+  content: "\10f5ea"; }
+
+.fad.fa-directions:after {
+  content: "\10f5eb"; }
+
+.fad.fa-disease:after {
+  content: "\10f7fa"; }
+
+.fad.fa-divide:after {
+  content: "\10f529"; }
+
+.fad.fa-dizzy:after {
+  content: "\10f567"; }
+
+.fad.fa-dna:after {
+  content: "\10f471"; }
+
+.fad.fa-do-not-enter:after {
+  content: "\10f5ec"; }
+
+.fad.fa-dog:after {
+  content: "\10f6d3"; }
+
+.fad.fa-dog-leashed:after {
+  content: "\10f6d4"; }
+
+.fad.fa-dollar-sign:after {
+  content: "\10f155"; }
+
+.fad.fa-dolly:after {
+  content: "\10f472"; }
+
+.fad.fa-dolly-empty:after {
+  content: "\10f473"; }
+
+.fad.fa-dolly-flatbed:after {
+  content: "\10f474"; }
+
+.fad.fa-dolly-flatbed-alt:after {
+  content: "\10f475"; }
+
+.fad.fa-dolly-flatbed-empty:after {
+  content: "\10f476"; }
+
+.fad.fa-donate:after {
+  content: "\10f4b9"; }
+
+.fad.fa-door-closed:after {
+  content: "\10f52a"; }
+
+.fad.fa-door-open:after {
+  content: "\10f52b"; }
+
+.fad.fa-dot-circle:after {
+  content: "\10f192"; }
+
+.fad.fa-dove:after {
+  content: "\10f4ba"; }
+
+.fad.fa-download:after {
+  content: "\10f019"; }
+
+.fad.fa-drafting-compass:after {
+  content: "\10f568"; }
+
+.fad.fa-dragon:after {
+  content: "\10f6d5"; }
+
+.fad.fa-draw-circle:after {
+  content: "\10f5ed"; }
+
+.fad.fa-draw-polygon:after {
+  content: "\10f5ee"; }
+
+.fad.fa-draw-square:after {
+  content: "\10f5ef"; }
+
+.fad.fa-dreidel:after {
+  content: "\10f792"; }
+
+.fad.fa-drone:after {
+  content: "\10f85f"; }
+
+.fad.fa-drone-alt:after {
+  content: "\10f860"; }
+
+.fad.fa-drum:after {
+  content: "\10f569"; }
+
+.fad.fa-drum-steelpan:after {
+  content: "\10f56a"; }
+
+.fad.fa-drumstick:after {
+  content: "\10f6d6"; }
+
+.fad.fa-drumstick-bite:after {
+  content: "\10f6d7"; }
+
+.fad.fa-dryer:after {
+  content: "\10f861"; }
+
+.fad.fa-dryer-alt:after {
+  content: "\10f862"; }
+
+.fad.fa-duck:after {
+  content: "\10f6d8"; }
+
+.fad.fa-dumbbell:after {
+  content: "\10f44b"; }
+
+.fad.fa-dumpster:after {
+  content: "\10f793"; }
+
+.fad.fa-dumpster-fire:after {
+  content: "\10f794"; }
+
+.fad.fa-dungeon:after {
+  content: "\10f6d9"; }
+
+.fad.fa-ear:after {
+  content: "\10f5f0"; }
+
+.fad.fa-ear-muffs:after {
+  content: "\10f795"; }
+
+.fad.fa-eclipse:after {
+  content: "\10f749"; }
+
+.fad.fa-eclipse-alt:after {
+  content: "\10f74a"; }
+
+.fad.fa-edit:after {
+  content: "\10f044"; }
+
+.fad.fa-egg:after {
+  content: "\10f7fb"; }
+
+.fad.fa-egg-fried:after {
+  content: "\10f7fc"; }
+
+.fad.fa-eject:after {
+  content: "\10f052"; }
+
+.fad.fa-elephant:after {
+  content: "\10f6da"; }
+
+.fad.fa-ellipsis-h:after {
+  content: "\10f141"; }
+
+.fad.fa-ellipsis-h-alt:after {
+  content: "\10f39b"; }
+
+.fad.fa-ellipsis-v:after {
+  content: "\10f142"; }
+
+.fad.fa-ellipsis-v-alt:after {
+  content: "\10f39c"; }
+
+.fad.fa-empty-set:after {
+  content: "\10f656"; }
+
+.fad.fa-engine-warning:after {
+  content: "\10f5f2"; }
+
+.fad.fa-envelope:after {
+  content: "\10f0e0"; }
+
+.fad.fa-envelope-open:after {
+  content: "\10f2b6"; }
+
+.fad.fa-envelope-open-dollar:after {
+  content: "\10f657"; }
+
+.fad.fa-envelope-open-text:after {
+  content: "\10f658"; }
+
+.fad.fa-envelope-square:after {
+  content: "\10f199"; }
+
+.fad.fa-equals:after {
+  content: "\10f52c"; }
+
+.fad.fa-eraser:after {
+  content: "\10f12d"; }
+
+.fad.fa-ethernet:after {
+  content: "\10f796"; }
+
+.fad.fa-euro-sign:after {
+  content: "\10f153"; }
+
+.fad.fa-exchange:after {
+  content: "\10f0ec"; }
+
+.fad.fa-exchange-alt:after {
+  content: "\10f362"; }
+
+.fad.fa-exclamation:after {
+  content: "\10f12a"; }
+
+.fad.fa-exclamation-circle:after {
+  content: "\10f06a"; }
+
+.fad.fa-exclamation-square:after {
+  content: "\10f321"; }
+
+.fad.fa-exclamation-triangle:after {
+  content: "\10f071"; }
+
+.fad.fa-expand:after {
+  content: "\10f065"; }
+
+.fad.fa-expand-alt:after {
+  content: "\10f424"; }
+
+.fad.fa-expand-arrows:after {
+  content: "\10f31d"; }
+
+.fad.fa-expand-arrows-alt:after {
+  content: "\10f31e"; }
+
+.fad.fa-expand-wide:after {
+  content: "\10f320"; }
+
+.fad.fa-external-link:after {
+  content: "\10f08e"; }
+
+.fad.fa-external-link-alt:after {
+  content: "\10f35d"; }
+
+.fad.fa-external-link-square:after {
+  content: "\10f14c"; }
+
+.fad.fa-external-link-square-alt:after {
+  content: "\10f360"; }
+
+.fad.fa-eye:after {
+  content: "\10f06e"; }
+
+.fad.fa-eye-dropper:after {
+  content: "\10f1fb"; }
+
+.fad.fa-eye-evil:after {
+  content: "\10f6db"; }
+
+.fad.fa-eye-slash:after {
+  content: "\10f070"; }
+
+.fad.fa-fan:after {
+  content: "\10f863"; }
+
+.fad.fa-farm:after {
+  content: "\10f864"; }
+
+.fad.fa-fast-backward:after {
+  content: "\10f049"; }
+
+.fad.fa-fast-forward:after {
+  content: "\10f050"; }
+
+.fad.fa-fax:after {
+  content: "\10f1ac"; }
+
+.fad.fa-feather:after {
+  content: "\10f52d"; }
+
+.fad.fa-feather-alt:after {
+  content: "\10f56b"; }
+
+.fad.fa-female:after {
+  content: "\10f182"; }
+
+.fad.fa-field-hockey:after {
+  content: "\10f44c"; }
+
+.fad.fa-fighter-jet:after {
+  content: "\10f0fb"; }
+
+.fad.fa-file:after {
+  content: "\10f15b"; }
+
+.fad.fa-file-alt:after {
+  content: "\10f15c"; }
+
+.fad.fa-file-archive:after {
+  content: "\10f1c6"; }
+
+.fad.fa-file-audio:after {
+  content: "\10f1c7"; }
+
+.fad.fa-file-certificate:after {
+  content: "\10f5f3"; }
+
+.fad.fa-file-chart-line:after {
+  content: "\10f659"; }
+
+.fad.fa-file-chart-pie:after {
+  content: "\10f65a"; }
+
+.fad.fa-file-check:after {
+  content: "\10f316"; }
+
+.fad.fa-file-code:after {
+  content: "\10f1c9"; }
+
+.fad.fa-file-contract:after {
+  content: "\10f56c"; }
+
+.fad.fa-file-csv:after {
+  content: "\10f6dd"; }
+
+.fad.fa-file-download:after {
+  content: "\10f56d"; }
+
+.fad.fa-file-edit:after {
+  content: "\10f31c"; }
+
+.fad.fa-file-excel:after {
+  content: "\10f1c3"; }
+
+.fad.fa-file-exclamation:after {
+  content: "\10f31a"; }
+
+.fad.fa-file-export:after {
+  content: "\10f56e"; }
+
+.fad.fa-file-image:after {
+  content: "\10f1c5"; }
+
+.fad.fa-file-import:after {
+  content: "\10f56f"; }
+
+.fad.fa-file-invoice:after {
+  content: "\10f570"; }
+
+.fad.fa-file-invoice-dollar:after {
+  content: "\10f571"; }
+
+.fad.fa-file-medical:after {
+  content: "\10f477"; }
+
+.fad.fa-file-medical-alt:after {
+  content: "\10f478"; }
+
+.fad.fa-file-minus:after {
+  content: "\10f318"; }
+
+.fad.fa-file-pdf:after {
+  content: "\10f1c1"; }
+
+.fad.fa-file-plus:after {
+  content: "\10f319"; }
+
+.fad.fa-file-powerpoint:after {
+  content: "\10f1c4"; }
+
+.fad.fa-file-prescription:after {
+  content: "\10f572"; }
+
+.fad.fa-file-search:after {
+  content: "\10f865"; }
+
+.fad.fa-file-signature:after {
+  content: "\10f573"; }
+
+.fad.fa-file-spreadsheet:after {
+  content: "\10f65b"; }
+
+.fad.fa-file-times:after {
+  content: "\10f317"; }
+
+.fad.fa-file-upload:after {
+  content: "\10f574"; }
+
+.fad.fa-file-user:after {
+  content: "\10f65c"; }
+
+.fad.fa-file-video:after {
+  content: "\10f1c8"; }
+
+.fad.fa-file-word:after {
+  content: "\10f1c2"; }
+
+.fad.fa-files-medical:after {
+  content: "\10f7fd"; }
+
+.fad.fa-fill:after {
+  content: "\10f575"; }
+
+.fad.fa-fill-drip:after {
+  content: "\10f576"; }
+
+.fad.fa-film:after {
+  content: "\10f008"; }
+
+.fad.fa-film-alt:after {
+  content: "\10f3a0"; }
+
+.fad.fa-filter:after {
+  content: "\10f0b0"; }
+
+.fad.fa-fingerprint:after {
+  content: "\10f577"; }
+
+.fad.fa-fire:after {
+  content: "\10f06d"; }
+
+.fad.fa-fire-alt:after {
+  content: "\10f7e4"; }
+
+.fad.fa-fire-extinguisher:after {
+  content: "\10f134"; }
+
+.fad.fa-fire-smoke:after {
+  content: "\10f74b"; }
+
+.fad.fa-fireplace:after {
+  content: "\10f79a"; }
+
+.fad.fa-first-aid:after {
+  content: "\10f479"; }
+
+.fad.fa-fish:after {
+  content: "\10f578"; }
+
+.fad.fa-fish-cooked:after {
+  content: "\10f7fe"; }
+
+.fad.fa-fist-raised:after {
+  content: "\10f6de"; }
+
+.fad.fa-flag:after {
+  content: "\10f024"; }
+
+.fad.fa-flag-alt:after {
+  content: "\10f74c"; }
+
+.fad.fa-flag-checkered:after {
+  content: "\10f11e"; }
+
+.fad.fa-flag-usa:after {
+  content: "\10f74d"; }
+
+.fad.fa-flame:after {
+  content: "\10f6df"; }
+
+.fad.fa-flask:after {
+  content: "\10f0c3"; }
+
+.fad.fa-flask-poison:after {
+  content: "\10f6e0"; }
+
+.fad.fa-flask-potion:after {
+  content: "\10f6e1"; }
+
+.fad.fa-flower:after {
+  content: "\10f7ff"; }
+
+.fad.fa-flower-daffodil:after {
+  content: "\10f800"; }
+
+.fad.fa-flower-tulip:after {
+  content: "\10f801"; }
+
+.fad.fa-flushed:after {
+  content: "\10f579"; }
+
+.fad.fa-fog:after {
+  content: "\10f74e"; }
+
+.fad.fa-folder:after {
+  content: "\10f07b"; }
+
+.fad.fa-folder-minus:after {
+  content: "\10f65d"; }
+
+.fad.fa-folder-open:after {
+  content: "\10f07c"; }
+
+.fad.fa-folder-plus:after {
+  content: "\10f65e"; }
+
+.fad.fa-folder-times:after {
+  content: "\10f65f"; }
+
+.fad.fa-folder-tree:after {
+  content: "\10f802"; }
+
+.fad.fa-folders:after {
+  content: "\10f660"; }
+
+.fad.fa-font:after {
+  content: "\10f031"; }
+
+.fad.fa-font-awesome-logo-full:after {
+  content: "\10f4e6"; }
+
+.fad.fa-font-case:after {
+  content: "\10f866"; }
+
+.fad.fa-football-ball:after {
+  content: "\10f44e"; }
+
+.fad.fa-football-helmet:after {
+  content: "\10f44f"; }
+
+.fad.fa-forklift:after {
+  content: "\10f47a"; }
+
+.fad.fa-forward:after {
+  content: "\10f04e"; }
+
+.fad.fa-fragile:after {
+  content: "\10f4bb"; }
+
+.fad.fa-french-fries:after {
+  content: "\10f803"; }
+
+.fad.fa-frog:after {
+  content: "\10f52e"; }
+
+.fad.fa-frosty-head:after {
+  content: "\10f79b"; }
+
+.fad.fa-frown:after {
+  content: "\10f119"; }
+
+.fad.fa-frown-open:after {
+  content: "\10f57a"; }
+
+.fad.fa-function:after {
+  content: "\10f661"; }
+
+.fad.fa-funnel-dollar:after {
+  content: "\10f662"; }
+
+.fad.fa-futbol:after {
+  content: "\10f1e3"; }
+
+.fad.fa-game-board:after {
+  content: "\10f867"; }
+
+.fad.fa-game-board-alt:after {
+  content: "\10f868"; }
+
+.fad.fa-gamepad:after {
+  content: "\10f11b"; }
+
+.fad.fa-gas-pump:after {
+  content: "\10f52f"; }
+
+.fad.fa-gas-pump-slash:after {
+  content: "\10f5f4"; }
+
+.fad.fa-gavel:after {
+  content: "\10f0e3"; }
+
+.fad.fa-gem:after {
+  content: "\10f3a5"; }
+
+.fad.fa-genderless:after {
+  content: "\10f22d"; }
+
+.fad.fa-ghost:after {
+  content: "\10f6e2"; }
+
+.fad.fa-gift:after {
+  content: "\10f06b"; }
+
+.fad.fa-gift-card:after {
+  content: "\10f663"; }
+
+.fad.fa-gifts:after {
+  content: "\10f79c"; }
+
+.fad.fa-gingerbread-man:after {
+  content: "\10f79d"; }
+
+.fad.fa-glass:after {
+  content: "\10f804"; }
+
+.fad.fa-glass-champagne:after {
+  content: "\10f79e"; }
+
+.fad.fa-glass-cheers:after {
+  content: "\10f79f"; }
+
+.fad.fa-glass-citrus:after {
+  content: "\10f869"; }
+
+.fad.fa-glass-martini:after {
+  content: "\10f000"; }
+
+.fad.fa-glass-martini-alt:after {
+  content: "\10f57b"; }
+
+.fad.fa-glass-whiskey:after {
+  content: "\10f7a0"; }
+
+.fad.fa-glass-whiskey-rocks:after {
+  content: "\10f7a1"; }
+
+.fad.fa-glasses:after {
+  content: "\10f530"; }
+
+.fad.fa-glasses-alt:after {
+  content: "\10f5f5"; }
+
+.fad.fa-globe:after {
+  content: "\10f0ac"; }
+
+.fad.fa-globe-africa:after {
+  content: "\10f57c"; }
+
+.fad.fa-globe-americas:after {
+  content: "\10f57d"; }
+
+.fad.fa-globe-asia:after {
+  content: "\10f57e"; }
+
+.fad.fa-globe-europe:after {
+  content: "\10f7a2"; }
+
+.fad.fa-globe-snow:after {
+  content: "\10f7a3"; }
+
+.fad.fa-globe-stand:after {
+  content: "\10f5f6"; }
+
+.fad.fa-golf-ball:after {
+  content: "\10f450"; }
+
+.fad.fa-golf-club:after {
+  content: "\10f451"; }
+
+.fad.fa-gopuram:after {
+  content: "\10f664"; }
+
+.fad.fa-graduation-cap:after {
+  content: "\10f19d"; }
+
+.fad.fa-greater-than:after {
+  content: "\10f531"; }
+
+.fad.fa-greater-than-equal:after {
+  content: "\10f532"; }
+
+.fad.fa-grimace:after {
+  content: "\10f57f"; }
+
+.fad.fa-grin:after {
+  content: "\10f580"; }
+
+.fad.fa-grin-alt:after {
+  content: "\10f581"; }
+
+.fad.fa-grin-beam:after {
+  content: "\10f582"; }
+
+.fad.fa-grin-beam-sweat:after {
+  content: "\10f583"; }
+
+.fad.fa-grin-hearts:after {
+  content: "\10f584"; }
+
+.fad.fa-grin-squint:after {
+  content: "\10f585"; }
+
+.fad.fa-grin-squint-tears:after {
+  content: "\10f586"; }
+
+.fad.fa-grin-stars:after {
+  content: "\10f587"; }
+
+.fad.fa-grin-tears:after {
+  content: "\10f588"; }
+
+.fad.fa-grin-tongue:after {
+  content: "\10f589"; }
+
+.fad.fa-grin-tongue-squint:after {
+  content: "\10f58a"; }
+
+.fad.fa-grin-tongue-wink:after {
+  content: "\10f58b"; }
+
+.fad.fa-grin-wink:after {
+  content: "\10f58c"; }
+
+.fad.fa-grip-horizontal:after {
+  content: "\10f58d"; }
+
+.fad.fa-grip-lines:after {
+  content: "\10f7a4"; }
+
+.fad.fa-grip-lines-vertical:after {
+  content: "\10f7a5"; }
+
+.fad.fa-grip-vertical:after {
+  content: "\10f58e"; }
+
+.fad.fa-guitar:after {
+  content: "\10f7a6"; }
+
+.fad.fa-h-square:after {
+  content: "\10f0fd"; }
+
+.fad.fa-h1:after {
+  content: "\10f313"; }
+
+.fad.fa-h2:after {
+  content: "\10f314"; }
+
+.fad.fa-h3:after {
+  content: "\10f315"; }
+
+.fad.fa-h4:after {
+  content: "\10f86a"; }
+
+.fad.fa-hamburger:after {
+  content: "\10f805"; }
+
+.fad.fa-hammer:after {
+  content: "\10f6e3"; }
+
+.fad.fa-hammer-war:after {
+  content: "\10f6e4"; }
+
+.fad.fa-hamsa:after {
+  content: "\10f665"; }
+
+.fad.fa-hand-heart:after {
+  content: "\10f4bc"; }
+
+.fad.fa-hand-holding:after {
+  content: "\10f4bd"; }
+
+.fad.fa-hand-holding-box:after {
+  content: "\10f47b"; }
+
+.fad.fa-hand-holding-heart:after {
+  content: "\10f4be"; }
+
+.fad.fa-hand-holding-magic:after {
+  content: "\10f6e5"; }
+
+.fad.fa-hand-holding-seedling:after {
+  content: "\10f4bf"; }
+
+.fad.fa-hand-holding-usd:after {
+  content: "\10f4c0"; }
+
+.fad.fa-hand-holding-water:after {
+  content: "\10f4c1"; }
+
+.fad.fa-hand-lizard:after {
+  content: "\10f258"; }
+
+.fad.fa-hand-middle-finger:after {
+  content: "\10f806"; }
+
+.fad.fa-hand-paper:after {
+  content: "\10f256"; }
+
+.fad.fa-hand-peace:after {
+  content: "\10f25b"; }
+
+.fad.fa-hand-point-down:after {
+  content: "\10f0a7"; }
+
+.fad.fa-hand-point-left:after {
+  content: "\10f0a5"; }
+
+.fad.fa-hand-point-right:after {
+  content: "\10f0a4"; }
+
+.fad.fa-hand-point-up:after {
+  content: "\10f0a6"; }
+
+.fad.fa-hand-pointer:after {
+  content: "\10f25a"; }
+
+.fad.fa-hand-receiving:after {
+  content: "\10f47c"; }
+
+.fad.fa-hand-rock:after {
+  content: "\10f255"; }
+
+.fad.fa-hand-scissors:after {
+  content: "\10f257"; }
+
+.fad.fa-hand-spock:after {
+  content: "\10f259"; }
+
+.fad.fa-hands:after {
+  content: "\10f4c2"; }
+
+.fad.fa-hands-heart:after {
+  content: "\10f4c3"; }
+
+.fad.fa-hands-helping:after {
+  content: "\10f4c4"; }
+
+.fad.fa-hands-usd:after {
+  content: "\10f4c5"; }
+
+.fad.fa-handshake:after {
+  content: "\10f2b5"; }
+
+.fad.fa-handshake-alt:after {
+  content: "\10f4c6"; }
+
+.fad.fa-hanukiah:after {
+  content: "\10f6e6"; }
+
+.fad.fa-hard-hat:after {
+  content: "\10f807"; }
+
+.fad.fa-hashtag:after {
+  content: "\10f292"; }
+
+.fad.fa-hat-chef:after {
+  content: "\10f86b"; }
+
+.fad.fa-hat-santa:after {
+  content: "\10f7a7"; }
+
+.fad.fa-hat-winter:after {
+  content: "\10f7a8"; }
+
+.fad.fa-hat-witch:after {
+  content: "\10f6e7"; }
+
+.fad.fa-hat-wizard:after {
+  content: "\10f6e8"; }
+
+.fad.fa-haykal:after {
+  content: "\10f666"; }
+
+.fad.fa-hdd:after {
+  content: "\10f0a0"; }
+
+.fad.fa-head-side:after {
+  content: "\10f6e9"; }
+
+.fad.fa-head-side-brain:after {
+  content: "\10f808"; }
+
+.fad.fa-head-side-medical:after {
+  content: "\10f809"; }
+
+.fad.fa-head-vr:after {
+  content: "\10f6ea"; }
+
+.fad.fa-heading:after {
+  content: "\10f1dc"; }
+
+.fad.fa-headphones:after {
+  content: "\10f025"; }
+
+.fad.fa-headphones-alt:after {
+  content: "\10f58f"; }
+
+.fad.fa-headset:after {
+  content: "\10f590"; }
+
+.fad.fa-heart:after {
+  content: "\10f004"; }
+
+.fad.fa-heart-broken:after {
+  content: "\10f7a9"; }
+
+.fad.fa-heart-circle:after {
+  content: "\10f4c7"; }
+
+.fad.fa-heart-rate:after {
+  content: "\10f5f8"; }
+
+.fad.fa-heart-square:after {
+  content: "\10f4c8"; }
+
+.fad.fa-heartbeat:after {
+  content: "\10f21e"; }
+
+.fad.fa-helicopter:after {
+  content: "\10f533"; }
+
+.fad.fa-helmet-battle:after {
+  content: "\10f6eb"; }
+
+.fad.fa-hexagon:after {
+  content: "\10f312"; }
+
+.fad.fa-highlighter:after {
+  content: "\10f591"; }
+
+.fad.fa-hiking:after {
+  content: "\10f6ec"; }
+
+.fad.fa-hippo:after {
+  content: "\10f6ed"; }
+
+.fad.fa-history:after {
+  content: "\10f1da"; }
+
+.fad.fa-hockey-mask:after {
+  content: "\10f6ee"; }
+
+.fad.fa-hockey-puck:after {
+  content: "\10f453"; }
+
+.fad.fa-hockey-sticks:after {
+  content: "\10f454"; }
+
+.fad.fa-holly-berry:after {
+  content: "\10f7aa"; }
+
+.fad.fa-home:after {
+  content: "\10f015"; }
+
+.fad.fa-home-alt:after {
+  content: "\10f80a"; }
+
+.fad.fa-home-heart:after {
+  content: "\10f4c9"; }
+
+.fad.fa-home-lg:after {
+  content: "\10f80b"; }
+
+.fad.fa-home-lg-alt:after {
+  content: "\10f80c"; }
+
+.fad.fa-hood-cloak:after {
+  content: "\10f6ef"; }
+
+.fad.fa-horizontal-rule:after {
+  content: "\10f86c"; }
+
+.fad.fa-horse:after {
+  content: "\10f6f0"; }
+
+.fad.fa-horse-head:after {
+  content: "\10f7ab"; }
+
+.fad.fa-hospital:after {
+  content: "\10f0f8"; }
+
+.fad.fa-hospital-alt:after {
+  content: "\10f47d"; }
+
+.fad.fa-hospital-symbol:after {
+  content: "\10f47e"; }
+
+.fad.fa-hospital-user:after {
+  content: "\10f80d"; }
+
+.fad.fa-hospitals:after {
+  content: "\10f80e"; }
+
+.fad.fa-hot-tub:after {
+  content: "\10f593"; }
+
+.fad.fa-hotdog:after {
+  content: "\10f80f"; }
+
+.fad.fa-hotel:after {
+  content: "\10f594"; }
+
+.fad.fa-hourglass:after {
+  content: "\10f254"; }
+
+.fad.fa-hourglass-end:after {
+  content: "\10f253"; }
+
+.fad.fa-hourglass-half:after {
+  content: "\10f252"; }
+
+.fad.fa-hourglass-start:after {
+  content: "\10f251"; }
+
+.fad.fa-house-damage:after {
+  content: "\10f6f1"; }
+
+.fad.fa-house-flood:after {
+  content: "\10f74f"; }
+
+.fad.fa-hryvnia:after {
+  content: "\10f6f2"; }
+
+.fad.fa-humidity:after {
+  content: "\10f750"; }
+
+.fad.fa-hurricane:after {
+  content: "\10f751"; }
+
+.fad.fa-i-cursor:after {
+  content: "\10f246"; }
+
+.fad.fa-ice-cream:after {
+  content: "\10f810"; }
+
+.fad.fa-ice-skate:after {
+  content: "\10f7ac"; }
+
+.fad.fa-icicles:after {
+  content: "\10f7ad"; }
+
+.fad.fa-icons:after {
+  content: "\10f86d"; }
+
+.fad.fa-icons-alt:after {
+  content: "\10f86e"; }
+
+.fad.fa-id-badge:after {
+  content: "\10f2c1"; }
+
+.fad.fa-id-card:after {
+  content: "\10f2c2"; }
+
+.fad.fa-id-card-alt:after {
+  content: "\10f47f"; }
+
+.fad.fa-igloo:after {
+  content: "\10f7ae"; }
+
+.fad.fa-image:after {
+  content: "\10f03e"; }
+
+.fad.fa-images:after {
+  content: "\10f302"; }
+
+.fad.fa-inbox:after {
+  content: "\10f01c"; }
+
+.fad.fa-inbox-in:after {
+  content: "\10f310"; }
+
+.fad.fa-inbox-out:after {
+  content: "\10f311"; }
+
+.fad.fa-indent:after {
+  content: "\10f03c"; }
+
+.fad.fa-industry:after {
+  content: "\10f275"; }
+
+.fad.fa-industry-alt:after {
+  content: "\10f3b3"; }
+
+.fad.fa-infinity:after {
+  content: "\10f534"; }
+
+.fad.fa-info:after {
+  content: "\10f129"; }
+
+.fad.fa-info-circle:after {
+  content: "\10f05a"; }
+
+.fad.fa-info-square:after {
+  content: "\10f30f"; }
+
+.fad.fa-inhaler:after {
+  content: "\10f5f9"; }
+
+.fad.fa-integral:after {
+  content: "\10f667"; }
+
+.fad.fa-intersection:after {
+  content: "\10f668"; }
+
+.fad.fa-inventory:after {
+  content: "\10f480"; }
+
+.fad.fa-island-tropical:after {
+  content: "\10f811"; }
+
+.fad.fa-italic:after {
+  content: "\10f033"; }
+
+.fad.fa-jack-o-lantern:after {
+  content: "\10f30e"; }
+
+.fad.fa-jedi:after {
+  content: "\10f669"; }
+
+.fad.fa-joint:after {
+  content: "\10f595"; }
+
+.fad.fa-journal-whills:after {
+  content: "\10f66a"; }
+
+.fad.fa-kaaba:after {
+  content: "\10f66b"; }
+
+.fad.fa-kerning:after {
+  content: "\10f86f"; }
+
+.fad.fa-key:after {
+  content: "\10f084"; }
+
+.fad.fa-key-skeleton:after {
+  content: "\10f6f3"; }
+
+.fad.fa-keyboard:after {
+  content: "\10f11c"; }
+
+.fad.fa-keynote:after {
+  content: "\10f66c"; }
+
+.fad.fa-khanda:after {
+  content: "\10f66d"; }
+
+.fad.fa-kidneys:after {
+  content: "\10f5fb"; }
+
+.fad.fa-kiss:after {
+  content: "\10f596"; }
+
+.fad.fa-kiss-beam:after {
+  content: "\10f597"; }
+
+.fad.fa-kiss-wink-heart:after {
+  content: "\10f598"; }
+
+.fad.fa-kite:after {
+  content: "\10f6f4"; }
+
+.fad.fa-kiwi-bird:after {
+  content: "\10f535"; }
+
+.fad.fa-knife-kitchen:after {
+  content: "\10f6f5"; }
+
+.fad.fa-lambda:after {
+  content: "\10f66e"; }
+
+.fad.fa-lamp:after {
+  content: "\10f4ca"; }
+
+.fad.fa-landmark:after {
+  content: "\10f66f"; }
+
+.fad.fa-landmark-alt:after {
+  content: "\10f752"; }
+
+.fad.fa-language:after {
+  content: "\10f1ab"; }
+
+.fad.fa-laptop:after {
+  content: "\10f109"; }
+
+.fad.fa-laptop-code:after {
+  content: "\10f5fc"; }
+
+.fad.fa-laptop-medical:after {
+  content: "\10f812"; }
+
+.fad.fa-laugh:after {
+  content: "\10f599"; }
+
+.fad.fa-laugh-beam:after {
+  content: "\10f59a"; }
+
+.fad.fa-laugh-squint:after {
+  content: "\10f59b"; }
+
+.fad.fa-laugh-wink:after {
+  content: "\10f59c"; }
+
+.fad.fa-layer-group:after {
+  content: "\10f5fd"; }
+
+.fad.fa-layer-minus:after {
+  content: "\10f5fe"; }
+
+.fad.fa-layer-plus:after {
+  content: "\10f5ff"; }
+
+.fad.fa-leaf:after {
+  content: "\10f06c"; }
+
+.fad.fa-leaf-heart:after {
+  content: "\10f4cb"; }
+
+.fad.fa-leaf-maple:after {
+  content: "\10f6f6"; }
+
+.fad.fa-leaf-oak:after {
+  content: "\10f6f7"; }
+
+.fad.fa-lemon:after {
+  content: "\10f094"; }
+
+.fad.fa-less-than:after {
+  content: "\10f536"; }
+
+.fad.fa-less-than-equal:after {
+  content: "\10f537"; }
+
+.fad.fa-level-down:after {
+  content: "\10f149"; }
+
+.fad.fa-level-down-alt:after {
+  content: "\10f3be"; }
+
+.fad.fa-level-up:after {
+  content: "\10f148"; }
+
+.fad.fa-level-up-alt:after {
+  content: "\10f3bf"; }
+
+.fad.fa-life-ring:after {
+  content: "\10f1cd"; }
+
+.fad.fa-lightbulb:after {
+  content: "\10f0eb"; }
+
+.fad.fa-lightbulb-dollar:after {
+  content: "\10f670"; }
+
+.fad.fa-lightbulb-exclamation:after {
+  content: "\10f671"; }
+
+.fad.fa-lightbulb-on:after {
+  content: "\10f672"; }
+
+.fad.fa-lightbulb-slash:after {
+  content: "\10f673"; }
+
+.fad.fa-lights-holiday:after {
+  content: "\10f7b2"; }
+
+.fad.fa-line-columns:after {
+  content: "\10f870"; }
+
+.fad.fa-line-height:after {
+  content: "\10f871"; }
+
+.fad.fa-link:after {
+  content: "\10f0c1"; }
+
+.fad.fa-lips:after {
+  content: "\10f600"; }
+
+.fad.fa-lira-sign:after {
+  content: "\10f195"; }
+
+.fad.fa-list:after {
+  content: "\10f03a"; }
+
+.fad.fa-list-alt:after {
+  content: "\10f022"; }
+
+.fad.fa-list-ol:after {
+  content: "\10f0cb"; }
+
+.fad.fa-list-ul:after {
+  content: "\10f0ca"; }
+
+.fad.fa-location:after {
+  content: "\10f601"; }
+
+.fad.fa-location-arrow:after {
+  content: "\10f124"; }
+
+.fad.fa-location-circle:after {
+  content: "\10f602"; }
+
+.fad.fa-location-slash:after {
+  content: "\10f603"; }
+
+.fad.fa-lock:after {
+  content: "\10f023"; }
+
+.fad.fa-lock-alt:after {
+  content: "\10f30d"; }
+
+.fad.fa-lock-open:after {
+  content: "\10f3c1"; }
+
+.fad.fa-lock-open-alt:after {
+  content: "\10f3c2"; }
+
+.fad.fa-long-arrow-alt-down:after {
+  content: "\10f309"; }
+
+.fad.fa-long-arrow-alt-left:after {
+  content: "\10f30a"; }
+
+.fad.fa-long-arrow-alt-right:after {
+  content: "\10f30b"; }
+
+.fad.fa-long-arrow-alt-up:after {
+  content: "\10f30c"; }
+
+.fad.fa-long-arrow-down:after {
+  content: "\10f175"; }
+
+.fad.fa-long-arrow-left:after {
+  content: "\10f177"; }
+
+.fad.fa-long-arrow-right:after {
+  content: "\10f178"; }
+
+.fad.fa-long-arrow-up:after {
+  content: "\10f176"; }
+
+.fad.fa-loveseat:after {
+  content: "\10f4cc"; }
+
+.fad.fa-low-vision:after {
+  content: "\10f2a8"; }
+
+.fad.fa-luchador:after {
+  content: "\10f455"; }
+
+.fad.fa-luggage-cart:after {
+  content: "\10f59d"; }
+
+.fad.fa-lungs:after {
+  content: "\10f604"; }
+
+.fad.fa-mace:after {
+  content: "\10f6f8"; }
+
+.fad.fa-magic:after {
+  content: "\10f0d0"; }
+
+.fad.fa-magnet:after {
+  content: "\10f076"; }
+
+.fad.fa-mail-bulk:after {
+  content: "\10f674"; }
+
+.fad.fa-mailbox:after {
+  content: "\10f813"; }
+
+.fad.fa-male:after {
+  content: "\10f183"; }
+
+.fad.fa-mandolin:after {
+  content: "\10f6f9"; }
+
+.fad.fa-map:after {
+  content: "\10f279"; }
+
+.fad.fa-map-marked:after {
+  content: "\10f59f"; }
+
+.fad.fa-map-marked-alt:after {
+  content: "\10f5a0"; }
+
+.fad.fa-map-marker:after {
+  content: "\10f041"; }
+
+.fad.fa-map-marker-alt:after {
+  content: "\10f3c5"; }
+
+.fad.fa-map-marker-alt-slash:after {
+  content: "\10f605"; }
+
+.fad.fa-map-marker-check:after {
+  content: "\10f606"; }
+
+.fad.fa-map-marker-edit:after {
+  content: "\10f607"; }
+
+.fad.fa-map-marker-exclamation:after {
+  content: "\10f608"; }
+
+.fad.fa-map-marker-minus:after {
+  content: "\10f609"; }
+
+.fad.fa-map-marker-plus:after {
+  content: "\10f60a"; }
+
+.fad.fa-map-marker-question:after {
+  content: "\10f60b"; }
+
+.fad.fa-map-marker-slash:after {
+  content: "\10f60c"; }
+
+.fad.fa-map-marker-smile:after {
+  content: "\10f60d"; }
+
+.fad.fa-map-marker-times:after {
+  content: "\10f60e"; }
+
+.fad.fa-map-pin:after {
+  content: "\10f276"; }
+
+.fad.fa-map-signs:after {
+  content: "\10f277"; }
+
+.fad.fa-marker:after {
+  content: "\10f5a1"; }
+
+.fad.fa-mars:after {
+  content: "\10f222"; }
+
+.fad.fa-mars-double:after {
+  content: "\10f227"; }
+
+.fad.fa-mars-stroke:after {
+  content: "\10f229"; }
+
+.fad.fa-mars-stroke-h:after {
+  content: "\10f22b"; }
+
+.fad.fa-mars-stroke-v:after {
+  content: "\10f22a"; }
+
+.fad.fa-mask:after {
+  content: "\10f6fa"; }
+
+.fad.fa-meat:after {
+  content: "\10f814"; }
+
+.fad.fa-medal:after {
+  content: "\10f5a2"; }
+
+.fad.fa-medkit:after {
+  content: "\10f0fa"; }
+
+.fad.fa-megaphone:after {
+  content: "\10f675"; }
+
+.fad.fa-meh:after {
+  content: "\10f11a"; }
+
+.fad.fa-meh-blank:after {
+  content: "\10f5a4"; }
+
+.fad.fa-meh-rolling-eyes:after {
+  content: "\10f5a5"; }
+
+.fad.fa-memory:after {
+  content: "\10f538"; }
+
+.fad.fa-menorah:after {
+  content: "\10f676"; }
+
+.fad.fa-mercury:after {
+  content: "\10f223"; }
+
+.fad.fa-meteor:after {
+  content: "\10f753"; }
+
+.fad.fa-microchip:after {
+  content: "\10f2db"; }
+
+.fad.fa-microphone:after {
+  content: "\10f130"; }
+
+.fad.fa-microphone-alt:after {
+  content: "\10f3c9"; }
+
+.fad.fa-microphone-alt-slash:after {
+  content: "\10f539"; }
+
+.fad.fa-microphone-slash:after {
+  content: "\10f131"; }
+
+.fad.fa-microscope:after {
+  content: "\10f610"; }
+
+.fad.fa-mind-share:after {
+  content: "\10f677"; }
+
+.fad.fa-minus:after {
+  content: "\10f068"; }
+
+.fad.fa-minus-circle:after {
+  content: "\10f056"; }
+
+.fad.fa-minus-hexagon:after {
+  content: "\10f307"; }
+
+.fad.fa-minus-octagon:after {
+  content: "\10f308"; }
+
+.fad.fa-minus-square:after {
+  content: "\10f146"; }
+
+.fad.fa-mistletoe:after {
+  content: "\10f7b4"; }
+
+.fad.fa-mitten:after {
+  content: "\10f7b5"; }
+
+.fad.fa-mobile:after {
+  content: "\10f10b"; }
+
+.fad.fa-mobile-alt:after {
+  content: "\10f3cd"; }
+
+.fad.fa-mobile-android:after {
+  content: "\10f3ce"; }
+
+.fad.fa-mobile-android-alt:after {
+  content: "\10f3cf"; }
+
+.fad.fa-money-bill:after {
+  content: "\10f0d6"; }
+
+.fad.fa-money-bill-alt:after {
+  content: "\10f3d1"; }
+
+.fad.fa-money-bill-wave:after {
+  content: "\10f53a"; }
+
+.fad.fa-money-bill-wave-alt:after {
+  content: "\10f53b"; }
+
+.fad.fa-money-check:after {
+  content: "\10f53c"; }
+
+.fad.fa-money-check-alt:after {
+  content: "\10f53d"; }
+
+.fad.fa-money-check-edit:after {
+  content: "\10f872"; }
+
+.fad.fa-money-check-edit-alt:after {
+  content: "\10f873"; }
+
+.fad.fa-monitor-heart-rate:after {
+  content: "\10f611"; }
+
+.fad.fa-monkey:after {
+  content: "\10f6fb"; }
+
+.fad.fa-monument:after {
+  content: "\10f5a6"; }
+
+.fad.fa-moon:after {
+  content: "\10f186"; }
+
+.fad.fa-moon-cloud:after {
+  content: "\10f754"; }
+
+.fad.fa-moon-stars:after {
+  content: "\10f755"; }
+
+.fad.fa-mortar-pestle:after {
+  content: "\10f5a7"; }
+
+.fad.fa-mosque:after {
+  content: "\10f678"; }
+
+.fad.fa-motorcycle:after {
+  content: "\10f21c"; }
+
+.fad.fa-mountain:after {
+  content: "\10f6fc"; }
+
+.fad.fa-mountains:after {
+  content: "\10f6fd"; }
+
+.fad.fa-mouse-pointer:after {
+  content: "\10f245"; }
+
+.fad.fa-mug:after {
+  content: "\10f874"; }
+
+.fad.fa-mug-hot:after {
+  content: "\10f7b6"; }
+
+.fad.fa-mug-marshmallows:after {
+  content: "\10f7b7"; }
+
+.fad.fa-mug-tea:after {
+  content: "\10f875"; }
+
+.fad.fa-music:after {
+  content: "\10f001"; }
+
+.fad.fa-narwhal:after {
+  content: "\10f6fe"; }
+
+.fad.fa-network-wired:after {
+  content: "\10f6ff"; }
+
+.fad.fa-neuter:after {
+  content: "\10f22c"; }
+
+.fad.fa-newspaper:after {
+  content: "\10f1ea"; }
+
+.fad.fa-not-equal:after {
+  content: "\10f53e"; }
+
+.fad.fa-notes-medical:after {
+  content: "\10f481"; }
+
+.fad.fa-object-group:after {
+  content: "\10f247"; }
+
+.fad.fa-object-ungroup:after {
+  content: "\10f248"; }
+
+.fad.fa-octagon:after {
+  content: "\10f306"; }
+
+.fad.fa-oil-can:after {
+  content: "\10f613"; }
+
+.fad.fa-oil-temp:after {
+  content: "\10f614"; }
+
+.fad.fa-om:after {
+  content: "\10f679"; }
+
+.fad.fa-omega:after {
+  content: "\10f67a"; }
+
+.fad.fa-ornament:after {
+  content: "\10f7b8"; }
+
+.fad.fa-otter:after {
+  content: "\10f700"; }
+
+.fad.fa-outdent:after {
+  content: "\10f03b"; }
+
+.fad.fa-overline:after {
+  content: "\10f876"; }
+
+.fad.fa-page-break:after {
+  content: "\10f877"; }
+
+.fad.fa-pager:after {
+  content: "\10f815"; }
+
+.fad.fa-paint-brush:after {
+  content: "\10f1fc"; }
+
+.fad.fa-paint-brush-alt:after {
+  content: "\10f5a9"; }
+
+.fad.fa-paint-roller:after {
+  content: "\10f5aa"; }
+
+.fad.fa-palette:after {
+  content: "\10f53f"; }
+
+.fad.fa-pallet:after {
+  content: "\10f482"; }
+
+.fad.fa-pallet-alt:after {
+  content: "\10f483"; }
+
+.fad.fa-paper-plane:after {
+  content: "\10f1d8"; }
+
+.fad.fa-paperclip:after {
+  content: "\10f0c6"; }
+
+.fad.fa-parachute-box:after {
+  content: "\10f4cd"; }
+
+.fad.fa-paragraph:after {
+  content: "\10f1dd"; }
+
+.fad.fa-paragraph-rtl:after {
+  content: "\10f878"; }
+
+.fad.fa-parking:after {
+  content: "\10f540"; }
+
+.fad.fa-parking-circle:after {
+  content: "\10f615"; }
+
+.fad.fa-parking-circle-slash:after {
+  content: "\10f616"; }
+
+.fad.fa-parking-slash:after {
+  content: "\10f617"; }
+
+.fad.fa-passport:after {
+  content: "\10f5ab"; }
+
+.fad.fa-pastafarianism:after {
+  content: "\10f67b"; }
+
+.fad.fa-paste:after {
+  content: "\10f0ea"; }
+
+.fad.fa-pause:after {
+  content: "\10f04c"; }
+
+.fad.fa-pause-circle:after {
+  content: "\10f28b"; }
+
+.fad.fa-paw:after {
+  content: "\10f1b0"; }
+
+.fad.fa-paw-alt:after {
+  content: "\10f701"; }
+
+.fad.fa-paw-claws:after {
+  content: "\10f702"; }
+
+.fad.fa-peace:after {
+  content: "\10f67c"; }
+
+.fad.fa-pegasus:after {
+  content: "\10f703"; }
+
+.fad.fa-pen:after {
+  content: "\10f304"; }
+
+.fad.fa-pen-alt:after {
+  content: "\10f305"; }
+
+.fad.fa-pen-fancy:after {
+  content: "\10f5ac"; }
+
+.fad.fa-pen-nib:after {
+  content: "\10f5ad"; }
+
+.fad.fa-pen-square:after {
+  content: "\10f14b"; }
+
+.fad.fa-pencil:after {
+  content: "\10f040"; }
+
+.fad.fa-pencil-alt:after {
+  content: "\10f303"; }
+
+.fad.fa-pencil-paintbrush:after {
+  content: "\10f618"; }
+
+.fad.fa-pencil-ruler:after {
+  content: "\10f5ae"; }
+
+.fad.fa-pennant:after {
+  content: "\10f456"; }
+
+.fad.fa-people-carry:after {
+  content: "\10f4ce"; }
+
+.fad.fa-pepper-hot:after {
+  content: "\10f816"; }
+
+.fad.fa-percent:after {
+  content: "\10f295"; }
+
+.fad.fa-percentage:after {
+  content: "\10f541"; }
+
+.fad.fa-person-booth:after {
+  content: "\10f756"; }
+
+.fad.fa-person-carry:after {
+  content: "\10f4cf"; }
+
+.fad.fa-person-dolly:after {
+  content: "\10f4d0"; }
+
+.fad.fa-person-dolly-empty:after {
+  content: "\10f4d1"; }
+
+.fad.fa-person-sign:after {
+  content: "\10f757"; }
+
+.fad.fa-phone:after {
+  content: "\10f095"; }
+
+.fad.fa-phone-alt:after {
+  content: "\10f879"; }
+
+.fad.fa-phone-laptop:after {
+  content: "\10f87a"; }
+
+.fad.fa-phone-office:after {
+  content: "\10f67d"; }
+
+.fad.fa-phone-plus:after {
+  content: "\10f4d2"; }
+
+.fad.fa-phone-slash:after {
+  content: "\10f3dd"; }
+
+.fad.fa-phone-square:after {
+  content: "\10f098"; }
+
+.fad.fa-phone-square-alt:after {
+  content: "\10f87b"; }
+
+.fad.fa-phone-volume:after {
+  content: "\10f2a0"; }
+
+.fad.fa-photo-video:after {
+  content: "\10f87c"; }
+
+.fad.fa-pi:after {
+  content: "\10f67e"; }
+
+.fad.fa-pie:after {
+  content: "\10f705"; }
+
+.fad.fa-pig:after {
+  content: "\10f706"; }
+
+.fad.fa-piggy-bank:after {
+  content: "\10f4d3"; }
+
+.fad.fa-pills:after {
+  content: "\10f484"; }
+
+.fad.fa-pizza:after {
+  content: "\10f817"; }
+
+.fad.fa-pizza-slice:after {
+  content: "\10f818"; }
+
+.fad.fa-place-of-worship:after {
+  content: "\10f67f"; }
+
+.fad.fa-plane:after {
+  content: "\10f072"; }
+
+.fad.fa-plane-alt:after {
+  content: "\10f3de"; }
+
+.fad.fa-plane-arrival:after {
+  content: "\10f5af"; }
+
+.fad.fa-plane-departure:after {
+  content: "\10f5b0"; }
+
+.fad.fa-play:after {
+  content: "\10f04b"; }
+
+.fad.fa-play-circle:after {
+  content: "\10f144"; }
+
+.fad.fa-plug:after {
+  content: "\10f1e6"; }
+
+.fad.fa-plus:after {
+  content: "\10f067"; }
+
+.fad.fa-plus-circle:after {
+  content: "\10f055"; }
+
+.fad.fa-plus-hexagon:after {
+  content: "\10f300"; }
+
+.fad.fa-plus-octagon:after {
+  content: "\10f301"; }
+
+.fad.fa-plus-square:after {
+  content: "\10f0fe"; }
+
+.fad.fa-podcast:after {
+  content: "\10f2ce"; }
+
+.fad.fa-podium:after {
+  content: "\10f680"; }
+
+.fad.fa-podium-star:after {
+  content: "\10f758"; }
+
+.fad.fa-poll:after {
+  content: "\10f681"; }
+
+.fad.fa-poll-h:after {
+  content: "\10f682"; }
+
+.fad.fa-poll-people:after {
+  content: "\10f759"; }
+
+.fad.fa-poo:after {
+  content: "\10f2fe"; }
+
+.fad.fa-poo-storm:after {
+  content: "\10f75a"; }
+
+.fad.fa-poop:after {
+  content: "\10f619"; }
+
+.fad.fa-popcorn:after {
+  content: "\10f819"; }
+
+.fad.fa-portrait:after {
+  content: "\10f3e0"; }
+
+.fad.fa-pound-sign:after {
+  content: "\10f154"; }
+
+.fad.fa-power-off:after {
+  content: "\10f011"; }
+
+.fad.fa-pray:after {
+  content: "\10f683"; }
+
+.fad.fa-praying-hands:after {
+  content: "\10f684"; }
+
+.fad.fa-prescription:after {
+  content: "\10f5b1"; }
+
+.fad.fa-prescription-bottle:after {
+  content: "\10f485"; }
+
+.fad.fa-prescription-bottle-alt:after {
+  content: "\10f486"; }
+
+.fad.fa-presentation:after {
+  content: "\10f685"; }
+
+.fad.fa-print:after {
+  content: "\10f02f"; }
+
+.fad.fa-print-search:after {
+  content: "\10f81a"; }
+
+.fad.fa-print-slash:after {
+  content: "\10f686"; }
+
+.fad.fa-procedures:after {
+  content: "\10f487"; }
+
+.fad.fa-project-diagram:after {
+  content: "\10f542"; }
+
+.fad.fa-pumpkin:after {
+  content: "\10f707"; }
+
+.fad.fa-puzzle-piece:after {
+  content: "\10f12e"; }
+
+.fad.fa-qrcode:after {
+  content: "\10f029"; }
+
+.fad.fa-question:after {
+  content: "\10f128"; }
+
+.fad.fa-question-circle:after {
+  content: "\10f059"; }
+
+.fad.fa-question-square:after {
+  content: "\10f2fd"; }
+
+.fad.fa-quidditch:after {
+  content: "\10f458"; }
+
+.fad.fa-quote-left:after {
+  content: "\10f10d"; }
+
+.fad.fa-quote-right:after {
+  content: "\10f10e"; }
+
+.fad.fa-quran:after {
+  content: "\10f687"; }
+
+.fad.fa-rabbit:after {
+  content: "\10f708"; }
+
+.fad.fa-rabbit-fast:after {
+  content: "\10f709"; }
+
+.fad.fa-racquet:after {
+  content: "\10f45a"; }
+
+.fad.fa-radiation:after {
+  content: "\10f7b9"; }
+
+.fad.fa-radiation-alt:after {
+  content: "\10f7ba"; }
+
+.fad.fa-rainbow:after {
+  content: "\10f75b"; }
+
+.fad.fa-raindrops:after {
+  content: "\10f75c"; }
+
+.fad.fa-ram:after {
+  content: "\10f70a"; }
+
+.fad.fa-ramp-loading:after {
+  content: "\10f4d4"; }
+
+.fad.fa-random:after {
+  content: "\10f074"; }
+
+.fad.fa-receipt:after {
+  content: "\10f543"; }
+
+.fad.fa-rectangle-landscape:after {
+  content: "\10f2fa"; }
+
+.fad.fa-rectangle-portrait:after {
+  content: "\10f2fb"; }
+
+.fad.fa-rectangle-wide:after {
+  content: "\10f2fc"; }
+
+.fad.fa-recycle:after {
+  content: "\10f1b8"; }
+
+.fad.fa-redo:after {
+  content: "\10f01e"; }
+
+.fad.fa-redo-alt:after {
+  content: "\10f2f9"; }
+
+.fad.fa-registered:after {
+  content: "\10f25d"; }
+
+.fad.fa-remove-format:after {
+  content: "\10f87d"; }
+
+.fad.fa-repeat:after {
+  content: "\10f363"; }
+
+.fad.fa-repeat-1:after {
+  content: "\10f365"; }
+
+.fad.fa-repeat-1-alt:after {
+  content: "\10f366"; }
+
+.fad.fa-repeat-alt:after {
+  content: "\10f364"; }
+
+.fad.fa-reply:after {
+  content: "\10f3e5"; }
+
+.fad.fa-reply-all:after {
+  content: "\10f122"; }
+
+.fad.fa-republican:after {
+  content: "\10f75e"; }
+
+.fad.fa-restroom:after {
+  content: "\10f7bd"; }
+
+.fad.fa-retweet:after {
+  content: "\10f079"; }
+
+.fad.fa-retweet-alt:after {
+  content: "\10f361"; }
+
+.fad.fa-ribbon:after {
+  content: "\10f4d6"; }
+
+.fad.fa-ring:after {
+  content: "\10f70b"; }
+
+.fad.fa-rings-wedding:after {
+  content: "\10f81b"; }
+
+.fad.fa-road:after {
+  content: "\10f018"; }
+
+.fad.fa-robot:after {
+  content: "\10f544"; }
+
+.fad.fa-rocket:after {
+  content: "\10f135"; }
+
+.fad.fa-route:after {
+  content: "\10f4d7"; }
+
+.fad.fa-route-highway:after {
+  content: "\10f61a"; }
+
+.fad.fa-route-interstate:after {
+  content: "\10f61b"; }
+
+.fad.fa-rss:after {
+  content: "\10f09e"; }
+
+.fad.fa-rss-square:after {
+  content: "\10f143"; }
+
+.fad.fa-ruble-sign:after {
+  content: "\10f158"; }
+
+.fad.fa-ruler:after {
+  content: "\10f545"; }
+
+.fad.fa-ruler-combined:after {
+  content: "\10f546"; }
+
+.fad.fa-ruler-horizontal:after {
+  content: "\10f547"; }
+
+.fad.fa-ruler-triangle:after {
+  content: "\10f61c"; }
+
+.fad.fa-ruler-vertical:after {
+  content: "\10f548"; }
+
+.fad.fa-running:after {
+  content: "\10f70c"; }
+
+.fad.fa-rupee-sign:after {
+  content: "\10f156"; }
+
+.fad.fa-rv:after {
+  content: "\10f7be"; }
+
+.fad.fa-sack:after {
+  content: "\10f81c"; }
+
+.fad.fa-sack-dollar:after {
+  content: "\10f81d"; }
+
+.fad.fa-sad-cry:after {
+  content: "\10f5b3"; }
+
+.fad.fa-sad-tear:after {
+  content: "\10f5b4"; }
+
+.fad.fa-salad:after {
+  content: "\10f81e"; }
+
+.fad.fa-sandwich:after {
+  content: "\10f81f"; }
+
+.fad.fa-satellite:after {
+  content: "\10f7bf"; }
+
+.fad.fa-satellite-dish:after {
+  content: "\10f7c0"; }
+
+.fad.fa-sausage:after {
+  content: "\10f820"; }
+
+.fad.fa-save:after {
+  content: "\10f0c7"; }
+
+.fad.fa-scalpel:after {
+  content: "\10f61d"; }
+
+.fad.fa-scalpel-path:after {
+  content: "\10f61e"; }
+
+.fad.fa-scanner:after {
+  content: "\10f488"; }
+
+.fad.fa-scanner-keyboard:after {
+  content: "\10f489"; }
+
+.fad.fa-scanner-touchscreen:after {
+  content: "\10f48a"; }
+
+.fad.fa-scarecrow:after {
+  content: "\10f70d"; }
+
+.fad.fa-scarf:after {
+  content: "\10f7c1"; }
+
+.fad.fa-school:after {
+  content: "\10f549"; }
+
+.fad.fa-screwdriver:after {
+  content: "\10f54a"; }
+
+.fad.fa-scroll:after {
+  content: "\10f70e"; }
+
+.fad.fa-scroll-old:after {
+  content: "\10f70f"; }
+
+.fad.fa-scrubber:after {
+  content: "\10f2f8"; }
+
+.fad.fa-scythe:after {
+  content: "\10f710"; }
+
+.fad.fa-sd-card:after {
+  content: "\10f7c2"; }
+
+.fad.fa-search:after {
+  content: "\10f002"; }
+
+.fad.fa-search-dollar:after {
+  content: "\10f688"; }
+
+.fad.fa-search-location:after {
+  content: "\10f689"; }
+
+.fad.fa-search-minus:after {
+  content: "\10f010"; }
+
+.fad.fa-search-plus:after {
+  content: "\10f00e"; }
+
+.fad.fa-seedling:after {
+  content: "\10f4d8"; }
+
+.fad.fa-send-back:after {
+  content: "\10f87e"; }
+
+.fad.fa-send-backward:after {
+  content: "\10f87f"; }
+
+.fad.fa-server:after {
+  content: "\10f233"; }
+
+.fad.fa-shapes:after {
+  content: "\10f61f"; }
+
+.fad.fa-share:after {
+  content: "\10f064"; }
+
+.fad.fa-share-all:after {
+  content: "\10f367"; }
+
+.fad.fa-share-alt:after {
+  content: "\10f1e0"; }
+
+.fad.fa-share-alt-square:after {
+  content: "\10f1e1"; }
+
+.fad.fa-share-square:after {
+  content: "\10f14d"; }
+
+.fad.fa-sheep:after {
+  content: "\10f711"; }
+
+.fad.fa-shekel-sign:after {
+  content: "\10f20b"; }
+
+.fad.fa-shield:after {
+  content: "\10f132"; }
+
+.fad.fa-shield-alt:after {
+  content: "\10f3ed"; }
+
+.fad.fa-shield-check:after {
+  content: "\10f2f7"; }
+
+.fad.fa-shield-cross:after {
+  content: "\10f712"; }
+
+.fad.fa-ship:after {
+  content: "\10f21a"; }
+
+.fad.fa-shipping-fast:after {
+  content: "\10f48b"; }
+
+.fad.fa-shipping-timed:after {
+  content: "\10f48c"; }
+
+.fad.fa-shish-kebab:after {
+  content: "\10f821"; }
+
+.fad.fa-shoe-prints:after {
+  content: "\10f54b"; }
+
+.fad.fa-shopping-bag:after {
+  content: "\10f290"; }
+
+.fad.fa-shopping-basket:after {
+  content: "\10f291"; }
+
+.fad.fa-shopping-cart:after {
+  content: "\10f07a"; }
+
+.fad.fa-shovel:after {
+  content: "\10f713"; }
+
+.fad.fa-shovel-snow:after {
+  content: "\10f7c3"; }
+
+.fad.fa-shower:after {
+  content: "\10f2cc"; }
+
+.fad.fa-shredder:after {
+  content: "\10f68a"; }
+
+.fad.fa-shuttle-van:after {
+  content: "\10f5b6"; }
+
+.fad.fa-shuttlecock:after {
+  content: "\10f45b"; }
+
+.fad.fa-sickle:after {
+  content: "\10f822"; }
+
+.fad.fa-sigma:after {
+  content: "\10f68b"; }
+
+.fad.fa-sign:after {
+  content: "\10f4d9"; }
+
+.fad.fa-sign-in:after {
+  content: "\10f090"; }
+
+.fad.fa-sign-in-alt:after {
+  content: "\10f2f6"; }
+
+.fad.fa-sign-language:after {
+  content: "\10f2a7"; }
+
+.fad.fa-sign-out:after {
+  content: "\10f08b"; }
+
+.fad.fa-sign-out-alt:after {
+  content: "\10f2f5"; }
+
+.fad.fa-signal:after {
+  content: "\10f012"; }
+
+.fad.fa-signal-1:after {
+  content: "\10f68c"; }
+
+.fad.fa-signal-2:after {
+  content: "\10f68d"; }
+
+.fad.fa-signal-3:after {
+  content: "\10f68e"; }
+
+.fad.fa-signal-4:after {
+  content: "\10f68f"; }
+
+.fad.fa-signal-alt:after {
+  content: "\10f690"; }
+
+.fad.fa-signal-alt-1:after {
+  content: "\10f691"; }
+
+.fad.fa-signal-alt-2:after {
+  content: "\10f692"; }
+
+.fad.fa-signal-alt-3:after {
+  content: "\10f693"; }
+
+.fad.fa-signal-alt-slash:after {
+  content: "\10f694"; }
+
+.fad.fa-signal-slash:after {
+  content: "\10f695"; }
+
+.fad.fa-signature:after {
+  content: "\10f5b7"; }
+
+.fad.fa-sim-card:after {
+  content: "\10f7c4"; }
+
+.fad.fa-sitemap:after {
+  content: "\10f0e8"; }
+
+.fad.fa-skating:after {
+  content: "\10f7c5"; }
+
+.fad.fa-skeleton:after {
+  content: "\10f620"; }
+
+.fad.fa-ski-jump:after {
+  content: "\10f7c7"; }
+
+.fad.fa-ski-lift:after {
+  content: "\10f7c8"; }
+
+.fad.fa-skiing:after {
+  content: "\10f7c9"; }
+
+.fad.fa-skiing-nordic:after {
+  content: "\10f7ca"; }
+
+.fad.fa-skull:after {
+  content: "\10f54c"; }
+
+.fad.fa-skull-crossbones:after {
+  content: "\10f714"; }
+
+.fad.fa-slash:after {
+  content: "\10f715"; }
+
+.fad.fa-sledding:after {
+  content: "\10f7cb"; }
+
+.fad.fa-sleigh:after {
+  content: "\10f7cc"; }
+
+.fad.fa-sliders-h:after {
+  content: "\10f1de"; }
+
+.fad.fa-sliders-h-square:after {
+  content: "\10f3f0"; }
+
+.fad.fa-sliders-v:after {
+  content: "\10f3f1"; }
+
+.fad.fa-sliders-v-square:after {
+  content: "\10f3f2"; }
+
+.fad.fa-smile:after {
+  content: "\10f118"; }
+
+.fad.fa-smile-beam:after {
+  content: "\10f5b8"; }
+
+.fad.fa-smile-plus:after {
+  content: "\10f5b9"; }
+
+.fad.fa-smile-wink:after {
+  content: "\10f4da"; }
+
+.fad.fa-smog:after {
+  content: "\10f75f"; }
+
+.fad.fa-smoke:after {
+  content: "\10f760"; }
+
+.fad.fa-smoking:after {
+  content: "\10f48d"; }
+
+.fad.fa-smoking-ban:after {
+  content: "\10f54d"; }
+
+.fad.fa-sms:after {
+  content: "\10f7cd"; }
+
+.fad.fa-snake:after {
+  content: "\10f716"; }
+
+.fad.fa-snooze:after {
+  content: "\10f880"; }
+
+.fad.fa-snow-blowing:after {
+  content: "\10f761"; }
+
+.fad.fa-snowboarding:after {
+  content: "\10f7ce"; }
+
+.fad.fa-snowflake:after {
+  content: "\10f2dc"; }
+
+.fad.fa-snowflakes:after {
+  content: "\10f7cf"; }
+
+.fad.fa-snowman:after {
+  content: "\10f7d0"; }
+
+.fad.fa-snowmobile:after {
+  content: "\10f7d1"; }
+
+.fad.fa-snowplow:after {
+  content: "\10f7d2"; }
+
+.fad.fa-socks:after {
+  content: "\10f696"; }
+
+.fad.fa-solar-panel:after {
+  content: "\10f5ba"; }
+
+.fad.fa-sort:after {
+  content: "\10f0dc"; }
+
+.fad.fa-sort-alpha-down:after {
+  content: "\10f15d"; }
+
+.fad.fa-sort-alpha-down-alt:after {
+  content: "\10f881"; }
+
+.fad.fa-sort-alpha-up:after {
+  content: "\10f15e"; }
+
+.fad.fa-sort-alpha-up-alt:after {
+  content: "\10f882"; }
+
+.fad.fa-sort-alt:after {
+  content: "\10f883"; }
+
+.fad.fa-sort-amount-down:after {
+  content: "\10f160"; }
+
+.fad.fa-sort-amount-down-alt:after {
+  content: "\10f884"; }
+
+.fad.fa-sort-amount-up:after {
+  content: "\10f161"; }
+
+.fad.fa-sort-amount-up-alt:after {
+  content: "\10f885"; }
+
+.fad.fa-sort-down:after {
+  content: "\10f0dd"; }
+
+.fad.fa-sort-numeric-down:after {
+  content: "\10f162"; }
+
+.fad.fa-sort-numeric-down-alt:after {
+  content: "\10f886"; }
+
+.fad.fa-sort-numeric-up:after {
+  content: "\10f163"; }
+
+.fad.fa-sort-numeric-up-alt:after {
+  content: "\10f887"; }
+
+.fad.fa-sort-shapes-down:after {
+  content: "\10f888"; }
+
+.fad.fa-sort-shapes-down-alt:after {
+  content: "\10f889"; }
+
+.fad.fa-sort-shapes-up:after {
+  content: "\10f88a"; }
+
+.fad.fa-sort-shapes-up-alt:after {
+  content: "\10f88b"; }
+
+.fad.fa-sort-size-down:after {
+  content: "\10f88c"; }
+
+.fad.fa-sort-size-down-alt:after {
+  content: "\10f88d"; }
+
+.fad.fa-sort-size-up:after {
+  content: "\10f88e"; }
+
+.fad.fa-sort-size-up-alt:after {
+  content: "\10f88f"; }
+
+.fad.fa-sort-up:after {
+  content: "\10f0de"; }
+
+.fad.fa-soup:after {
+  content: "\10f823"; }
+
+.fad.fa-spa:after {
+  content: "\10f5bb"; }
+
+.fad.fa-space-shuttle:after {
+  content: "\10f197"; }
+
+.fad.fa-spade:after {
+  content: "\10f2f4"; }
+
+.fad.fa-sparkles:after {
+  content: "\10f890"; }
+
+.fad.fa-spell-check:after {
+  content: "\10f891"; }
+
+.fad.fa-spider:after {
+  content: "\10f717"; }
+
+.fad.fa-spider-black-widow:after {
+  content: "\10f718"; }
+
+.fad.fa-spider-web:after {
+  content: "\10f719"; }
+
+.fad.fa-spinner:after {
+  content: "\10f110"; }
+
+.fad.fa-spinner-third:after {
+  content: "\10f3f4"; }
+
+.fad.fa-splotch:after {
+  content: "\10f5bc"; }
+
+.fad.fa-spray-can:after {
+  content: "\10f5bd"; }
+
+.fad.fa-square:after {
+  content: "\10f0c8"; }
+
+.fad.fa-square-full:after {
+  content: "\10f45c"; }
+
+.fad.fa-square-root:after {
+  content: "\10f697"; }
+
+.fad.fa-square-root-alt:after {
+  content: "\10f698"; }
+
+.fad.fa-squirrel:after {
+  content: "\10f71a"; }
+
+.fad.fa-staff:after {
+  content: "\10f71b"; }
+
+.fad.fa-stamp:after {
+  content: "\10f5bf"; }
+
+.fad.fa-star:after {
+  content: "\10f005"; }
+
+.fad.fa-star-and-crescent:after {
+  content: "\10f699"; }
+
+.fad.fa-star-christmas:after {
+  content: "\10f7d4"; }
+
+.fad.fa-star-exclamation:after {
+  content: "\10f2f3"; }
+
+.fad.fa-star-half:after {
+  content: "\10f089"; }
+
+.fad.fa-star-half-alt:after {
+  content: "\10f5c0"; }
+
+.fad.fa-star-of-david:after {
+  content: "\10f69a"; }
+
+.fad.fa-star-of-life:after {
+  content: "\10f621"; }
+
+.fad.fa-stars:after {
+  content: "\10f762"; }
+
+.fad.fa-steak:after {
+  content: "\10f824"; }
+
+.fad.fa-steering-wheel:after {
+  content: "\10f622"; }
+
+.fad.fa-step-backward:after {
+  content: "\10f048"; }
+
+.fad.fa-step-forward:after {
+  content: "\10f051"; }
+
+.fad.fa-stethoscope:after {
+  content: "\10f0f1"; }
+
+.fad.fa-sticky-note:after {
+  content: "\10f249"; }
+
+.fad.fa-stocking:after {
+  content: "\10f7d5"; }
+
+.fad.fa-stomach:after {
+  content: "\10f623"; }
+
+.fad.fa-stop:after {
+  content: "\10f04d"; }
+
+.fad.fa-stop-circle:after {
+  content: "\10f28d"; }
+
+.fad.fa-stopwatch:after {
+  content: "\10f2f2"; }
+
+.fad.fa-store:after {
+  content: "\10f54e"; }
+
+.fad.fa-store-alt:after {
+  content: "\10f54f"; }
+
+.fad.fa-stream:after {
+  content: "\10f550"; }
+
+.fad.fa-street-view:after {
+  content: "\10f21d"; }
+
+.fad.fa-stretcher:after {
+  content: "\10f825"; }
+
+.fad.fa-strikethrough:after {
+  content: "\10f0cc"; }
+
+.fad.fa-stroopwafel:after {
+  content: "\10f551"; }
+
+.fad.fa-subscript:after {
+  content: "\10f12c"; }
+
+.fad.fa-subway:after {
+  content: "\10f239"; }
+
+.fad.fa-suitcase:after {
+  content: "\10f0f2"; }
+
+.fad.fa-suitcase-rolling:after {
+  content: "\10f5c1"; }
+
+.fad.fa-sun:after {
+  content: "\10f185"; }
+
+.fad.fa-sun-cloud:after {
+  content: "\10f763"; }
+
+.fad.fa-sun-dust:after {
+  content: "\10f764"; }
+
+.fad.fa-sun-haze:after {
+  content: "\10f765"; }
+
+.fad.fa-sunglasses:after {
+  content: "\10f892"; }
+
+.fad.fa-sunrise:after {
+  content: "\10f766"; }
+
+.fad.fa-sunset:after {
+  content: "\10f767"; }
+
+.fad.fa-superscript:after {
+  content: "\10f12b"; }
+
+.fad.fa-surprise:after {
+  content: "\10f5c2"; }
+
+.fad.fa-swatchbook:after {
+  content: "\10f5c3"; }
+
+.fad.fa-swimmer:after {
+  content: "\10f5c4"; }
+
+.fad.fa-swimming-pool:after {
+  content: "\10f5c5"; }
+
+.fad.fa-sword:after {
+  content: "\10f71c"; }
+
+.fad.fa-swords:after {
+  content: "\10f71d"; }
+
+.fad.fa-synagogue:after {
+  content: "\10f69b"; }
+
+.fad.fa-sync:after {
+  content: "\10f021"; }
+
+.fad.fa-sync-alt:after {
+  content: "\10f2f1"; }
+
+.fad.fa-syringe:after {
+  content: "\10f48e"; }
+
+.fad.fa-table:after {
+  content: "\10f0ce"; }
+
+.fad.fa-table-tennis:after {
+  content: "\10f45d"; }
+
+.fad.fa-tablet:after {
+  content: "\10f10a"; }
+
+.fad.fa-tablet-alt:after {
+  content: "\10f3fa"; }
+
+.fad.fa-tablet-android:after {
+  content: "\10f3fb"; }
+
+.fad.fa-tablet-android-alt:after {
+  content: "\10f3fc"; }
+
+.fad.fa-tablet-rugged:after {
+  content: "\10f48f"; }
+
+.fad.fa-tablets:after {
+  content: "\10f490"; }
+
+.fad.fa-tachometer:after {
+  content: "\10f0e4"; }
+
+.fad.fa-tachometer-alt:after {
+  content: "\10f3fd"; }
+
+.fad.fa-tachometer-alt-average:after {
+  content: "\10f624"; }
+
+.fad.fa-tachometer-alt-fast:after {
+  content: "\10f625"; }
+
+.fad.fa-tachometer-alt-fastest:after {
+  content: "\10f626"; }
+
+.fad.fa-tachometer-alt-slow:after {
+  content: "\10f627"; }
+
+.fad.fa-tachometer-alt-slowest:after {
+  content: "\10f628"; }
+
+.fad.fa-tachometer-average:after {
+  content: "\10f629"; }
+
+.fad.fa-tachometer-fast:after {
+  content: "\10f62a"; }
+
+.fad.fa-tachometer-fastest:after {
+  content: "\10f62b"; }
+
+.fad.fa-tachometer-slow:after {
+  content: "\10f62c"; }
+
+.fad.fa-tachometer-slowest:after {
+  content: "\10f62d"; }
+
+.fad.fa-taco:after {
+  content: "\10f826"; }
+
+.fad.fa-tag:after {
+  content: "\10f02b"; }
+
+.fad.fa-tags:after {
+  content: "\10f02c"; }
+
+.fad.fa-tally:after {
+  content: "\10f69c"; }
+
+.fad.fa-tanakh:after {
+  content: "\10f827"; }
+
+.fad.fa-tape:after {
+  content: "\10f4db"; }
+
+.fad.fa-tasks:after {
+  content: "\10f0ae"; }
+
+.fad.fa-tasks-alt:after {
+  content: "\10f828"; }
+
+.fad.fa-taxi:after {
+  content: "\10f1ba"; }
+
+.fad.fa-teeth:after {
+  content: "\10f62e"; }
+
+.fad.fa-teeth-open:after {
+  content: "\10f62f"; }
+
+.fad.fa-temperature-frigid:after {
+  content: "\10f768"; }
+
+.fad.fa-temperature-high:after {
+  content: "\10f769"; }
+
+.fad.fa-temperature-hot:after {
+  content: "\10f76a"; }
+
+.fad.fa-temperature-low:after {
+  content: "\10f76b"; }
+
+.fad.fa-tenge:after {
+  content: "\10f7d7"; }
+
+.fad.fa-tennis-ball:after {
+  content: "\10f45e"; }
+
+.fad.fa-terminal:after {
+  content: "\10f120"; }
+
+.fad.fa-text:after {
+  content: "\10f893"; }
+
+.fad.fa-text-height:after {
+  content: "\10f034"; }
+
+.fad.fa-text-size:after {
+  content: "\10f894"; }
+
+.fad.fa-text-width:after {
+  content: "\10f035"; }
+
+.fad.fa-th:after {
+  content: "\10f00a"; }
+
+.fad.fa-th-large:after {
+  content: "\10f009"; }
+
+.fad.fa-th-list:after {
+  content: "\10f00b"; }
+
+.fad.fa-theater-masks:after {
+  content: "\10f630"; }
+
+.fad.fa-thermometer:after {
+  content: "\10f491"; }
+
+.fad.fa-thermometer-empty:after {
+  content: "\10f2cb"; }
+
+.fad.fa-thermometer-full:after {
+  content: "\10f2c7"; }
+
+.fad.fa-thermometer-half:after {
+  content: "\10f2c9"; }
+
+.fad.fa-thermometer-quarter:after {
+  content: "\10f2ca"; }
+
+.fad.fa-thermometer-three-quarters:after {
+  content: "\10f2c8"; }
+
+.fad.fa-theta:after {
+  content: "\10f69e"; }
+
+.fad.fa-thumbs-down:after {
+  content: "\10f165"; }
+
+.fad.fa-thumbs-up:after {
+  content: "\10f164"; }
+
+.fad.fa-thumbtack:after {
+  content: "\10f08d"; }
+
+.fad.fa-thunderstorm:after {
+  content: "\10f76c"; }
+
+.fad.fa-thunderstorm-moon:after {
+  content: "\10f76d"; }
+
+.fad.fa-thunderstorm-sun:after {
+  content: "\10f76e"; }
+
+.fad.fa-ticket:after {
+  content: "\10f145"; }
+
+.fad.fa-ticket-alt:after {
+  content: "\10f3ff"; }
+
+.fad.fa-tilde:after {
+  content: "\10f69f"; }
+
+.fad.fa-times:after {
+  content: "\10f00d"; }
+
+.fad.fa-times-circle:after {
+  content: "\10f057"; }
+
+.fad.fa-times-hexagon:after {
+  content: "\10f2ee"; }
+
+.fad.fa-times-octagon:after {
+  content: "\10f2f0"; }
+
+.fad.fa-times-square:after {
+  content: "\10f2d3"; }
+
+.fad.fa-tint:after {
+  content: "\10f043"; }
+
+.fad.fa-tint-slash:after {
+  content: "\10f5c7"; }
+
+.fad.fa-tire:after {
+  content: "\10f631"; }
+
+.fad.fa-tire-flat:after {
+  content: "\10f632"; }
+
+.fad.fa-tire-pressure-warning:after {
+  content: "\10f633"; }
+
+.fad.fa-tire-rugged:after {
+  content: "\10f634"; }
+
+.fad.fa-tired:after {
+  content: "\10f5c8"; }
+
+.fad.fa-toggle-off:after {
+  content: "\10f204"; }
+
+.fad.fa-toggle-on:after {
+  content: "\10f205"; }
+
+.fad.fa-toilet:after {
+  content: "\10f7d8"; }
+
+.fad.fa-toilet-paper:after {
+  content: "\10f71e"; }
+
+.fad.fa-toilet-paper-alt:after {
+  content: "\10f71f"; }
+
+.fad.fa-tombstone:after {
+  content: "\10f720"; }
+
+.fad.fa-tombstone-alt:after {
+  content: "\10f721"; }
+
+.fad.fa-toolbox:after {
+  content: "\10f552"; }
+
+.fad.fa-tools:after {
+  content: "\10f7d9"; }
+
+.fad.fa-tooth:after {
+  content: "\10f5c9"; }
+
+.fad.fa-toothbrush:after {
+  content: "\10f635"; }
+
+.fad.fa-torah:after {
+  content: "\10f6a0"; }
+
+.fad.fa-torii-gate:after {
+  content: "\10f6a1"; }
+
+.fad.fa-tornado:after {
+  content: "\10f76f"; }
+
+.fad.fa-tractor:after {
+  content: "\10f722"; }
+
+.fad.fa-trademark:after {
+  content: "\10f25c"; }
+
+.fad.fa-traffic-cone:after {
+  content: "\10f636"; }
+
+.fad.fa-traffic-light:after {
+  content: "\10f637"; }
+
+.fad.fa-traffic-light-go:after {
+  content: "\10f638"; }
+
+.fad.fa-traffic-light-slow:after {
+  content: "\10f639"; }
+
+.fad.fa-traffic-light-stop:after {
+  content: "\10f63a"; }
+
+.fad.fa-train:after {
+  content: "\10f238"; }
+
+.fad.fa-tram:after {
+  content: "\10f7da"; }
+
+.fad.fa-transgender:after {
+  content: "\10f224"; }
+
+.fad.fa-transgender-alt:after {
+  content: "\10f225"; }
+
+.fad.fa-trash:after {
+  content: "\10f1f8"; }
+
+.fad.fa-trash-alt:after {
+  content: "\10f2ed"; }
+
+.fad.fa-trash-restore:after {
+  content: "\10f829"; }
+
+.fad.fa-trash-restore-alt:after {
+  content: "\10f82a"; }
+
+.fad.fa-trash-undo:after {
+  content: "\10f895"; }
+
+.fad.fa-trash-undo-alt:after {
+  content: "\10f896"; }
+
+.fad.fa-treasure-chest:after {
+  content: "\10f723"; }
+
+.fad.fa-tree:after {
+  content: "\10f1bb"; }
+
+.fad.fa-tree-alt:after {
+  content: "\10f400"; }
+
+.fad.fa-tree-christmas:after {
+  content: "\10f7db"; }
+
+.fad.fa-tree-decorated:after {
+  content: "\10f7dc"; }
+
+.fad.fa-tree-large:after {
+  content: "\10f7dd"; }
+
+.fad.fa-tree-palm:after {
+  content: "\10f82b"; }
+
+.fad.fa-trees:after {
+  content: "\10f724"; }
+
+.fad.fa-triangle:after {
+  content: "\10f2ec"; }
+
+.fad.fa-trophy:after {
+  content: "\10f091"; }
+
+.fad.fa-trophy-alt:after {
+  content: "\10f2eb"; }
+
+.fad.fa-truck:after {
+  content: "\10f0d1"; }
+
+.fad.fa-truck-container:after {
+  content: "\10f4dc"; }
+
+.fad.fa-truck-couch:after {
+  content: "\10f4dd"; }
+
+.fad.fa-truck-loading:after {
+  content: "\10f4de"; }
+
+.fad.fa-truck-monster:after {
+  content: "\10f63b"; }
+
+.fad.fa-truck-moving:after {
+  content: "\10f4df"; }
+
+.fad.fa-truck-pickup:after {
+  content: "\10f63c"; }
+
+.fad.fa-truck-plow:after {
+  content: "\10f7de"; }
+
+.fad.fa-truck-ramp:after {
+  content: "\10f4e0"; }
+
+.fad.fa-tshirt:after {
+  content: "\10f553"; }
+
+.fad.fa-tty:after {
+  content: "\10f1e4"; }
+
+.fad.fa-turkey:after {
+  content: "\10f725"; }
+
+.fad.fa-turtle:after {
+  content: "\10f726"; }
+
+.fad.fa-tv:after {
+  content: "\10f26c"; }
+
+.fad.fa-tv-retro:after {
+  content: "\10f401"; }
+
+.fad.fa-umbrella:after {
+  content: "\10f0e9"; }
+
+.fad.fa-umbrella-beach:after {
+  content: "\10f5ca"; }
+
+.fad.fa-underline:after {
+  content: "\10f0cd"; }
+
+.fad.fa-undo:after {
+  content: "\10f0e2"; }
+
+.fad.fa-undo-alt:after {
+  content: "\10f2ea"; }
+
+.fad.fa-unicorn:after {
+  content: "\10f727"; }
+
+.fad.fa-union:after {
+  content: "\10f6a2"; }
+
+.fad.fa-universal-access:after {
+  content: "\10f29a"; }
+
+.fad.fa-university:after {
+  content: "\10f19c"; }
+
+.fad.fa-unlink:after {
+  content: "\10f127"; }
+
+.fad.fa-unlock:after {
+  content: "\10f09c"; }
+
+.fad.fa-unlock-alt:after {
+  content: "\10f13e"; }
+
+.fad.fa-upload:after {
+  content: "\10f093"; }
+
+.fad.fa-usd-circle:after {
+  content: "\10f2e8"; }
+
+.fad.fa-usd-square:after {
+  content: "\10f2e9"; }
+
+.fad.fa-user:after {
+  content: "\10f007"; }
+
+.fad.fa-user-alt:after {
+  content: "\10f406"; }
+
+.fad.fa-user-alt-slash:after {
+  content: "\10f4fa"; }
+
+.fad.fa-user-astronaut:after {
+  content: "\10f4fb"; }
+
+.fad.fa-user-chart:after {
+  content: "\10f6a3"; }
+
+.fad.fa-user-check:after {
+  content: "\10f4fc"; }
+
+.fad.fa-user-circle:after {
+  content: "\10f2bd"; }
+
+.fad.fa-user-clock:after {
+  content: "\10f4fd"; }
+
+.fad.fa-user-cog:after {
+  content: "\10f4fe"; }
+
+.fad.fa-user-crown:after {
+  content: "\10f6a4"; }
+
+.fad.fa-user-edit:after {
+  content: "\10f4ff"; }
+
+.fad.fa-user-friends:after {
+  content: "\10f500"; }
+
+.fad.fa-user-graduate:after {
+  content: "\10f501"; }
+
+.fad.fa-user-hard-hat:after {
+  content: "\10f82c"; }
+
+.fad.fa-user-headset:after {
+  content: "\10f82d"; }
+
+.fad.fa-user-injured:after {
+  content: "\10f728"; }
+
+.fad.fa-user-lock:after {
+  content: "\10f502"; }
+
+.fad.fa-user-md:after {
+  content: "\10f0f0"; }
+
+.fad.fa-user-md-chat:after {
+  content: "\10f82e"; }
+
+.fad.fa-user-minus:after {
+  content: "\10f503"; }
+
+.fad.fa-user-ninja:after {
+  content: "\10f504"; }
+
+.fad.fa-user-nurse:after {
+  content: "\10f82f"; }
+
+.fad.fa-user-plus:after {
+  content: "\10f234"; }
+
+.fad.fa-user-secret:after {
+  content: "\10f21b"; }
+
+.fad.fa-user-shield:after {
+  content: "\10f505"; }
+
+.fad.fa-user-slash:after {
+  content: "\10f506"; }
+
+.fad.fa-user-tag:after {
+  content: "\10f507"; }
+
+.fad.fa-user-tie:after {
+  content: "\10f508"; }
+
+.fad.fa-user-times:after {
+  content: "\10f235"; }
+
+.fad.fa-users:after {
+  content: "\10f0c0"; }
+
+.fad.fa-users-class:after {
+  content: "\10f63d"; }
+
+.fad.fa-users-cog:after {
+  content: "\10f509"; }
+
+.fad.fa-users-crown:after {
+  content: "\10f6a5"; }
+
+.fad.fa-users-medical:after {
+  content: "\10f830"; }
+
+.fad.fa-utensil-fork:after {
+  content: "\10f2e3"; }
+
+.fad.fa-utensil-knife:after {
+  content: "\10f2e4"; }
+
+.fad.fa-utensil-spoon:after {
+  content: "\10f2e5"; }
+
+.fad.fa-utensils:after {
+  content: "\10f2e7"; }
+
+.fad.fa-utensils-alt:after {
+  content: "\10f2e6"; }
+
+.fad.fa-value-absolute:after {
+  content: "\10f6a6"; }
+
+.fad.fa-vector-square:after {
+  content: "\10f5cb"; }
+
+.fad.fa-venus:after {
+  content: "\10f221"; }
+
+.fad.fa-venus-double:after {
+  content: "\10f226"; }
+
+.fad.fa-venus-mars:after {
+  content: "\10f228"; }
+
+.fad.fa-vial:after {
+  content: "\10f492"; }
+
+.fad.fa-vials:after {
+  content: "\10f493"; }
+
+.fad.fa-video:after {
+  content: "\10f03d"; }
+
+.fad.fa-video-plus:after {
+  content: "\10f4e1"; }
+
+.fad.fa-video-slash:after {
+  content: "\10f4e2"; }
+
+.fad.fa-vihara:after {
+  content: "\10f6a7"; }
+
+.fad.fa-voicemail:after {
+  content: "\10f897"; }
+
+.fad.fa-volcano:after {
+  content: "\10f770"; }
+
+.fad.fa-volleyball-ball:after {
+  content: "\10f45f"; }
+
+.fad.fa-volume:after {
+  content: "\10f6a8"; }
+
+.fad.fa-volume-down:after {
+  content: "\10f027"; }
+
+.fad.fa-volume-mute:after {
+  content: "\10f6a9"; }
+
+.fad.fa-volume-off:after {
+  content: "\10f026"; }
+
+.fad.fa-volume-slash:after {
+  content: "\10f2e2"; }
+
+.fad.fa-volume-up:after {
+  content: "\10f028"; }
+
+.fad.fa-vote-nay:after {
+  content: "\10f771"; }
+
+.fad.fa-vote-yea:after {
+  content: "\10f772"; }
+
+.fad.fa-vr-cardboard:after {
+  content: "\10f729"; }
+
+.fad.fa-walker:after {
+  content: "\10f831"; }
+
+.fad.fa-walking:after {
+  content: "\10f554"; }
+
+.fad.fa-wallet:after {
+  content: "\10f555"; }
+
+.fad.fa-wand:after {
+  content: "\10f72a"; }
+
+.fad.fa-wand-magic:after {
+  content: "\10f72b"; }
+
+.fad.fa-warehouse:after {
+  content: "\10f494"; }
+
+.fad.fa-warehouse-alt:after {
+  content: "\10f495"; }
+
+.fad.fa-washer:after {
+  content: "\10f898"; }
+
+.fad.fa-watch:after {
+  content: "\10f2e1"; }
+
+.fad.fa-watch-fitness:after {
+  content: "\10f63e"; }
+
+.fad.fa-water:after {
+  content: "\10f773"; }
+
+.fad.fa-water-lower:after {
+  content: "\10f774"; }
+
+.fad.fa-water-rise:after {
+  content: "\10f775"; }
+
+.fad.fa-wave-sine:after {
+  content: "\10f899"; }
+
+.fad.fa-wave-square:after {
+  content: "\10f83e"; }
+
+.fad.fa-wave-triangle:after {
+  content: "\10f89a"; }
+
+.fad.fa-webcam:after {
+  content: "\10f832"; }
+
+.fad.fa-webcam-slash:after {
+  content: "\10f833"; }
+
+.fad.fa-weight:after {
+  content: "\10f496"; }
+
+.fad.fa-weight-hanging:after {
+  content: "\10f5cd"; }
+
+.fad.fa-whale:after {
+  content: "\10f72c"; }
+
+.fad.fa-wheat:after {
+  content: "\10f72d"; }
+
+.fad.fa-wheelchair:after {
+  content: "\10f193"; }
+
+.fad.fa-whistle:after {
+  content: "\10f460"; }
+
+.fad.fa-wifi:after {
+  content: "\10f1eb"; }
+
+.fad.fa-wifi-1:after {
+  content: "\10f6aa"; }
+
+.fad.fa-wifi-2:after {
+  content: "\10f6ab"; }
+
+.fad.fa-wifi-slash:after {
+  content: "\10f6ac"; }
+
+.fad.fa-wind:after {
+  content: "\10f72e"; }
+
+.fad.fa-wind-turbine:after {
+  content: "\10f89b"; }
+
+.fad.fa-wind-warning:after {
+  content: "\10f776"; }
+
+.fad.fa-window:after {
+  content: "\10f40e"; }
+
+.fad.fa-window-alt:after {
+  content: "\10f40f"; }
+
+.fad.fa-window-close:after {
+  content: "\10f410"; }
+
+.fad.fa-window-maximize:after {
+  content: "\10f2d0"; }
+
+.fad.fa-window-minimize:after {
+  content: "\10f2d1"; }
+
+.fad.fa-window-restore:after {
+  content: "\10f2d2"; }
+
+.fad.fa-windsock:after {
+  content: "\10f777"; }
+
+.fad.fa-wine-bottle:after {
+  content: "\10f72f"; }
+
+.fad.fa-wine-glass:after {
+  content: "\10f4e3"; }
+
+.fad.fa-wine-glass-alt:after {
+  content: "\10f5ce"; }
+
+.fad.fa-won-sign:after {
+  content: "\10f159"; }
+
+.fad.fa-wreath:after {
+  content: "\10f7e2"; }
+
+.fad.fa-wrench:after {
+  content: "\10f0ad"; }
+
+.fad.fa-x-ray:after {
+  content: "\10f497"; }
+
+.fad.fa-yen-sign:after {
+  content: "\10f157"; }
+
+.fad.fa-yin-yang:after {
+  content: "\10f6ad"; }
+
+/*# sourceMappingURL=fa-duotone.css.map */

css/fa-light.css

@@ -0,0 +1,17 @@
+/*!
+ * Font Awesome Pro 5.10.2 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;
+  font-display: auto;
+  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; }
+
+/*# sourceMappingURL=fa-light.css.map */

css/fa-regular.css

@@ -0,0 +1,17 @@
+/*!
+ * Font Awesome Pro 5.10.2 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;
+  font-display: auto;
+  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 */

css/fa-solid.css

@@ -0,0 +1,18 @@
+/*!
+ * Font Awesome Pro 5.10.2 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;
+  font-display: auto;
+  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 */

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.2.0
+ * @license MIT
+ * @link https://itsjavi.com/bootstrap-colorpicker/
+ * @link https://github.com/itsjavi/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 */

css/formplugins/bootstrap-datepicker/bootstrap-datepicker.css

@@ -0,0 +1,1123 @@
+/*!
+ * 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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker.css

@@ -0,0 +1,793 @@
+@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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

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 */

css/formplugins/cropperjs/cropper.css

@@ -0,0 +1,408 @@
+/*!
+ * Cropper.js v1.5.6
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2019-10-04T04:33:44.164Z
+ */
+.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 */

css/formplugins/dropzone/dropzone.css

@@ -0,0 +1,567 @@
+/*
+ * The MIT License
+ * Copyright (c) 2012 Matias Meno <m@tias.me>
+ */
+@-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-message .dz-button {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  outline: inherit; }
+
+.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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+.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 */

css/formplugins/ion-rangeslider/ion-rangeslider.css

@@ -0,0 +1,1150 @@
+@charset "UTF-8";
+/**
+Ion.RangeSlider, 2.3.1
+© Denis Ineshin, 2010 - 2019, IonDen.com
+Build date: 2019-12-19 16:51:02
+*/
+@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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

css/formplugins/nouislider/nouislider.css

@@ -0,0 +1,306 @@
+/*! nouislider - 14.1.1 - 12/15/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; }
+
+.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;
+  right: 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
+ */
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
+  left: 0;
+  right: auto; }
+
+/* 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;
+  right: -17px;
+  top: -6px; }
+
+.noUi-vertical {
+  width: 18px; }
+
+.noUi-vertical .noUi-handle {
+  width: 28px;
+  height: 34px;
+  right: -6px;
+  top: -17px; }
+
+.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
+  left: -17px;
+  right: 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 */

css/formplugins/select2/select2.bundle.css

@@ -0,0 +1,1097 @@
+@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__clear {
+  cursor: pointer;
+  float: right;
+  font-weight: bold;
+  margin-top: 5px;
+  margin-right: 10px;
+  padding: 1px; }
+
+.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-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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

css/formplugins/smartwizard/smartwizard.css

@@ -0,0 +1,611 @@
+/*!
+ * SmartWizard v4.4.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.4.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.4.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.4.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 */

css/formplugins/summernote/summernote.css

@@ -0,0 +1,1124 @@
+/*!
+ * 
+ * Super simple wysiwyg editor v0.8.16
+ * https://summernote.org
+ * 
+ * 
+ * Copyright 2013- Alan Hong. and other contributors
+ * summernote may be freely distributed under the MIT license.
+ * 
+ * Date: 2020-02-19T09:12Z
+ * 
+ */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+@font-face {
+  font-family: "summernote";
+  font-style: normal;
+  font-weight: 400;
+  font-display: auto;
+  src: url("webfonts/summernote.eot");
+  src: url("webfonts/summernote.eot?#iefix") format("embedded-opentype"), url("webfonts/summernote.woff2") format("woff2"), url("webfonts/summernote.woff") format("woff"), url("webfonts/summernote.ttf") format("truetype"); }
+
+[class^="note-icon"]:before,
+[class*=" note-icon"]:before {
+  display: inline-block;
+  font-family: summernote;
+  font-style: normal;
+  font-size: inherit;
+  text-decoration: inherit;
+  text-rendering: auto;
+  text-transform: none;
+  vertical-align: middle;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  speak: none; }
+
+.note-icon-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.note-icon-border {
+  border: solid 0.08em #eee;
+  border-radius: 0.1em;
+  padding: 0.2em 0.25em 0.15em; }
+
+.note-icon-pull-left {
+  float: left; }
+
+.note-icon-pull-right {
+  float: right; }
+
+.note-icon.note-icon-pull-left {
+  margin-right: 0.3em; }
+
+.note-icon.note-icon-pull-right {
+  margin-left: 0.3em; }
+
+.note-icon-align::before {
+  content: "\ea01"; }
+
+.note-icon-align-center::before {
+  content: "\ea02"; }
+
+.note-icon-align-indent::before {
+  content: "\ea03"; }
+
+.note-icon-align-justify::before {
+  content: "\ea04"; }
+
+.note-icon-align-left::before {
+  content: "\ea05"; }
+
+.note-icon-align-outdent::before {
+  content: "\ea06"; }
+
+.note-icon-align-right::before {
+  content: "\ea07"; }
+
+.note-icon-arrow-circle-down::before {
+  content: "\ea08"; }
+
+.note-icon-arrow-circle-left::before {
+  content: "\ea09"; }
+
+.note-icon-arrow-circle-right::before {
+  content: "\ea0a"; }
+
+.note-icon-arrow-circle-up::before {
+  content: "\ea0b"; }
+
+.note-icon-arrows-alt::before {
+  content: "\ea0c"; }
+
+.note-icon-arrows-h::before {
+  content: "\ea0d"; }
+
+.note-icon-arrows-v::before {
+  content: "\ea0e"; }
+
+.note-icon-bold::before {
+  content: "\ea0f"; }
+
+.note-icon-caret::before {
+  content: "\ea10"; }
+
+.note-icon-chain-broken::before {
+  content: "\ea11"; }
+
+.note-icon-circle::before {
+  content: "\ea12"; }
+
+.note-icon-close::before {
+  content: "\ea13"; }
+
+.note-icon-code::before {
+  content: "\ea14"; }
+
+.note-icon-col-after::before {
+  content: "\ea15"; }
+
+.note-icon-col-before::before {
+  content: "\ea16"; }
+
+.note-icon-col-remove::before {
+  content: "\ea17"; }
+
+.note-icon-eraser::before {
+  content: "\ea18"; }
+
+.note-icon-float-left::before {
+  content: "\ea19"; }
+
+.note-icon-float-none::before {
+  content: "\ea1a"; }
+
+.note-icon-float-right::before {
+  content: "\ea1b"; }
+
+.note-icon-font::before {
+  content: "\ea1c"; }
+
+.note-icon-frame::before {
+  content: "\ea1d"; }
+
+.note-icon-italic::before {
+  content: "\ea1e"; }
+
+.note-icon-link::before {
+  content: "\ea1f"; }
+
+.note-icon-magic::before {
+  content: "\ea20"; }
+
+.note-icon-menu-check::before {
+  content: "\ea21"; }
+
+.note-icon-minus::before {
+  content: "\ea22"; }
+
+.note-icon-orderedlist::before {
+  content: "\ea23"; }
+
+.note-icon-pencil::before {
+  content: "\ea24"; }
+
+.note-icon-picture::before {
+  content: "\ea25"; }
+
+.note-icon-question::before {
+  content: "\ea26"; }
+
+.note-icon-redo::before {
+  content: "\ea27"; }
+
+.note-icon-rollback::before {
+  content: "\ea28"; }
+
+.note-icon-row-above::before {
+  content: "\ea29"; }
+
+.note-icon-row-below::before {
+  content: "\ea2a"; }
+
+.note-icon-row-remove::before {
+  content: "\ea2b"; }
+
+.note-icon-special-character::before {
+  content: "\ea2c"; }
+
+.note-icon-square::before {
+  content: "\ea2d"; }
+
+.note-icon-strikethrough::before {
+  content: "\ea2e"; }
+
+.note-icon-subscript::before {
+  content: "\ea2f"; }
+
+.note-icon-summernote::before {
+  content: "\ea30"; }
+
+.note-icon-superscript::before {
+  content: "\ea31"; }
+
+.note-icon-table::before {
+  content: "\ea32"; }
+
+.note-icon-text-height::before {
+  content: "\ea33"; }
+
+.note-icon-trash::before {
+  content: "\ea34"; }
+
+.note-icon-underline::before {
+  content: "\ea35"; }
+
+.note-icon-undo::before {
+  content: "\ea36"; }
+
+.note-icon-unorderedlist::before {
+  content: "\ea37"; }
+
+.note-icon-video::before {
+  content: "\ea38"; }
+
+.note-editor {
+  position: relative; }
+
+.note-editor .note-dropzone {
+  position: absolute;
+  display: none;
+  z-index: 100;
+  color: #87cefa;
+  background-color: #fff;
+  opacity: .95; }
+
+.note-editor .note-dropzone .note-dropzone-message {
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+  font-size: 28px;
+  font-weight: 700; }
+
+.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: none; }
+
+.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 .note-editable img.note-float-left {
+  margin-right: 10px; }
+
+.note-editor .note-editing-area .note-editable img.note-float-right {
+  margin-left: 10px; }
+
+.note-editor.note-frame, .note-editor.note-airframe {
+  border: 1px solid #a9a9a9; }
+
+.note-editor.note-frame.codeview .note-editing-area .note-editable, .note-editor.note-airframe.codeview .note-editing-area .note-editable {
+  display: none; }
+
+.note-editor.note-frame.codeview .note-editing-area .note-codable, .note-editor.note-airframe.codeview .note-editing-area .note-codable {
+  display: block; }
+
+.note-editor.note-frame .note-editing-area, .note-editor.note-airframe .note-editing-area {
+  overflow: hidden; }
+
+.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
+  background-color: #fff;
+  color: #000;
+  padding: 10px;
+  overflow: auto;
+  word-wrap: break-word; }
+
+.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false], .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
+  background-color: #e5e5e5; }
+
+.note-editor.note-frame .note-editing-area .note-codable, .note-editor.note-airframe .note-editing-area .note-codable {
+  display: none;
+  width: 100%;
+  padding: 10px;
+  border: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  font-family: Menlo,Monaco,monospace,sans-serif;
+  font-size: 14px;
+  color: #ccc;
+  background-color: #222;
+  resize: none;
+  outline: none;
+  -ms-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border-radius: 0;
+  margin-bottom: 0; }
+
+.note-editor.note-frame.fullscreen, .note-editor.note-airframe.fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100% !important;
+  z-index: 1050; }
+
+.note-editor.note-frame.fullscreen .note-editable, .note-editor.note-airframe.fullscreen .note-editable {
+  background-color: #fff; }
+
+.note-editor.note-frame.fullscreen .note-resizebar, .note-editor.note-airframe.fullscreen .note-resizebar {
+  display: none; }
+
+.note-editor.note-frame .note-status-output, .note-editor.note-airframe .note-status-output {
+  display: block;
+  width: 100%;
+  font-size: 14px;
+  line-height: 1.42857143;
+  height: 20px;
+  margin-bottom: 0;
+  color: #000;
+  border: 0;
+  border-top: 1px solid #e2e2e2; }
+
+.note-editor.note-frame .note-status-output:empty, .note-editor.note-airframe .note-status-output:empty {
+  height: 0;
+  border-top: 0 solid transparent; }
+
+.note-editor.note-frame .note-status-output .pull-right, .note-editor.note-airframe .note-status-output .pull-right {
+  float: right !important; }
+
+.note-editor.note-frame .note-status-output .text-muted, .note-editor.note-airframe .note-status-output .text-muted {
+  color: #777; }
+
+.note-editor.note-frame .note-status-output .text-primary, .note-editor.note-airframe .note-status-output .text-primary {
+  color: #286090; }
+
+.note-editor.note-frame .note-status-output .text-success, .note-editor.note-airframe .note-status-output .text-success {
+  color: #3c763d; }
+
+.note-editor.note-frame .note-status-output .text-info, .note-editor.note-airframe .note-status-output .text-info {
+  color: #31708f; }
+
+.note-editor.note-frame .note-status-output .text-warning, .note-editor.note-airframe .note-status-output .text-warning {
+  color: #8a6d3b; }
+
+.note-editor.note-frame .note-status-output .text-danger, .note-editor.note-airframe .note-status-output .text-danger {
+  color: #a94442; }
+
+.note-editor.note-frame .note-status-output .alert, .note-editor.note-airframe .note-status-output .alert {
+  margin: -7px 0 0 0;
+  padding: 7px 10px 2px 10px;
+  border-radius: 0;
+  color: #000;
+  background-color: #f5f5f5; }
+
+.note-editor.note-frame .note-status-output .alert .note-icon, .note-editor.note-airframe .note-status-output .alert .note-icon {
+  margin-right: 5px; }
+
+.note-editor.note-frame .note-status-output .alert-success, .note-editor.note-airframe .note-status-output .alert-success {
+  color: #3c763d !important;
+  background-color: #dff0d8 !important; }
+
+.note-editor.note-frame .note-status-output .alert-info, .note-editor.note-airframe .note-status-output .alert-info {
+  color: #31708f !important;
+  background-color: #d9edf7 !important; }
+
+.note-editor.note-frame .note-status-output .alert-warning, .note-editor.note-airframe .note-status-output .alert-warning {
+  color: #8a6d3b !important;
+  background-color: #fcf8e3 !important; }
+
+.note-editor.note-frame .note-status-output .alert-danger, .note-editor.note-airframe .note-status-output .alert-danger {
+  color: #a94442 !important;
+  background-color: #f2dede !important; }
+
+.note-editor.note-frame .note-statusbar, .note-editor.note-airframe .note-statusbar {
+  background-color: #f5f5f5;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border-top: 1px solid #ddd; }
+
+.note-editor.note-frame .note-statusbar .note-resizebar, .note-editor.note-airframe .note-statusbar .note-resizebar {
+  padding-top: 1px;
+  height: 9px;
+  width: 100%;
+  cursor: ns-resize; }
+
+.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-airframe .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, .note-editor.note-airframe .note-statusbar.locked .note-resizebar {
+  cursor: default; }
+
+.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
+  display: none; }
+
+.note-editor.note-frame .note-placeholder, .note-editor.note-airframe .note-placeholder {
+  padding: 10px; }
+
+.note-editor.note-airframe {
+  border: 0; }
+
+.note-editor.note-airframe .note-editing-area .note-editable {
+  padding: 0; }
+
+.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; }
+
+.note-popover .popover-content, .note-toolbar {
+  margin: 0;
+  padding: 0 0 5px 5px; }
+
+.note-popover .popover-content > .note-btn-group, .note-toolbar > .note-btn-group {
+  margin-top: 5px;
+  margin-left: 0;
+  margin-right: 5px; }
+
+.note-popover .popover-content .note-btn-group .note-table, .note-toolbar .note-btn-group .note-table {
+  min-width: 0;
+  padding: 5px; }
+
+.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-toolbar .note-btn-group .note-table .note-dimension-picker {
+  font-size: 18px; }
+
+.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-toolbar .note-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 .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .note-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 .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .note-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, .note-popover .popover-content .note-style .dropdown-style pre, .note-toolbar .note-style .dropdown-style blockquote, .note-toolbar .note-style .dropdown-style pre {
+  margin: 0;
+  padding: 5px 10px; }
+
+.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .note-toolbar .note-style .dropdown-style h1, .note-toolbar .note-style .dropdown-style h2, .note-toolbar .note-style .dropdown-style h3, .note-toolbar .note-style .dropdown-style h4, .note-toolbar .note-style .dropdown-style h5, .note-toolbar .note-style .dropdown-style h6, .note-toolbar .note-style .dropdown-style p {
+  margin: 0;
+  padding: 0; }
+
+.note-popover .popover-content .note-color-all .note-dropdown-menu, .note-toolbar .note-color-all .note-dropdown-menu {
+  min-width: 337px; }
+
+.note-popover .popover-content .note-color .dropdown-toggle, .note-toolbar .note-color .dropdown-toggle {
+  width: 20px;
+  padding-left: 5px; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-toolbar .note-color .note-dropdown-menu .note-palette {
+  display: inline-block;
+  margin: 0;
+  width: 160px; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
+  margin: 0 5px; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
+  font-size: 12px;
+  margin: 2px 7px;
+  text-align: center;
+  border-bottom: 1px solid #eee; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
+  font-size: 11px;
+  margin: 3px;
+  padding: 0 3px;
+  cursor: pointer;
+  width: 100%;
+  border-radius: 5px; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
+  background: #eee; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
+  height: 20px; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
+  display: none; }
+
+.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
+  border: 1px solid #eee; }
+
+.note-popover .popover-content .note-para .note-dropdown-menu, .note-toolbar .note-para .note-dropdown-menu {
+  min-width: 216px;
+  padding: 5px; }
+
+.note-popover .popover-content .note-para .note-dropdown-menu > div:first-child, .note-toolbar .note-para .note-dropdown-menu > div:first-child {
+  margin-right: 5px; }
+
+.note-popover .popover-content .note-dropdown-menu, .note-toolbar .note-dropdown-menu {
+  min-width: 160px; }
+
+.note-popover .popover-content .note-dropdown-menu.right, .note-toolbar .note-dropdown-menu.right {
+  right: 0;
+  left: auto; }
+
+.note-popover .popover-content .note-dropdown-menu.right::before, .note-toolbar .note-dropdown-menu.right::before {
+  right: 9px;
+  left: auto !important; }
+
+.note-popover .popover-content .note-dropdown-menu.right::after, .note-toolbar .note-dropdown-menu.right::after {
+  right: 10px;
+  left: auto !important; }
+
+.note-popover .popover-content .note-dropdown-menu.note-check a i, .note-toolbar .note-dropdown-menu.note-check a i {
+  color: #00bfff;
+  visibility: hidden; }
+
+.note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-toolbar .note-dropdown-menu.note-check a.checked i {
+  visibility: visible; }
+
+.note-popover .popover-content .note-fontsize-10, .note-toolbar .note-fontsize-10 {
+  font-size: 10px; }
+
+.note-popover .popover-content .note-color-palette, .note-toolbar .note-color-palette {
+  line-height: 1; }
+
+.note-popover .popover-content .note-color-palette div .note-color-btn, .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, .note-toolbar .note-color-palette div .note-color-btn:hover {
+  border: 1px solid #000; }
+
+.note-modal .modal-dialog {
+  outline: 0;
+  border-radius: 5px;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+          box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
+
+.note-modal .form-group {
+  margin-left: 0;
+  margin-right: 0; }
+
+.note-modal .note-modal-form {
+  margin: 0; }
+
+.note-modal .note-image-dialog .note-dropzone {
+  min-height: 100px;
+  font-size: 30px;
+  line-height: 4;
+  color: #d3d3d3;
+  text-align: center;
+  border: 4px dashed #d3d3d3;
+  margin-bottom: 10px; }
+
+@-moz-document url-prefix() {
+  .note-modal .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 #000; }
+
+.note-handle .note-control-selection > div {
+  position: absolute; }
+
+.note-handle .note-control-selection .note-control-selection-bg {
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  -webkit-opacity: .3;
+  -khtml-opacity: .3;
+  -moz-opacity: .3;
+  opacity: .3;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
+  filter: alpha(opacity=30); }
+
+.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-sizing, .note-handle .note-control-selection .note-control-holder {
+  width: 7px;
+  height: 7px;
+  border: 1px solid #000; }
+
+.note-handle .note-control-selection .note-control-sizing {
+  background-color: #000; }
+
+.note-handle .note-control-selection .note-control-nw {
+  top: -5px;
+  left: -5px;
+  border-right: none;
+  border-bottom: none; }
+
+.note-handle .note-control-selection .note-control-ne {
+  top: -5px;
+  right: -5px;
+  border-bottom: none;
+  border-left: none; }
+
+.note-handle .note-control-selection .note-control-sw {
+  bottom: -5px;
+  left: -5px;
+  border-top: none;
+  border-right: none; }
+
+.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: none;
+  border-left: none; }
+
+.note-handle .note-control-selection .note-control-selection-info {
+  right: 0;
+  bottom: 0;
+  padding: 5px;
+  margin: 5px;
+  color: #fff;
+  background-color: #000;
+  font-size: 12px;
+  border-radius: 5px;
+  -webkit-opacity: .7;
+  -khtml-opacity: .7;
+  -moz-opacity: .7;
+  opacity: .7;
+  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
+  filter: alpha(opacity=70); }
+
+.note-hint-popover {
+  min-width: 100px;
+  padding: 2px; }
+
+.note-hint-popover .popover-content {
+  padding: 3px;
+  max-height: 150px;
+  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;
+  white-space: nowrap;
+  text-decoration: none;
+  background-color: #428bca;
+  outline: 0;
+  cursor: pointer; }
+
+.note-toolbar .note-btn {
+  background: #fff;
+  border-color: #dae0e5;
+  padding: .28rem .65rem;
+  font-size: 13px; }
+
+/* #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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

css/miscellaneous/jqvmap/jqvmap.bundle.css

@@ -0,0 +1,457 @@
+@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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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 */

css/miscellaneous/lightgallery/lightgallery.bundle.css

@@ -0,0 +1,1179 @@
+/*!
+ * 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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+@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 */

css/miscellaneous/nestable/nestable.css

@@ -0,0 +1,584 @@
+@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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+@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 */

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 */

css/miscellaneous/treeview/treeview.css

@@ -0,0 +1,451 @@
+@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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+@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 */
+.tree li:after, .tree li:before {
+  content: '';
+  left: -20px;
+  position: absolute;
+  right: auto; }
+
+.tree li.parent_li > span:hover, .tree li.parent_li > span:hover + ul li span {
+  background: #eee;
+  border: 1px solid #94a0b4;
+  color: #000; }
+
+.tree {
+  min-height: 20px;
+  border-radius: 4px; }
+  .tree li {
+    list-style-type: none;
+    margin: 0;
+    padding: 5px;
+    position: relative; }
+    .tree li:after {
+      border-top: 1px solid #999;
+      height: 20px;
+      top: 18px;
+      width: 25px; }
+    .tree li:before {
+      border-left: 1px solid #999;
+      bottom: 50px;
+      height: 100%;
+      top: -11px;
+      width: 1px;
+      -webkit-transition: "border-color 0.1s ease 0.1s";
+      transition: "border-color 0.1s ease 0.1s"; }
+    .tree li span {
+      border: 1px dotted #999;
+      border-radius: 5px;
+      display: inline-block;
+      padding: 3px 8px;
+      text-decoration: none;
+      -webkit-transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s;
+      transition: color .2s ease .1s,background-color .2s ease .1s,border-color .3s ease .2s; }
+    .tree li:last-child::before {
+      height: 30px; }
+    .tree li.parent_li > span {
+      cursor: pointer;
+      padding: 7px; }
+      .tree li.parent_li > span:hover {
+        background-color: #df8505;
+        border: 1px solid #c67605;
+        color: #fff; }
+        .tree li.parent_li > span:hover + ul li::before {
+          border-left-color: #f89406; }
+        .tree li.parent_li > span:hover + ul li::after {
+          border-top-color: #f89406; }
+        .tree li.parent_li > span:hover + ul li span {
+          background: #fddfb3 !important;
+          border: 1px solid #faa937;
+          color: #000; }
+  .tree > ul {
+    padding-left: 0; }
+    .tree > ul > li::after {
+      border: 0; }
+    .tree > ul > li:before {
+      border: 0; }
+  .tree .fa.icon-minus-sign:before {
+    content: "" !important; }
+  .tree .fa.icon-plus-sign:before {
+    content: "" !important; }
+  .tree ul ul {
+    padding-left: 34px;
+    padding-top: 10px; }
+    .tree ul ul li:hover {
+      background: rgba(0, 0, 0, 0.015); }
+
+/*# sourceMappingURL=treeview.css.map */

css/notifications/sweetalert2/sweetalert2.bundle.css

@@ -0,0 +1,1574 @@
+/*  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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+.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; }
+
+.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;
+  background: #fff;
+  -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 .swal2-icon-content {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+          -ms-flex-align: center;
+              align-items: center;
+      font-size: 1.8em;
+      font-weight: bold; }
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
+          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;
+    width: auto;
+    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 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
+              box-shadow: 0 0 0 1px #fff, 0 0 0 3px 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-success.swal2-icon-show .swal2-success-line-tip {
+      -webkit-animation: swal2-toast-animate-success-line-tip .75s;
+              animation: swal2-toast-animate-success-line-tip .75s; }
+    .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
+      -webkit-animation: swal2-toast-animate-success-line-long .75s;
+              animation: swal2-toast-animate-success-line-long .75s; }
+  .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-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;
+  -webkit-transition: background-color 0.1s;
+  transition: background-color 0.1s;
+  -webkit-overflow-scrolling: touch; }
+  .swal2-container.swal2-backdrop-show {
+    background: rgba(0, 0, 0, 0.2); }
+  .swal2-container.swal2-backdrop-hide {
+    background: transparent !important; }
+  .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.swal2-no-transition {
+    -webkit-transition: none !important;
+    transition: none !important; }
+  .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-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 {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  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: rgba(50, 100, 150, 0.4);
+    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(50, 100, 150, 0.4);
+            box-shadow: 0 0 0 1px #fff, 0 0 0 3px 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-timer-progress-bar {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 0.25em;
+  background: rgba(0, 0, 0, 0.2); }
+
+.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-close::-moz-focus-inner {
+    border: 0; }
+
+.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: normal;
+  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 #b4dbed;
+    outline: none;
+    -webkit-box-shadow: 0 0 3px #c4e6f5;
+            box-shadow: 0 0 3px #c4e6f5; }
+  .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: #fff; }
+  .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: #fff;
+  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; }
+
+.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 .swal2-icon-content {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    font-size: 3.75em; }
+  .swal2-icon.swal2-error {
+    border-color: #fd3995;
+    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-error.swal2-icon-show {
+      -webkit-animation: swal2-animate-error-icon .5s;
+              animation: swal2-animate-error-icon .5s; }
+      .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
+        -webkit-animation: swal2-animate-error-x-mark .5s;
+                animation: swal2-animate-error-x-mark .5s; }
+  .swal2-icon.swal2-warning {
+    border-color: #ffcd65;
+    color: #ffc241; }
+  .swal2-icon.swal2-info {
+    border-color: #82c4f8;
+    color: #2196F3; }
+  .swal2-icon.swal2-question {
+    border-color: #beaed7;
+    color: #886ab5; }
+  .swal2-icon.swal2-success {
+    border-color: #1dc9b7;
+    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: .8125em;
+        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-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
+      -webkit-animation: swal2-animate-success-line-tip .75s;
+              animation: swal2-animate-success-line-tip .75s; }
+    .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
+      -webkit-animation: swal2-animate-success-line-long .75s;
+              animation: swal2-animate-success-line-long .75s; }
+    .swal2-icon.swal2-success.swal2-icon-show .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-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-hide {
+  -webkit-animation: swal2-hide 0.15s forwards;
+          animation: swal2-hide 0.15s forwards; }
+
+.swal2-noanimation {
+  -webkit-transition: none;
+  transition: none; }
+
+.swal2-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll; }
+
+.swal2-rtl .swal2-close {
+  right: auto;
+  left: 0; }
+
+.swal2-rtl .swal2-timer-progress-bar {
+  right: 0;
+  left: auto; }
+
+@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); } }
+
+@-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(0deg);
+            transform: translateY(0) rotateZ(0deg); } }
+
+@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(0deg);
+            transform: translateY(0) rotateZ(0deg); } }
+
+@-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; } }
+
+@-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: .8125em;
+    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: .8125em;
+    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; } }
+
+@-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); } }
+
+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-container {
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  max-width: calc(100% - 0.625em * 2);
+  background-color: transparent !important; }
+  body.swal2-no-backdrop .swal2-container > .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-container.swal2-top {
+    top: 0;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+            transform: translateX(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left {
+    top: 0;
+    left: 0; }
+  body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right {
+    top: 0;
+    right: 0; }
+  body.swal2-no-backdrop .swal2-container.swal2-center {
+    top: 50%;
+    left: 50%;
+    -webkit-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left {
+    top: 50%;
+    left: 0;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right {
+    top: 50%;
+    right: 0;
+    -webkit-transform: translateY(-50%);
+            transform: translateY(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-bottom {
+    bottom: 0;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+            transform: translateX(-50%); }
+  body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left {
+    bottom: 0;
+    left: 0; }
+  body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
+    right: 0;
+    bottom: 0; }
+
+@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; } }
+
+body.swal2-toast-shown .swal2-container {
+  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; }
+
+/*# sourceMappingURL=sweetalert2.bundle.css.map */

css/notifications/toastr/toastr.css

@@ -0,0 +1,451 @@
+.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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+.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 */

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 */

css/page-login-alt.css

@@ -0,0 +1,432 @@
+/* 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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+@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-alt.css.map */

css/page-login.css

@@ -0,0 +1,431 @@
+/* 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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+@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 */

css/statistics/c3/c3.css

@@ -0,0 +1,198 @@
+/*-- 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 {
+  fill: currentColor; }
+
+.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; }
+
+.c3-region text {
+  fill-opacity: 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 */

css/statistics/chartist/chartist.css

@@ -0,0 +1,823 @@
+/*  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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+/*// 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 */

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 */

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"]}

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 */

css/theme-demo.css

@@ -0,0 +1,284 @@
+/*  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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+.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 */

css/themes/cust-theme-1.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #a6538e;
+    border-color: #9e4e86;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a849;
+    border-color: #179c44;
+    -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 {
+    color: #212529;
+    background-color: #0cd0e2;
+    border-color: #0cc5d5;
+    -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 {
+    color: #212529;
+    background-color: #aaff1b;
+    border-color: #a5ff0e;
+    -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 {
+    color: #fff;
+    background-color: #b513fd;
+    border-color: #b107fc;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #3d3d3d;
+    border-color: #363636;
+    -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; }
+
+.bg-primary {
+  background-color: #b56a9f !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #9e4e86 !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #1dc958 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #179c44 !important; }
+
+.bg-info {
+  background-color: #21e2f3 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #0cc5d5 !important; }
+
+.bg-warning {
+  background-color: #b8ff41 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #a5ff0e !important; }
+
+.bg-danger {
+  background-color: #c139fd !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #b107fc !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; }
+
+:root {
+  --theme-primary: #b56a9f;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc958;
+  --theme-info: #21e2f3;
+  --theme-warning: #b8ff41;
+  --theme-danger: #c139fd;
+  --theme-light: #fff;
+  --theme-dark: #505050;
+  --theme-primary-50: #dfbfd6;
+  --theme-primary-100: #d7aecb;
+  --theme-primary-200: #ce9dc0;
+  --theme-primary-300: #c68cb5;
+  --theme-primary-400: #bd7baa;
+  --theme-primary-500: #b56a9f;
+  --theme-primary-600: #ad5994;
+  --theme-primary-700: #9e4e86;
+  --theme-primary-800: #8d4678;
+  --theme-primary-900: #7c3d69;
+  --theme-success-50: #7aeca1;
+  --theme-success-100: #63e991;
+  --theme-success-200: #4de581;
+  --theme-success-300: #37e272;
+  --theme-success-400: #21df62;
+  --theme-success-500: #1dc958;
+  --theme-success-600: #1ab34e;
+  --theme-success-700: #179c44;
+  --theme-success-800: #13863b;
+  --theme-success-900: #107031;
+  --theme-info-50: #9af2fa;
+  --theme-info-100: #82eff8;
+  --theme-info-200: #6aebf7;
+  --theme-info-300: #51e8f6;
+  --theme-info-400: #39e5f4;
+  --theme-info-500: #21e2f3;
+  --theme-info-600: #0ddbee;
+  --theme-info-700: #0cc5d5;
+  --theme-info-800: #0aafbd;
+  --theme-info-900: #0998a5;
+  --theme-warning-50: #e8ffc1;
+  --theme-warning-100: #deffa7;
+  --theme-warning-200: #d5ff8e;
+  --theme-warning-300: #cbff74;
+  --theme-warning-400: #c2ff5b;
+  --theme-warning-500: #b8ff41;
+  --theme-warning-600: #aeff28;
+  --theme-warning-700: #a5ff0e;
+  --theme-warning-800: #99f400;
+  --theme-warning-900: #89da00;
+  --theme-danger-50: #e9b7fe;
+  --theme-danger-100: #e19efe;
+  --theme-danger-200: #d985fe;
+  --theme-danger-300: #d16bfe;
+  --theme-danger-400: #c952fd;
+  --theme-danger-500: #c139fd;
+  --theme-danger-600: #b920fd;
+  --theme-danger-700: #b107fc;
+  --theme-danger-800: #a102e7;
+  --theme-danger-900: #9002ce;
+  --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; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #b56a9f; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #b56a9f; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #c139fd; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #c139fd; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #b8ff41; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #b8ff41; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #21e2f3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #21e2f3; }
+
+.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: #1dc958; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #1dc958; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #21e2f3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #21e2f3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #7c3d69; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #7c3d69; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #e19efe; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #e19efe; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #d5ff8e; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #d5ff8e; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #9002ce; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #9002ce; }
+
+.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: #37e272; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #37e272; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #51e8f6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #51e8f6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #c68cb5; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #c68cb5; }
+
+/* #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 */

css/themes/cust-theme-10.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #657871;
+    border-color: #5f716b;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #212529;
+    background-color: #78ff11;
+    border-color: #71ff04;
+    -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 {
+    color: #fff;
+    background-color: #1170ff;
+    border-color: #0468ff;
+    -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 {
+    color: #212529;
+    background-color: #11ff97;
+    border-color: #04ff92;
+    -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 {
+    color: #fff;
+    background-color: #a011ff;
+    border-color: #9b04ff;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #2f2f2f;
+    border-color: #282828;
+    -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; }
+
+.bg-primary {
+  background-color: #778c85 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #5f716b !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #8eff37 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #71ff04 !important; }
+
+.bg-info {
+  background-color: #3787ff !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #0468ff !important; }
+
+.bg-warning {
+  background-color: #37ffa8 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #04ff92 !important; }
+
+.bg-danger {
+  background-color: #af37ff !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #9b04ff !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: #424242 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #282828 !important; }
+
+:root {
+  --theme-primary: #778c85;
+  --theme-secondary: #6c757d;
+  --theme-success: #8eff37;
+  --theme-info: #3787ff;
+  --theme-warning: #37ffa8;
+  --theme-danger: #af37ff;
+  --theme-light: #fff;
+  --theme-dark: #424242;
+  --theme-primary-50: #bcc6c3;
+  --theme-primary-100: #aebbb7;
+  --theme-primary-200: #a0afaa;
+  --theme-primary-300: #93a39e;
+  --theme-primary-400: #859891;
+  --theme-primary-500: #778c85;
+  --theme-primary-600: #6b7f78;
+  --theme-primary-700: #5f716b;
+  --theme-primary-800: #54635e;
+  --theme-primary-900: #485551;
+  --theme-success-50: #d6ffb7;
+  --theme-success-100: #c8ff9d;
+  --theme-success-200: #b9ff84;
+  --theme-success-300: #abff6a;
+  --theme-success-400: #9cff51;
+  --theme-success-500: #8eff37;
+  --theme-success-600: #80ff1e;
+  --theme-success-700: #71ff04;
+  --theme-success-800: #66ea00;
+  --theme-success-900: #5ad000;
+  --theme-info-50: #b7d4ff;
+  --theme-info-100: #9dc4ff;
+  --theme-info-200: #84b5ff;
+  --theme-info-300: #6aa6ff;
+  --theme-info-400: #5196ff;
+  --theme-info-500: #3787ff;
+  --theme-info-600: #1e78ff;
+  --theme-info-700: #0468ff;
+  --theme-info-800: #005dea;
+  --theme-info-900: #0053d0;
+  --theme-warning-50: #b7ffdf;
+  --theme-warning-100: #9dffd4;
+  --theme-warning-200: #84ffc9;
+  --theme-warning-300: #6affbe;
+  --theme-warning-400: #51ffb3;
+  --theme-warning-500: #37ffa8;
+  --theme-warning-600: #1eff9d;
+  --theme-warning-700: #04ff92;
+  --theme-warning-800: #00ea84;
+  --theme-warning-900: #00d076;
+  --theme-danger-50: #e2b7ff;
+  --theme-danger-100: #d89dff;
+  --theme-danger-200: #ce84ff;
+  --theme-danger-300: #c36aff;
+  --theme-danger-400: #b951ff;
+  --theme-danger-500: #af37ff;
+  --theme-danger-600: #a51eff;
+  --theme-danger-700: #9b04ff;
+  --theme-danger-800: #8c00ea;
+  --theme-danger-900: #7d00d0;
+  --theme-fusion-50: #828282;
+  --theme-fusion-100: #757575;
+  --theme-fusion-200: #686868;
+  --theme-fusion-300: #5b5b5b;
+  --theme-fusion-400: #4f4f4f;
+  --theme-fusion-500: #424242;
+  --theme-fusion-600: #353535;
+  --theme-fusion-700: #282828;
+  --theme-fusion-800: #1c1c1c;
+  --theme-fusion-900: #0f0f0f; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #778c85; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #778c85; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #af37ff; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #af37ff; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #37ffa8; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #37ffa8; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #3787ff; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #3787ff; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #424242; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #424242; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #8eff37; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #8eff37; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #3787ff; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #3787ff; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #485551; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #485551; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #d89dff; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #d89dff; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #84ffc9; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #84ffc9; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #7d00d0; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #7d00d0; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #5b5b5b; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #5b5b5b; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #abff6a; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #abff6a; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #6aa6ff; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #6aa6ff; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #93a39e; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #93a39e; }
+
+/* #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 */

css/themes/cust-theme-11.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #91a25f;
+    border-color: #8a9a5a;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #212529;
+    background-color: #62cf7b;
+    border-color: #58cc73;
+    -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 {
+    color: #212529;
+    background-color: #ce9f88;
+    border-color: #ca987f;
+    -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 {
+    color: #212529;
+    background-color: #e172cb;
+    border-color: #df68c8;
+    -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 {
+    color: #fff;
+    background-color: #f66e4d;
+    border-color: #f66540;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #414141;
+    border-color: #3a3a3a;
+    -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; }
+
+.bg-primary {
+  background-color: #a2b077 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #8a9a5a !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #7fd894 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #58cc73 !important; }
+
+.bg-info {
+  background-color: #d9b5a3 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #ca987f !important; }
+
+.bg-warning {
+  background-color: #e892d7 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #df68c8 !important; }
+
+.bg-danger {
+  background-color: #f88c71 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #f66540 !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: #545454 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #3a3a3a !important; }
+
+:root {
+  --theme-primary: #a2b077;
+  --theme-secondary: #6c757d;
+  --theme-success: #7fd894;
+  --theme-info: #d9b5a3;
+  --theme-warning: #e892d7;
+  --theme-danger: #f88c71;
+  --theme-light: #fff;
+  --theme-dark: #545454;
+  --theme-primary-50: #d9dfc8;
+  --theme-primary-100: #ced5b8;
+  --theme-primary-200: #c3cca7;
+  --theme-primary-300: #b8c397;
+  --theme-primary-400: #adb987;
+  --theme-primary-500: #a2b077;
+  --theme-primary-600: #97a767;
+  --theme-primary-700: #8a9a5a;
+  --theme-primary-800: #7c8a50;
+  --theme-primary-900: #6e7a47;
+  --theme-success-50: #e1f6e6;
+  --theme-success-100: #cdf0d5;
+  --theme-success-200: #baeac5;
+  --theme-success-300: #a6e4b5;
+  --theme-success-400: #93dea4;
+  --theme-success-500: #7fd894;
+  --theme-success-600: #6bd284;
+  --theme-success-700: #58cc73;
+  --theme-success-800: #44c663;
+  --theme-success-900: #38b957;
+  --theme-info-50: #fefefd;
+  --theme-info-100: #f7efeb;
+  --theme-info-200: #efe1d9;
+  --theme-info-300: #e8d2c7;
+  --theme-info-400: #e0c4b5;
+  --theme-info-500: #d9b5a3;
+  --theme-info-600: #d2a691;
+  --theme-info-700: #ca987f;
+  --theme-info-800: #c3896d;
+  --theme-info-900: #bb7b5b;
+  --theme-warning-50: #fefbfe;
+  --theme-warning-100: #fae6f6;
+  --theme-warning-200: #f5d1ee;
+  --theme-warning-300: #f1bce6;
+  --theme-warning-400: #eca7df;
+  --theme-warning-500: #e892d7;
+  --theme-warning-600: #e47dcf;
+  --theme-warning-700: #df68c8;
+  --theme-warning-800: #db53c0;
+  --theme-warning-900: #d63eb8;
+  --theme-danger-50: #feeeeb;
+  --theme-danger-100: #fddbd2;
+  --theme-danger-200: #fcc7ba;
+  --theme-danger-300: #fab3a2;
+  --theme-danger-400: #f9a089;
+  --theme-danger-500: #f88c71;
+  --theme-danger-600: #f77859;
+  --theme-danger-700: #f66540;
+  --theme-danger-800: #f45128;
+  --theme-danger-900: #f33d10;
+  --theme-fusion-50: #949494;
+  --theme-fusion-100: #878787;
+  --theme-fusion-200: #7a7a7a;
+  --theme-fusion-300: #6d6d6d;
+  --theme-fusion-400: #616161;
+  --theme-fusion-500: #545454;
+  --theme-fusion-600: #474747;
+  --theme-fusion-700: #3a3a3a;
+  --theme-fusion-800: #2e2e2e;
+  --theme-fusion-900: #212121; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #a2b077; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #a2b077; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #f88c71; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #f88c71; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #e892d7; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #e892d7; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #d9b5a3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #d9b5a3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #545454; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #545454; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #7fd894; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #7fd894; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #d9b5a3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #d9b5a3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #6e7a47; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #6e7a47; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #fddbd2; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #fddbd2; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #f5d1ee; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #f5d1ee; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #f33d10; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #f33d10; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #6d6d6d; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #6d6d6d; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #a6e4b5; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #a6e4b5; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #e8d2c7; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #e8d2c7; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #b8c397; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #b8c397; }
+
+/* #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 */

css/themes/cust-theme-12.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #615da5;
+    border-color: #5b589e;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a849;
+    border-color: #179c44;
+    -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 {
+    color: #212529;
+    background-color: #0cd0e2;
+    border-color: #0cc5d5;
+    -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 {
+    color: #212529;
+    background-color: #aaff1b;
+    border-color: #a5ff0e;
+    -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 {
+    color: #fff;
+    background-color: #b513fd;
+    border-color: #b107fc;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #424242;
+    border-color: #3b3b3b;
+    -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; }
+
+.bg-primary {
+  background-color: #7976b3 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #5b589e !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #1dc958 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #179c44 !important; }
+
+.bg-info {
+  background-color: #21e2f3 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #0cc5d5 !important; }
+
+.bg-warning {
+  background-color: #b8ff41 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #a5ff0e !important; }
+
+.bg-danger {
+  background-color: #c139fd !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #b107fc !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: #555555 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #3b3b3b !important; }
+
+:root {
+  --theme-primary: #7976b3;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc958;
+  --theme-info: #21e2f3;
+  --theme-warning: #b8ff41;
+  --theme-danger: #c139fd;
+  --theme-light: #fff;
+  --theme-dark: #555555;
+  --theme-primary-50: #c9c8e0;
+  --theme-primary-100: #b9b8d7;
+  --theme-primary-200: #a9a7ce;
+  --theme-primary-300: #9997c5;
+  --theme-primary-400: #8986bc;
+  --theme-primary-500: #7976b3;
+  --theme-primary-600: #6966aa;
+  --theme-primary-700: #5b589e;
+  --theme-primary-800: #524f8e;
+  --theme-primary-900: #48467d;
+  --theme-success-50: #7aeca1;
+  --theme-success-100: #63e991;
+  --theme-success-200: #4de581;
+  --theme-success-300: #37e272;
+  --theme-success-400: #21df62;
+  --theme-success-500: #1dc958;
+  --theme-success-600: #1ab34e;
+  --theme-success-700: #179c44;
+  --theme-success-800: #13863b;
+  --theme-success-900: #107031;
+  --theme-info-50: #9af2fa;
+  --theme-info-100: #82eff8;
+  --theme-info-200: #6aebf7;
+  --theme-info-300: #51e8f6;
+  --theme-info-400: #39e5f4;
+  --theme-info-500: #21e2f3;
+  --theme-info-600: #0ddbee;
+  --theme-info-700: #0cc5d5;
+  --theme-info-800: #0aafbd;
+  --theme-info-900: #0998a5;
+  --theme-warning-50: #e8ffc1;
+  --theme-warning-100: #deffa7;
+  --theme-warning-200: #d5ff8e;
+  --theme-warning-300: #cbff74;
+  --theme-warning-400: #c2ff5b;
+  --theme-warning-500: #b8ff41;
+  --theme-warning-600: #aeff28;
+  --theme-warning-700: #a5ff0e;
+  --theme-warning-800: #99f400;
+  --theme-warning-900: #89da00;
+  --theme-danger-50: #e9b7fe;
+  --theme-danger-100: #e19efe;
+  --theme-danger-200: #d985fe;
+  --theme-danger-300: #d16bfe;
+  --theme-danger-400: #c952fd;
+  --theme-danger-500: #c139fd;
+  --theme-danger-600: #b920fd;
+  --theme-danger-700: #b107fc;
+  --theme-danger-800: #a102e7;
+  --theme-danger-900: #9002ce;
+  --theme-fusion-50: #959595;
+  --theme-fusion-100: #888888;
+  --theme-fusion-200: #7b7b7b;
+  --theme-fusion-300: #6e6e6e;
+  --theme-fusion-400: #626262;
+  --theme-fusion-500: #555555;
+  --theme-fusion-600: #484848;
+  --theme-fusion-700: #3b3b3b;
+  --theme-fusion-800: #2f2f2f;
+  --theme-fusion-900: #222222; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #7976b3; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #7976b3; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #c139fd; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #c139fd; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #b8ff41; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #b8ff41; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #21e2f3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #21e2f3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #555555; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #555555; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #1dc958; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #1dc958; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #21e2f3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #21e2f3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #48467d; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #48467d; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #e19efe; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #e19efe; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #d5ff8e; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #d5ff8e; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #9002ce; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #9002ce; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #6e6e6e; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #6e6e6e; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #37e272; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #37e272; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #51e8f6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #51e8f6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #9997c5; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #9997c5; }
+
+/* #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 */

css/themes/cust-theme-13.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #39c444;
+    border-color: #36ba41;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a849;
+    border-color: #179c44;
+    -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 {
+    color: #212529;
+    background-color: #0cd0e2;
+    border-color: #0cc5d5;
+    -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 {
+    color: #212529;
+    background-color: #aaff1b;
+    border-color: #a5ff0e;
+    -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 {
+    color: #fff;
+    background-color: #b513fd;
+    border-color: #b107fc;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #3f3f3f;
+    border-color: #383838;
+    -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; }
+
+.bg-primary {
+  background-color: #55ce5f !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #36ba41 !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #1dc958 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #179c44 !important; }
+
+.bg-info {
+  background-color: #21e2f3 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #0cc5d5 !important; }
+
+.bg-warning {
+  background-color: #b8ff41 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #a5ff0e !important; }
+
+.bg-danger {
+  background-color: #c139fd !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #b107fc !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: #525252 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #383838 !important; }
+
+:root {
+  --theme-primary: #55ce5f;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc958;
+  --theme-info: #21e2f3;
+  --theme-warning: #b8ff41;
+  --theme-danger: #c139fd;
+  --theme-light: #fff;
+  --theme-dark: #525252;
+  --theme-primary-50: #b8ebbc;
+  --theme-primary-100: #a4e5aa;
+  --theme-primary-200: #90df97;
+  --theme-primary-300: #7dd984;
+  --theme-primary-400: #69d472;
+  --theme-primary-500: #55ce5f;
+  --theme-primary-600: #41c84c;
+  --theme-primary-700: #36ba41;
+  --theme-primary-800: #30a73a;
+  --theme-primary-900: #2a9333;
+  --theme-success-50: #7aeca1;
+  --theme-success-100: #63e991;
+  --theme-success-200: #4de581;
+  --theme-success-300: #37e272;
+  --theme-success-400: #21df62;
+  --theme-success-500: #1dc958;
+  --theme-success-600: #1ab34e;
+  --theme-success-700: #179c44;
+  --theme-success-800: #13863b;
+  --theme-success-900: #107031;
+  --theme-info-50: #9af2fa;
+  --theme-info-100: #82eff8;
+  --theme-info-200: #6aebf7;
+  --theme-info-300: #51e8f6;
+  --theme-info-400: #39e5f4;
+  --theme-info-500: #21e2f3;
+  --theme-info-600: #0ddbee;
+  --theme-info-700: #0cc5d5;
+  --theme-info-800: #0aafbd;
+  --theme-info-900: #0998a5;
+  --theme-warning-50: #e8ffc1;
+  --theme-warning-100: #deffa7;
+  --theme-warning-200: #d5ff8e;
+  --theme-warning-300: #cbff74;
+  --theme-warning-400: #c2ff5b;
+  --theme-warning-500: #b8ff41;
+  --theme-warning-600: #aeff28;
+  --theme-warning-700: #a5ff0e;
+  --theme-warning-800: #99f400;
+  --theme-warning-900: #89da00;
+  --theme-danger-50: #e9b7fe;
+  --theme-danger-100: #e19efe;
+  --theme-danger-200: #d985fe;
+  --theme-danger-300: #d16bfe;
+  --theme-danger-400: #c952fd;
+  --theme-danger-500: #c139fd;
+  --theme-danger-600: #b920fd;
+  --theme-danger-700: #b107fc;
+  --theme-danger-800: #a102e7;
+  --theme-danger-900: #9002ce;
+  --theme-fusion-50: #929292;
+  --theme-fusion-100: #858585;
+  --theme-fusion-200: #787878;
+  --theme-fusion-300: #6b6b6b;
+  --theme-fusion-400: #5f5f5f;
+  --theme-fusion-500: #525252;
+  --theme-fusion-600: #454545;
+  --theme-fusion-700: #383838;
+  --theme-fusion-800: #2c2c2c;
+  --theme-fusion-900: #1f1f1f; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #55ce5f; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #55ce5f; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #c139fd; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #c139fd; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #b8ff41; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #b8ff41; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #21e2f3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #21e2f3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #525252; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #525252; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #1dc958; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #1dc958; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #21e2f3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #21e2f3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #2a9333; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #2a9333; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #e19efe; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #e19efe; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #d5ff8e; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #d5ff8e; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #9002ce; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #9002ce; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #6b6b6b; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #6b6b6b; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #37e272; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #37e272; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #51e8f6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #51e8f6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #7dd984; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #7dd984; }
+
+/* #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 */

css/themes/cust-theme-2.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #212529;
+    background-color: #8ab230;
+    border-color: #82a82d;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a899;
+    border-color: #179c8e;
+    -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 {
+    color: #fff;
+    background-color: #0c83e2;
+    border-color: #0c7cd5;
+    -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 {
+    color: #212529;
+    background-color: #ffb61b;
+    border-color: #ffb20e;
+    -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 {
+    color: #fff;
+    background-color: #fd1381;
+    border-color: #fc077a;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #313131;
+    border-color: #2b2b2b;
+    -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; }
+
+.bg-primary {
+  background-color: #9fcb3d !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #82a82d !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !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: #444444 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #2b2b2b !important; }
+
+:root {
+  --theme-primary: #9fcb3d;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc9b7;
+  --theme-info: #2196F3;
+  --theme-warning: #ffc241;
+  --theme-danger: #fd3995;
+  --theme-light: #fff;
+  --theme-dark: #444444;
+  --theme-primary-50: #d1e6a2;
+  --theme-primary-100: #c7e18d;
+  --theme-primary-200: #bddb79;
+  --theme-primary-300: #b3d665;
+  --theme-primary-400: #a9d051;
+  --theme-primary-500: #9fcb3d;
+  --theme-primary-600: #91bc32;
+  --theme-primary-700: #82a82d;
+  --theme-primary-800: #729428;
+  --theme-primary-900: #638022;
+  --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: #848484;
+  --theme-fusion-100: #777777;
+  --theme-fusion-200: #6b6b6b;
+  --theme-fusion-300: #5e5e5e;
+  --theme-fusion-400: #515151;
+  --theme-fusion-500: #444444;
+  --theme-fusion-600: #383838;
+  --theme-fusion-700: #2b2b2b;
+  --theme-fusion-800: #1e1e1e;
+  --theme-fusion-900: #111111; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #9fcb3d; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #9fcb3d; }
+
+.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: #444444; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #444444; }
+
+.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: #638022; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #638022; }
+
+.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: #5e5e5e; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #5e5e5e; }
+
+.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: #b3d665; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #b3d665; }
+
+/* #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 */

css/themes/cust-theme-3.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #3366b9;
+    border-color: #3060af;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a899;
+    border-color: #179c8e;
+    -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 {
+    color: #fff;
+    background-color: #0c83e2;
+    border-color: #0c7cd5;
+    -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 {
+    color: #212529;
+    background-color: #ffb61b;
+    border-color: #ffb20e;
+    -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 {
+    color: #fff;
+    background-color: #fd1381;
+    border-color: #fc077a;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #363636;
+    border-color: #303030;
+    -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; }
+
+.bg-primary {
+  background-color: #4679cc !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #3060af !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !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: #494949 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #303030 !important; }
+
+:root {
+  --theme-primary: #4679cc;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc9b7;
+  --theme-info: #2196F3;
+  --theme-warning: #ffc241;
+  --theme-danger: #fd3995;
+  --theme-light: #fff;
+  --theme-dark: #494949;
+  --theme-primary-50: #aac1e8;
+  --theme-primary-100: #96b3e2;
+  --theme-primary-200: #82a4dd;
+  --theme-primary-300: #6e96d7;
+  --theme-primary-400: #5a87d2;
+  --theme-primary-500: #4679cc;
+  --theme-primary-600: #366bc3;
+  --theme-primary-700: #3060af;
+  --theme-primary-800: #2b559b;
+  --theme-primary-900: #254a87;
+  --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: #898989;
+  --theme-fusion-100: #7c7c7c;
+  --theme-fusion-200: #707070;
+  --theme-fusion-300: #636363;
+  --theme-fusion-400: #565656;
+  --theme-fusion-500: #494949;
+  --theme-fusion-600: #3d3d3d;
+  --theme-fusion-700: #303030;
+  --theme-fusion-800: #232323;
+  --theme-fusion-900: #161616; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #4679cc; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #4679cc; }
+
+.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: #494949; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #494949; }
+
+.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: #254a87; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #254a87; }
+
+.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: #636363; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #636363; }
+
+.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: #6e96d7; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #6e96d7; }
+
+/* #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 */

css/themes/cust-theme-4.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #0c85e2;
+    border-color: #0c7ed5;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #212529;
+    background-color: #57e404;
+    border-color: #52d704;
+    -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 {
+    color: #fff;
+    background-color: #a70bde;
+    border-color: #9d0ad2;
+    -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 {
+    color: #fff;
+    background-color: #ec8700;
+    border-color: #df8000;
+    -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 {
+    color: #fff;
+    background-color: #e60338;
+    border-color: #d90334;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #32373c;
+    border-color: #2c3136;
+    -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; }
+
+.bg-primary {
+  background-color: #2198F3 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #0c7ed5 !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #69FB13 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #52d704 !important; }
+
+.bg-info {
+  background-color: #BB1BF4 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #9d0ad2 !important; }
+
+.bg-warning {
+  background-color: #FF9A13 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #df8000 !important; }
+
+.bg-danger {
+  background-color: #FC1349 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #d90334 !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: #434a51 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #2c3136 !important; }
+
+:root {
+  --theme-primary: #2198F3;
+  --theme-secondary: #6c757d;
+  --theme-success: #69FB13;
+  --theme-info: #BB1BF4;
+  --theme-warning: #FF9A13;
+  --theme-danger: #FC1349;
+  --theme-light: #fff;
+  --theme-dark: #434a51;
+  --theme-primary-50: #9ad0fa;
+  --theme-primary-100: #82c5f8;
+  --theme-primary-200: #6abaf7;
+  --theme-primary-300: #51aef6;
+  --theme-primary-400: #39a3f4;
+  --theme-primary-500: #2198F3;
+  --theme-primary-600: #0d8cee;
+  --theme-primary-700: #0c7ed5;
+  --theme-primary-800: #0a70bd;
+  --theme-primary-900: #0961a5;
+  --theme-success-50: #b9fd90;
+  --theme-success-100: #a9fd77;
+  --theme-success-200: #99fc5e;
+  --theme-success-300: #89fc45;
+  --theme-success-400: #79fb2c;
+  --theme-success-500: #69FB13;
+  --theme-success-600: #5cf004;
+  --theme-success-700: #52d704;
+  --theme-success-800: #49be03;
+  --theme-success-900: #3fa503;
+  --theme-info-50: #df95fa;
+  --theme-info-100: #d87cf9;
+  --theme-info-200: #d164f8;
+  --theme-info-300: #ca4cf6;
+  --theme-info-400: #c233f5;
+  --theme-info-500: #BB1BF4;
+  --theme-info-600: #b00bea;
+  --theme-info-700: #9d0ad2;
+  --theme-info-800: #8b09ba;
+  --theme-info-900: #7908a1;
+  --theme-warning-50: #ffd193;
+  --theme-warning-100: #ffc679;
+  --theme-warning-200: #ffbb60;
+  --theme-warning-300: #ffb046;
+  --theme-warning-400: #ffa52d;
+  --theme-warning-500: #FF9A13;
+  --theme-warning-600: #f98e00;
+  --theme-warning-700: #df8000;
+  --theme-warning-800: #c67100;
+  --theme-warning-900: #ac6200;
+  --theme-danger-50: #fe91aa;
+  --theme-danger-100: #fd7897;
+  --theme-danger-200: #fd5f83;
+  --theme-danger-300: #fd4570;
+  --theme-danger-400: #fc2c5c;
+  --theme-danger-500: #FC1349;
+  --theme-danger-600: #f2033b;
+  --theme-danger-700: #d90334;
+  --theme-danger-800: #c0022e;
+  --theme-danger-900: #a70228;
+  --theme-fusion-50: #7f8a95;
+  --theme-fusion-100: #717d89;
+  --theme-fusion-200: #66707b;
+  --theme-fusion-300: #5a636d;
+  --theme-fusion-400: #4f575f;
+  --theme-fusion-500: #434a51;
+  --theme-fusion-600: #383d43;
+  --theme-fusion-700: #2c3136;
+  --theme-fusion-800: #202428;
+  --theme-fusion-900: #15171a; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #2198F3; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #2198F3; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #FC1349; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #FC1349; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #FF9A13; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #FF9A13; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #BB1BF4; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #BB1BF4; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #434a51; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #434a51; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #69FB13; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #69FB13; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #BB1BF4; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #BB1BF4; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #0961a5; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #0961a5; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #fd7897; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #fd7897; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #ffbb60; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #ffbb60; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #a70228; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #a70228; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #5a636d; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #5a636d; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #89fc45; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #89fc45; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #ca4cf6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #ca4cf6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #51aef6; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #51aef6; }
+
+/* #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 */

css/themes/cust-theme-5.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #53a6a5;
+    border-color: #4e9e9d;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #70ab53;
+    border-color: #6aa34e;
+    -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 {
+    color: #fff;
+    background-color: #7c53a6;
+    border-color: #754e9e;
+    -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 {
+    color: #212529;
+    background-color: #d9c55f;
+    border-color: #d6c155;
+    -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 {
+    color: #fff;
+    background-color: #a66853;
+    border-color: #9e624e;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #3d3d3d;
+    border-color: #363636;
+    -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; }
+
+.bg-primary {
+  background-color: #6ab5b4 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #4e9e9d !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #85b86c !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #6aa34e !important; }
+
+.bg-info {
+  background-color: #8f6ab5 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #754e9e !important; }
+
+.bg-warning {
+  background-color: #e0d07e !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #d6c155 !important; }
+
+.bg-danger {
+  background-color: #b57d6a !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #9e624e !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; }
+
+:root {
+  --theme-primary: #6ab5b4;
+  --theme-secondary: #6c757d;
+  --theme-success: #85b86c;
+  --theme-info: #8f6ab5;
+  --theme-warning: #e0d07e;
+  --theme-danger: #b57d6a;
+  --theme-light: #fff;
+  --theme-dark: #505050;
+  --theme-primary-50: #bfdfdf;
+  --theme-primary-100: #aed7d6;
+  --theme-primary-200: #9dcece;
+  --theme-primary-300: #8cc6c5;
+  --theme-primary-400: #7bbdbd;
+  --theme-primary-500: #6ab5b4;
+  --theme-primary-600: #59adab;
+  --theme-primary-700: #4e9e9d;
+  --theme-primary-800: #468d8c;
+  --theme-primary-900: #3d7c7b;
+  --theme-success-50: #cce2c2;
+  --theme-success-100: #bed9b1;
+  --theme-success-200: #b0d1a0;
+  --theme-success-300: #a2c98e;
+  --theme-success-400: #93c07d;
+  --theme-success-500: #85b86c;
+  --theme-success-600: #77b05b;
+  --theme-success-700: #6aa34e;
+  --theme-success-800: #5f9146;
+  --theme-success-900: #54803e;
+  --theme-info-50: #cfbfdf;
+  --theme-info-100: #c2aed7;
+  --theme-info-200: #b59dce;
+  --theme-info-300: #a98cc6;
+  --theme-info-400: #9c7bbd;
+  --theme-info-500: #8f6ab5;
+  --theme-info-600: #8259ad;
+  --theme-info-700: #754e9e;
+  --theme-info-800: #69468d;
+  --theme-info-900: #5c3d7c;
+  --theme-warning-50: #f9f5e5;
+  --theme-warning-100: #f4eed0;
+  --theme-warning-200: #efe6bc;
+  --theme-warning-300: #eadfa7;
+  --theme-warning-400: #e5d793;
+  --theme-warning-500: #e0d07e;
+  --theme-warning-600: #dbc969;
+  --theme-warning-700: #d6c155;
+  --theme-warning-800: #d1ba40;
+  --theme-warning-900: #c8af30;
+  --theme-danger-50: #dfc7bf;
+  --theme-danger-100: #d7b8ae;
+  --theme-danger-200: #ceaa9d;
+  --theme-danger-300: #c69b8c;
+  --theme-danger-400: #bd8c7b;
+  --theme-danger-500: #b57d6a;
+  --theme-danger-600: #ad6e59;
+  --theme-danger-700: #9e624e;
+  --theme-danger-800: #8d5846;
+  --theme-danger-900: #7c4d3d;
+  --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; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #6ab5b4; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #6ab5b4; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #b57d6a; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #b57d6a; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #e0d07e; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #e0d07e; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #8f6ab5; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #8f6ab5; }
+
+.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: #85b86c; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #85b86c; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #8f6ab5; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #8f6ab5; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #3d7c7b; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #3d7c7b; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #d7b8ae; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #d7b8ae; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #efe6bc; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #efe6bc; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #7c4d3d; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #7c4d3d; }
+
+.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: #a2c98e; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #a2c98e; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #a98cc6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #a98cc6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #8cc6c5; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #8cc6c5; }
+
+/* #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 */

css/themes/cust-theme-6.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #d7327f;
+    border-color: #d32979;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a899;
+    border-color: #179c8e;
+    -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 {
+    color: #fff;
+    background-color: #0c83e2;
+    border-color: #0c7cd5;
+    -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 {
+    color: #212529;
+    background-color: #ffb61b;
+    border-color: #ffb20e;
+    -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 {
+    color: #fff;
+    background-color: #fd1381;
+    border-color: #fc077a;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #454545;
+    border-color: #3e3e3e;
+    -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; }
+
+.bg-primary {
+  background-color: #dd5293 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #d32979 !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !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: #585858 !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #3e3e3e !important; }
+
+:root {
+  --theme-primary: #dd5293;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc9b7;
+  --theme-info: #2196F3;
+  --theme-warning: #ffc241;
+  --theme-danger: #fd3995;
+  --theme-light: #fff;
+  --theme-dark: #585858;
+  --theme-primary-50: #f2bdd6;
+  --theme-primary-100: #eea7c8;
+  --theme-primary-200: #ea92bb;
+  --theme-primary-300: #e57dae;
+  --theme-primary-400: #e167a0;
+  --theme-primary-500: #dd5293;
+  --theme-primary-600: #d93d86;
+  --theme-primary-700: #d32979;
+  --theme-primary-800: #bd256c;
+  --theme-primary-900: #a82160;
+  --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: #989898;
+  --theme-fusion-100: #8b8b8b;
+  --theme-fusion-200: #7e7e7e;
+  --theme-fusion-300: #717171;
+  --theme-fusion-400: #656565;
+  --theme-fusion-500: #585858;
+  --theme-fusion-600: #4b4b4b;
+  --theme-fusion-700: #3e3e3e;
+  --theme-fusion-800: #323232;
+  --theme-fusion-900: #252525; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #dd5293; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #dd5293; }
+
+.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: #585858; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #585858; }
+
+.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: #a82160; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #a82160; }
+
+.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: #717171; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #717171; }
+
+.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: #e57dae; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #e57dae; }
+
+/* #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 */

css/themes/cust-theme-7.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #727b84;
+    border-color: #6c757d;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #18a899;
+    border-color: #179c8e;
+    -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 {
+    color: #fff;
+    background-color: #0c83e2;
+    border-color: #0c7cd5;
+    -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 {
+    color: #212529;
+    background-color: #ffb61b;
+    border-color: #ffb20e;
+    -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 {
+    color: #fff;
+    background-color: #a66853;
+    border-color: #9e624e;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #3b3b3b;
+    border-color: #353535;
+    -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; }
+
+.bg-primary {
+  background-color: #868e96 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #6c757d !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !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: #b57d6a !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #9e624e !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: #4e4e4e !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #353535 !important; }
+
+:root {
+  --theme-primary: #868e96;
+  --theme-secondary: #6c757d;
+  --theme-success: #1dc9b7;
+  --theme-info: #2196F3;
+  --theme-warning: #ffc241;
+  --theme-danger: #b57d6a;
+  --theme-light: #fff;
+  --theme-dark: #4e4e4e;
+  --theme-primary-50: #caced1;
+  --theme-primary-100: #bdc1c5;
+  --theme-primary-200: #afb4ba;
+  --theme-primary-300: #a1a8ae;
+  --theme-primary-400: #949ba2;
+  --theme-primary-500: #868e96;
+  --theme-primary-600: #78818a;
+  --theme-primary-700: #6c757d;
+  --theme-primary-800: #60686f;
+  --theme-primary-900: #555b61;
+  --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: #dfc7bf;
+  --theme-danger-100: #d7b8ae;
+  --theme-danger-200: #ceaa9d;
+  --theme-danger-300: #c69b8c;
+  --theme-danger-400: #bd8c7b;
+  --theme-danger-500: #b57d6a;
+  --theme-danger-600: #ad6e59;
+  --theme-danger-700: #9e624e;
+  --theme-danger-800: #8d5846;
+  --theme-danger-900: #7c4d3d;
+  --theme-fusion-50: #8e8e8e;
+  --theme-fusion-100: #818181;
+  --theme-fusion-200: #757575;
+  --theme-fusion-300: #686868;
+  --theme-fusion-400: #5b5b5b;
+  --theme-fusion-500: #4e4e4e;
+  --theme-fusion-600: #424242;
+  --theme-fusion-700: #353535;
+  --theme-fusion-800: #282828;
+  --theme-fusion-900: #1b1b1b; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #868e96; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #868e96; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #b57d6a; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #b57d6a; }
+
+.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: #4e4e4e; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #4e4e4e; }
+
+.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: #555b61; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #555b61; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #d7b8ae; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #d7b8ae; }
+
+.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: #7c4d3d; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #7c4d3d; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #686868; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #686868; }
+
+.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: #a1a8ae; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #a1a8ae; }
+
+/* #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 */

css/themes/cust-theme-8.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #fff;
+    background-color: #5d77d7;
+    border-color: #536fd5;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #212529;
+    background-color: #71ff61;
+    border-color: #65ff54;
+    -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 {
+    color: #212529;
+    background-color: #6eb6ee;
+    border-color: #62b0ed;
+    -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 {
+    color: #212529;
+    background-color: #ffab61;
+    border-color: #ffa454;
+    -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 {
+    color: #fff;
+    background-color: #ff6171;
+    border-color: #ff5465;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #5b5b5b;
+    border-color: #545454;
+    -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; }
+
+.bg-primary {
+  background-color: #7c91df !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #536fd5 !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #93ff87 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #65ff54 !important; }
+
+.bg-info {
+  background-color: #90c7f2 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #62b0ed !important; }
+
+.bg-warning {
+  background-color: #ffbf87 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #ffa454 !important; }
+
+.bg-danger {
+  background-color: #ff8793 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #ff5465 !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: #6e6e6e !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #545454 !important; }
+
+:root {
+  --theme-primary: #7c91df;
+  --theme-secondary: #6c757d;
+  --theme-success: #93ff87;
+  --theme-info: #90c7f2;
+  --theme-warning: #ffbf87;
+  --theme-danger: #ff8793;
+  --theme-light: #fff;
+  --theme-dark: #6e6e6e;
+  --theme-primary-50: #e2e7f8;
+  --theme-primary-100: #ced6f3;
+  --theme-primary-200: #b9c5ee;
+  --theme-primary-300: #a5b3e9;
+  --theme-primary-400: #90a2e4;
+  --theme-primary-500: #7c91df;
+  --theme-primary-600: #6880da;
+  --theme-primary-700: #536fd5;
+  --theme-primary-800: #3f5dd0;
+  --theme-primary-900: #3050c5;
+  --theme-success-50: white;
+  --theme-success-100: #efffed;
+  --theme-success-200: #d8ffd4;
+  --theme-success-300: #c1ffba;
+  --theme-success-400: #aaffa1;
+  --theme-success-500: #93ff87;
+  --theme-success-600: #7cff6e;
+  --theme-success-700: #65ff54;
+  --theme-success-800: #4eff3b;
+  --theme-success-900: #37ff21;
+  --theme-info-50: white;
+  --theme-info-100: #ebf5fd;
+  --theme-info-200: #d4eafa;
+  --theme-info-300: #bedef7;
+  --theme-info-400: #a7d3f5;
+  --theme-info-500: #90c7f2;
+  --theme-info-600: #79bbef;
+  --theme-info-700: #62b0ed;
+  --theme-info-800: #4ca4ea;
+  --theme-info-900: #3599e7;
+  --theme-warning-50: white;
+  --theme-warning-100: #fff5ed;
+  --theme-warning-200: #ffe8d4;
+  --theme-warning-300: #ffdaba;
+  --theme-warning-400: #ffcda1;
+  --theme-warning-500: #ffbf87;
+  --theme-warning-600: #ffb16e;
+  --theme-warning-700: #ffa454;
+  --theme-warning-800: #ff963b;
+  --theme-warning-900: #ff8921;
+  --theme-danger-50: white;
+  --theme-danger-100: #ffedef;
+  --theme-danger-200: #ffd4d8;
+  --theme-danger-300: #ffbac1;
+  --theme-danger-400: #ffa1aa;
+  --theme-danger-500: #ff8793;
+  --theme-danger-600: #ff6e7c;
+  --theme-danger-700: #ff5465;
+  --theme-danger-800: #ff3b4e;
+  --theme-danger-900: #ff2137;
+  --theme-fusion-50: #aeaeae;
+  --theme-fusion-100: #a1a1a1;
+  --theme-fusion-200: #949494;
+  --theme-fusion-300: #878787;
+  --theme-fusion-400: #7b7b7b;
+  --theme-fusion-500: #6e6e6e;
+  --theme-fusion-600: #616161;
+  --theme-fusion-700: #545454;
+  --theme-fusion-800: #484848;
+  --theme-fusion-900: #3b3b3b; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #7c91df; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #7c91df; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #ff8793; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #ff8793; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #ffbf87; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #ffbf87; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #90c7f2; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #90c7f2; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #6e6e6e; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #6e6e6e; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #93ff87; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #93ff87; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #90c7f2; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #90c7f2; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #3050c5; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #3050c5; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #ffedef; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #ffedef; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #ffe8d4; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #ffe8d4; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #ff2137; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #ff2137; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #878787; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #878787; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #c1ffba; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #c1ffba; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #bedef7; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #bedef7; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #a5b3e9; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #a5b3e9; }
+
+/* #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 */

css/themes/cust-theme-9.css

@@ -0,0 +1,2466 @@
+/* #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; }
+
+.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; }
+
+.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 {
+    color: #212529;
+    background-color: #df864b;
+    border-color: #dd7f41;
+    -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 {
+    color: #fff;
+    background-color: #5a6268;
+    border-color: #545b62;
+    -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 {
+    color: #fff;
+    background-color: #4c85dd;
+    border-color: #417edb;
+    -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 {
+    color: #fff;
+    background-color: #c04ddd;
+    border-color: #bc42db;
+    -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 {
+    color: #212529;
+    background-color: #e9db45;
+    border-color: #e8d939;
+    -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 {
+    color: #fff;
+    background-color: #e24f4f;
+    border-color: #e04444;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #565656;
+    border-color: #4f4f4f;
+    -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; }
+
+.bg-primary {
+  background-color: #e59c6c !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #dd7f41 !important; }
+
+.bg-secondary {
+  background-color: #6c757d !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #545b62 !important; }
+
+.bg-success {
+  background-color: #6c9be3 !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #417edb !important; }
+
+.bg-info {
+  background-color: #cb6de3 !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #bc42db !important; }
+
+.bg-warning {
+  background-color: #ede267 !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #e8d939 !important; }
+
+.bg-danger {
+  background-color: #e77070 !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #e04444 !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: dimgray !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #4f4f4f !important; }
+
+:root {
+  --theme-primary: #e59c6c;
+  --theme-secondary: #6c757d;
+  --theme-success: #6c9be3;
+  --theme-info: #cb6de3;
+  --theme-warning: #ede267;
+  --theme-danger: #e77070;
+  --theme-light: #fff;
+  --theme-dark: dimgray;
+  --theme-primary-50: #f8e5d8;
+  --theme-primary-100: #f4d6c3;
+  --theme-primary-200: #f0c8ad;
+  --theme-primary-300: #edb997;
+  --theme-primary-400: #e9ab82;
+  --theme-primary-500: #e59c6c;
+  --theme-primary-600: #e18d56;
+  --theme-primary-700: #dd7f41;
+  --theme-primary-800: #da702b;
+  --theme-primary-900: #c86523;
+  --theme-success-50: #d7e4f7;
+  --theme-success-100: #c2d5f3;
+  --theme-success-200: #acc7ef;
+  --theme-success-300: #97b8eb;
+  --theme-success-400: #81aae7;
+  --theme-success-500: #6c9be3;
+  --theme-success-600: #578cdf;
+  --theme-success-700: #417edb;
+  --theme-success-800: #2c6fd7;
+  --theme-success-900: #2564c4;
+  --theme-info-50: #f1d8f8;
+  --theme-info-100: #e9c3f3;
+  --theme-info-200: #e2adef;
+  --theme-info-300: #da98eb;
+  --theme-info-400: #d382e7;
+  --theme-info-500: #cb6de3;
+  --theme-info-600: #c358df;
+  --theme-info-700: #bc42db;
+  --theme-info-800: #b42dd7;
+  --theme-info-900: #a426c4;
+  --theme-warning-50: #fbf8d9;
+  --theme-warning-100: #f8f3c2;
+  --theme-warning-200: #f5efab;
+  --theme-warning-300: #f2eb95;
+  --theme-warning-400: #f0e67e;
+  --theme-warning-500: #ede267;
+  --theme-warning-600: #eade50;
+  --theme-warning-700: #e8d939;
+  --theme-warning-800: #e5d523;
+  --theme-warning-900: #d5c519;
+  --theme-danger-50: #f9dddd;
+  --theme-danger-100: #f6c7c7;
+  --theme-danger-200: #f2b2b2;
+  --theme-danger-300: #ee9c9c;
+  --theme-danger-400: #eb8686;
+  --theme-danger-500: #e77070;
+  --theme-danger-600: #e35a5a;
+  --theme-danger-700: #e04444;
+  --theme-danger-800: #dc2e2e;
+  --theme-danger-900: #ce2323;
+  --theme-fusion-50: darkgray;
+  --theme-fusion-100: #9c9c9c;
+  --theme-fusion-200: #8f8f8f;
+  --theme-fusion-300: #828282;
+  --theme-fusion-400: #767676;
+  --theme-fusion-500: dimgray;
+  --theme-fusion-600: #5c5c5c;
+  --theme-fusion-700: #4f4f4f;
+  --theme-fusion-800: #434343;
+  --theme-fusion-900: #363636; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #e59c6c; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #e59c6c; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #e77070; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #e77070; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #ede267; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #ede267; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #cb6de3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #cb6de3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: dimgray; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: dimgray; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #6c9be3; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #6c9be3; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #cb6de3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #cb6de3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #c86523; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #c86523; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #f6c7c7; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #f6c7c7; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #f5efab; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #f5efab; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #ce2323; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #ce2323; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: #828282; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: #828282; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #97b8eb; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #97b8eb; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #da98eb; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #da98eb; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #edb997; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #edb997; }
+
+/* #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 */

css/vendors.bundle.css

@@ -0,0 +1,16037 @@
+/*  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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+/*!
+ * Bootstrap v4.4.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:not(:focus-visible) {
+  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]) {
+  color: inherit;
+  text-decoration: none; }
+  a:not([href]):hover {
+    color: inherit;
+    text-decoration: none; }
+
+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-wrap: 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, .container-sm, .container-md, .container-lg, .container-xl {
+  width: 100%;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+  margin-right: auto;
+  margin-left: auto; }
+
+@media (min-width: 576px) {
+  .container, .container-sm {
+    max-width: 540px; } }
+
+@media (min-width: 768px) {
+  .container, .container-sm, .container-md {
+    max-width: 720px; } }
+
+@media (min-width: 992px) {
+  .container, .container-sm, .container-md, .container-lg {
+    max-width: 960px; } }
+
+@media (min-width: 1399px) {
+  .container, .container-sm, .container-md, .container-lg, .container-xl {
+    max-width: 1140px; } }
+
+.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%; }
+
+.row-cols-1 > * {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%;
+  max-width: 100%; }
+
+.row-cols-2 > * {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 50%;
+          flex: 0 0 50%;
+  max-width: 50%; }
+
+.row-cols-3 > * {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 33.33333%;
+          flex: 0 0 33.33333%;
+  max-width: 33.33333%; }
+
+.row-cols-4 > * {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 25%;
+          flex: 0 0 25%;
+  max-width: 25%; }
+
+.row-cols-5 > * {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 20%;
+          flex: 0 0 20%;
+  max-width: 20%; }
+
+.row-cols-6 > * {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 16.66667%;
+          flex: 0 0 16.66667%;
+  max-width: 16.66667%; }
+
+.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%; }
+  .row-cols-sm-1 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%; }
+  .row-cols-sm-2 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+    max-width: 50%; }
+  .row-cols-sm-3 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%;
+    max-width: 33.33333%; }
+  .row-cols-sm-4 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%;
+    max-width: 25%; }
+  .row-cols-sm-5 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%;
+    max-width: 20%; }
+  .row-cols-sm-6 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%;
+    max-width: 16.66667%; }
+  .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%; }
+  .row-cols-md-1 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%; }
+  .row-cols-md-2 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+    max-width: 50%; }
+  .row-cols-md-3 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%;
+    max-width: 33.33333%; }
+  .row-cols-md-4 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%;
+    max-width: 25%; }
+  .row-cols-md-5 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%;
+    max-width: 20%; }
+  .row-cols-md-6 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%;
+    max-width: 16.66667%; }
+  .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%; }
+  .row-cols-lg-1 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%; }
+  .row-cols-lg-2 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+    max-width: 50%; }
+  .row-cols-lg-3 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%;
+    max-width: 33.33333%; }
+  .row-cols-lg-4 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%;
+    max-width: 25%; }
+  .row-cols-lg-5 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%;
+    max-width: 20%; }
+  .row-cols-lg-6 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%;
+    max-width: 16.66667%; }
+  .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%; }
+  .row-cols-xl-1 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%;
+    max-width: 100%; }
+  .row-cols-xl-2 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%;
+    max-width: 50%; }
+  .row-cols-xl-3 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 33.33333%;
+            flex: 0 0 33.33333%;
+    max-width: 33.33333%; }
+  .row-cols-xl-4 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%;
+    max-width: 25%; }
+  .row-cols-xl-5 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%;
+    max-width: 20%; }
+  .row-cols-xl-6 > * {
+    -webkit-box-flex: 0;
+        -ms-flex: 0 0 16.66667%;
+            flex: 0 0 16.66667%;
+    max-width: 16.66667%; }
+  .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:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 #495057; }
+  .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: 0.5rem 0;
+  margin-bottom: 0;
+  font-size: 0.8125rem;
+  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,
+  .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 :valid ~ .valid-feedback,
+.was-validated :valid ~ .valid-tooltip,
+.is-valid ~ .valid-feedback,
+.is-valid ~ .valid-tooltip {
+  display: block; }
+
+.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' width='8' height='8' 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: right calc(0.3675em + 0.25rem) center;
+  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 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(0.75em + 2.625rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' 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' width='8' height='8' 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 .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: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: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 :invalid ~ .invalid-feedback,
+.was-validated :invalid ~ .invalid-tooltip,
+.is-invalid ~ .invalid-feedback,
+.is-invalid ~ .invalid-tooltip {
+  display: block; }
+
+.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' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right calc(0.3675em + 0.25rem) center;
+  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 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(0.75em + 2.625rem);
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' 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' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%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 .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: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: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;
+  cursor: pointer;
+  -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 {
+    color: #fff;
+    background-color: #7453a6;
+    border-color: #6e4e9e;
+    -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 {
+    color: #fff;
+    background-color: #727b84;
+    border-color: #6c757d;
+    -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 {
+    color: #fff;
+    background-color: #18a899;
+    border-color: #179c8e;
+    -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 {
+    color: #fff;
+    background-color: #0c83e2;
+    border-color: #0c7cd5;
+    -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 {
+    color: #212529;
+    background-color: #ffb61b;
+    border-color: #ffb20e;
+    -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 {
+    color: #fff;
+    background-color: #fd1381;
+    border-color: #fc077a;
+    -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 {
+    color: #212529;
+    background-color: #ececec;
+    border-color: #e6e6e6;
+    -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 {
+    color: #fff;
+    background-color: #3d3d3d;
+    border-color: #363636;
+    -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 0%;
+            flex: 1 1 0%;
+    min-width: 0;
+    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;
+  left: 0;
+  z-index: -1;
+  width: 1.125rem;
+  height: 1.15969rem;
+  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, .custom-control-input:disabled ~ .custom-control-label {
+    color: #868e96; }
+    .custom-control-input[disabled] ~ .custom-control-label::before, .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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 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' width='4' height='4' 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' width='12' height='12' 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: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' 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;
+  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:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 #495057; }
+
+.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,
+  .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: 1.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, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
+    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, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
+    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, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
+      -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, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
+    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, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
+      -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, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
+    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, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
+      -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, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
+    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, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
+      -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, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+    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, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
+    -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 xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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 xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' 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;
+  min-height: 1px;
+  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: 3px 3px 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 3px 3px; }
+
+.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,
+.card-img-top,
+.card-img-bottom {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  width: 100%; }
+
+.card-img,
+.card-img-top {
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px; }
+
+.card-img,
+.card-img-bottom {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+
+.card-deck .card {
+  margin-bottom: 0.75rem; }
+
+@media (min-width: 576px) {
+  .card-deck {
+    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;
+    margin-right: -0.75rem;
+    margin-left: -0.75rem; }
+    .card-deck .card {
+      -webkit-box-flex: 1;
+          -ms-flex: 1 0 0%;
+              flex: 1 0 0%;
+      margin-right: 0.75rem;
+      margin-bottom: 0;
+      margin-left: 0.75rem; } }
+
+.card-group > .card {
+  margin-bottom: 0.75rem; }
+
+@media (min-width: 576px) {
+  .card-group {
+    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; }
+    .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(:last-of-type) {
+    border-bottom: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0; }
+  .accordion > .card:not(:first-of-type) {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0; }
+  .accordion > .card > .card-header {
+    border-radius: 0;
+    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: 3;
+    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: 3;
+  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;
+  overflow: hidden;
+  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 {
+  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;
+  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 {
+    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-item + .list-group-item {
+    border-top-width: 0; }
+    .list-group-item + .list-group-item.active {
+      margin-top: -1px;
+      border-top-width: 1px; }
+
+.list-group-horizontal {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row; }
+  .list-group-horizontal .list-group-item:first-child {
+    border-bottom-left-radius: 4px;
+    border-top-right-radius: 0; }
+  .list-group-horizontal .list-group-item:last-child {
+    border-top-right-radius: 4px;
+    border-bottom-left-radius: 0; }
+  .list-group-horizontal .list-group-item.active {
+    margin-top: 0; }
+  .list-group-horizontal .list-group-item + .list-group-item {
+    border-top-width: 1px;
+    border-left-width: 0; }
+    .list-group-horizontal .list-group-item + .list-group-item.active {
+      margin-left: -1px;
+      border-left-width: 1px; }
+
+@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:first-child {
+      border-bottom-left-radius: 4px;
+      border-top-right-radius: 0; }
+    .list-group-horizontal-sm .list-group-item:last-child {
+      border-top-right-radius: 4px;
+      border-bottom-left-radius: 0; }
+    .list-group-horizontal-sm .list-group-item.active {
+      margin-top: 0; }
+    .list-group-horizontal-sm .list-group-item + .list-group-item {
+      border-top-width: 1px;
+      border-left-width: 0; }
+      .list-group-horizontal-sm .list-group-item + .list-group-item.active {
+        margin-left: -1px;
+        border-left-width: 1px; } }
+
+@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:first-child {
+      border-bottom-left-radius: 4px;
+      border-top-right-radius: 0; }
+    .list-group-horizontal-md .list-group-item:last-child {
+      border-top-right-radius: 4px;
+      border-bottom-left-radius: 0; }
+    .list-group-horizontal-md .list-group-item.active {
+      margin-top: 0; }
+    .list-group-horizontal-md .list-group-item + .list-group-item {
+      border-top-width: 1px;
+      border-left-width: 0; }
+      .list-group-horizontal-md .list-group-item + .list-group-item.active {
+        margin-left: -1px;
+        border-left-width: 1px; } }
+
+@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:first-child {
+      border-bottom-left-radius: 4px;
+      border-top-right-radius: 0; }
+    .list-group-horizontal-lg .list-group-item:last-child {
+      border-top-right-radius: 4px;
+      border-bottom-left-radius: 0; }
+    .list-group-horizontal-lg .list-group-item.active {
+      margin-top: 0; }
+    .list-group-horizontal-lg .list-group-item + .list-group-item {
+      border-top-width: 1px;
+      border-left-width: 0; }
+      .list-group-horizontal-lg .list-group-item + .list-group-item.active {
+        margin-left: -1px;
+        border-left-width: 1px; } }
+
+@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:first-child {
+      border-bottom-left-radius: 4px;
+      border-top-right-radius: 0; }
+    .list-group-horizontal-xl .list-group-item:last-child {
+      border-top-right-radius: 4px;
+      border-bottom-left-radius: 0; }
+    .list-group-horizontal-xl .list-group-item.active {
+      margin-top: 0; }
+    .list-group-horizontal-xl .list-group-item + .list-group-item {
+      border-top-width: 1px;
+      border-left-width: 0; }
+      .list-group-horizontal-xl .list-group-item + .list-group-item.active {
+        margin-left: -1px;
+        border-left-width: 1px; } }
+
+.list-group-flush .list-group-item {
+  border-right-width: 0;
+  border-left-width: 0;
+  border-radius: 0; }
+  .list-group-flush .list-group-item:first-child {
+    border-top-width: 0; }
+
+.list-group-flush:last-child .list-group-item:last-child {
+  border-bottom-width: 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.modal-static .modal-dialog {
+    -webkit-transform: scale(1.02);
+            transform: scale(1.02); }
+
+.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: 3px;
+  border-top-right-radius: 3px; }
+  .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;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+  padding: 1rem;
+  border-top: 0px solid #dee2e6;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+  .modal-footer > * {
+    margin: 0.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 0.5rem; }
+    .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: -10px; }
+    .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: -10px;
+    width: 7px;
+    height: 15px;
+    margin: 0.5rem 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: -10px; }
+    .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: -10px;
+    width: 7px;
+    height: 15px;
+    margin: 0.5rem 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(0.5rem - 3px);
+  border-top-right-radius: calc(0.5rem - 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: opacity 0s 0.6s;
+  transition: opacity 0s 0.6s; }
+
+.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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%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' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-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;
+  margin: -1px;
+  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 */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+/* GULP WARNINGS */
+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.10.2 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+.fa,
+.fas,
+.far,
+.fal,
+.fad,
+.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-both, .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,
+:root .fa-flip-both {
+  -webkit-filter: none;
+          filter: none; }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  line-height: 2em;
+  position: relative;
+  vertical-align: middle;
+  width: 2.5em; }
+
+.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-abacus:before {
+  content: "\f640"; }
+
+.fa-accessible-icon:before {
+  content: "\f368"; }
+
+.fa-accusoft:before {
+  content: "\f369"; }
+
+.fa-acorn:before {
+  content: "\f6ae"; }
+
+.fa-acquisitions-incorporated:before {
+  content: "\f6af"; }
+
+.fa-ad:before {
+  content: "\f641"; }
+
+.fa-address-book:before {
+  content: "\f2b9"; }
+
+.fa-address-card:before {
+  content: "\f2bb"; }
+
+.fa-adjust:before {
+  content: "\f042"; }
+
+.fa-adn:before {
+  content: "\f170"; }
+
+.fa-adobe:before {
+  content: "\f778"; }
+
+.fa-adversal:before {
+  content: "\f36a"; }
+
+.fa-affiliatetheme:before {
+  content: "\f36b"; }
+
+.fa-air-freshener:before {
+  content: "\f5d0"; }
+
+.fa-airbnb:before {
+  content: "\f834"; }
+
+.fa-alarm-clock:before {
+  content: "\f34e"; }
+
+.fa-alarm-exclamation:before {
+  content: "\f843"; }
+
+.fa-alarm-plus:before {
+  content: "\f844"; }
+
+.fa-alarm-snooze:before {
+  content: "\f845"; }
+
+.fa-algolia:before {
+  content: "\f36c"; }
+
+.fa-alicorn:before {
+  content: "\f6b0"; }
+
+.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-align-slash:before {
+  content: "\f846"; }
+
+.fa-alipay:before {
+  content: "\f642"; }
+
+.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-analytics:before {
+  content: "\f643"; }
+
+.fa-anchor:before {
+  content: "\f13d"; }
+
+.fa-android:before {
+  content: "\f17b"; }
+
+.fa-angel:before {
+  content: "\f779"; }
+
+.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-angry:before {
+  content: "\f556"; }
+
+.fa-angrycreative:before {
+  content: "\f36e"; }
+
+.fa-angular:before {
+  content: "\f420"; }
+
+.fa-ankh:before {
+  content: "\f644"; }
+
+.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-alt:before {
+  content: "\f5d1"; }
+
+.fa-apple-crate:before {
+  content: "\f6b1"; }
+
+.fa-apple-pay:before {
+  content: "\f415"; }
+
+.fa-archive:before {
+  content: "\f187"; }
+
+.fa-archway:before {
+  content: "\f557"; }
+
+.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-artstation:before {
+  content: "\f77a"; }
+
+.fa-assistive-listening-systems:before {
+  content: "\f2a2"; }
+
+.fa-asterisk:before {
+  content: "\f069"; }
+
+.fa-asymmetrik:before {
+  content: "\f372"; }
+
+.fa-at:before {
+  content: "\f1fa"; }
+
+.fa-atlas:before {
+  content: "\f558"; }
+
+.fa-atlassian:before {
+  content: "\f77b"; }
+
+.fa-atom:before {
+  content: "\f5d2"; }
+
+.fa-atom-alt:before {
+  content: "\f5d3"; }
+
+.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-award:before {
+  content: "\f559"; }
+
+.fa-aws:before {
+  content: "\f375"; }
+
+.fa-axe:before {
+  content: "\f6b2"; }
+
+.fa-axe-battle:before {
+  content: "\f6b3"; }
+
+.fa-baby:before {
+  content: "\f77c"; }
+
+.fa-baby-carriage:before {
+  content: "\f77d"; }
+
+.fa-backpack:before {
+  content: "\f5d4"; }
+
+.fa-backspace:before {
+  content: "\f55a"; }
+
+.fa-backward:before {
+  content: "\f04a"; }
+
+.fa-bacon:before {
+  content: "\f7e5"; }
+
+.fa-badge:before {
+  content: "\f335"; }
+
+.fa-badge-check:before {
+  content: "\f336"; }
+
+.fa-badge-dollar:before {
+  content: "\f645"; }
+
+.fa-badge-percent:before {
+  content: "\f646"; }
+
+.fa-badger-honey:before {
+  content: "\f6b4"; }
+
+.fa-bags-shopping:before {
+  content: "\f847"; }
+
+.fa-balance-scale:before {
+  content: "\f24e"; }
+
+.fa-balance-scale-left:before {
+  content: "\f515"; }
+
+.fa-balance-scale-right:before {
+  content: "\f516"; }
+
+.fa-ball-pile:before {
+  content: "\f77e"; }
+
+.fa-ballot:before {
+  content: "\f732"; }
+
+.fa-ballot-check:before {
+  content: "\f733"; }
+
+.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-bat:before {
+  content: "\f6b5"; }
+
+.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-battle-net:before {
+  content: "\f835"; }
+
+.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-exclamation:before {
+  content: "\f848"; }
+
+.fa-bell-plus:before {
+  content: "\f849"; }
+
+.fa-bell-school:before {
+  content: "\f5d5"; }
+
+.fa-bell-school-slash:before {
+  content: "\f5d6"; }
+
+.fa-bell-slash:before {
+  content: "\f1f6"; }
+
+.fa-bells:before {
+  content: "\f77f"; }
+
+.fa-bezier-curve:before {
+  content: "\f55b"; }
+
+.fa-bible:before {
+  content: "\f647"; }
+
+.fa-bicycle:before {
+  content: "\f206"; }
+
+.fa-biking:before {
+  content: "\f84a"; }
+
+.fa-biking-mountain:before {
+  content: "\f84b"; }
+
+.fa-bimobject:before {
+  content: "\f378"; }
+
+.fa-binoculars:before {
+  content: "\f1e5"; }
+
+.fa-biohazard:before {
+  content: "\f780"; }
+
+.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-blanket:before {
+  content: "\f498"; }
+
+.fa-blender:before {
+  content: "\f517"; }
+
+.fa-blender-phone:before {
+  content: "\f6b6"; }
+
+.fa-blind:before {
+  content: "\f29d"; }
+
+.fa-blog:before {
+  content: "\f781"; }
+
+.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-bone:before {
+  content: "\f5d7"; }
+
+.fa-bone-break:before {
+  content: "\f5d8"; }
+
+.fa-bong:before {
+  content: "\f55c"; }
+
+.fa-book:before {
+  content: "\f02d"; }
+
+.fa-book-alt:before {
+  content: "\f5d9"; }
+
+.fa-book-dead:before {
+  content: "\f6b7"; }
+
+.fa-book-heart:before {
+  content: "\f499"; }
+
+.fa-book-medical:before {
+  content: "\f7e6"; }
+
+.fa-book-open:before {
+  content: "\f518"; }
+
+.fa-book-reader:before {
+  content: "\f5da"; }
+
+.fa-book-spells:before {
+  content: "\f6b8"; }
+
+.fa-book-user:before {
+  content: "\f7e7"; }
+
+.fa-bookmark:before {
+  content: "\f02e"; }
+
+.fa-books:before {
+  content: "\f5db"; }
+
+.fa-books-medical:before {
+  content: "\f7e8"; }
+
+.fa-boot:before {
+  content: "\f782"; }
+
+.fa-booth-curtain:before {
+  content: "\f734"; }
+
+.fa-bootstrap:before {
+  content: "\f836"; }
+
+.fa-border-all:before {
+  content: "\f84c"; }
+
+.fa-border-bottom:before {
+  content: "\f84d"; }
+
+.fa-border-center-h:before {
+  content: "\f89c"; }
+
+.fa-border-center-v:before {
+  content: "\f89d"; }
+
+.fa-border-inner:before {
+  content: "\f84e"; }
+
+.fa-border-left:before {
+  content: "\f84f"; }
+
+.fa-border-none:before {
+  content: "\f850"; }
+
+.fa-border-outer:before {
+  content: "\f851"; }
+
+.fa-border-right:before {
+  content: "\f852"; }
+
+.fa-border-style:before {
+  content: "\f853"; }
+
+.fa-border-style-alt:before {
+  content: "\f854"; }
+
+.fa-border-top:before {
+  content: "\f855"; }
+
+.fa-bow-arrow:before {
+  content: "\f6b9"; }
+
+.fa-bowling-ball:before {
+  content: "\f436"; }
+
+.fa-bowling-pins:before {
+  content: "\f437"; }
+
+.fa-box:before {
+  content: "\f466"; }
+
+.fa-box-alt:before {
+  content: "\f49a"; }
+
+.fa-box-ballot:before {
+  content: "\f735"; }
+
+.fa-box-check:before {
+  content: "\f467"; }
+
+.fa-box-fragile:before {
+  content: "\f49b"; }
+
+.fa-box-full:before {
+  content: "\f49c"; }
+
+.fa-box-heart:before {
+  content: "\f49d"; }
+
+.fa-box-open:before {
+  content: "\f49e"; }
+
+.fa-box-up:before {
+  content: "\f49f"; }
+
+.fa-box-usd:before {
+  content: "\f4a0"; }
+
+.fa-boxes:before {
+  content: "\f468"; }
+
+.fa-boxes-alt:before {
+  content: "\f4a1"; }
+
+.fa-boxing-glove:before {
+  content: "\f438"; }
+
+.fa-brackets:before {
+  content: "\f7e9"; }
+
+.fa-brackets-curly:before {
+  content: "\f7ea"; }
+
+.fa-braille:before {
+  content: "\f2a1"; }
+
+.fa-brain:before {
+  content: "\f5dc"; }
+
+.fa-bread-loaf:before {
+  content: "\f7eb"; }
+
+.fa-bread-slice:before {
+  content: "\f7ec"; }
+
+.fa-briefcase:before {
+  content: "\f0b1"; }
+
+.fa-briefcase-medical:before {
+  content: "\f469"; }
+
+.fa-bring-forward:before {
+  content: "\f856"; }
+
+.fa-bring-front:before {
+  content: "\f857"; }
+
+.fa-broadcast-tower:before {
+  content: "\f519"; }
+
+.fa-broom:before {
+  content: "\f51a"; }
+
+.fa-browser:before {
+  content: "\f37e"; }
+
+.fa-brush:before {
+  content: "\f55d"; }
+
+.fa-btc:before {
+  content: "\f15a"; }
+
+.fa-buffer:before {
+  content: "\f837"; }
+
+.fa-bug:before {
+  content: "\f188"; }
+
+.fa-building:before {
+  content: "\f1ad"; }
+
+.fa-bullhorn:before {
+  content: "\f0a1"; }
+
+.fa-bullseye:before {
+  content: "\f140"; }
+
+.fa-bullseye-arrow:before {
+  content: "\f648"; }
+
+.fa-bullseye-pointer:before {
+  content: "\f649"; }
+
+.fa-burger-soda:before {
+  content: "\f858"; }
+
+.fa-burn:before {
+  content: "\f46a"; }
+
+.fa-buromobelexperte:before {
+  content: "\f37f"; }
+
+.fa-burrito:before {
+  content: "\f7ed"; }
+
+.fa-bus:before {
+  content: "\f207"; }
+
+.fa-bus-alt:before {
+  content: "\f55e"; }
+
+.fa-bus-school:before {
+  content: "\f5dd"; }
+
+.fa-business-time:before {
+  content: "\f64a"; }
+
+.fa-buysellads:before {
+  content: "\f20d"; }
+
+.fa-cabinet-filing:before {
+  content: "\f64b"; }
+
+.fa-calculator:before {
+  content: "\f1ec"; }
+
+.fa-calculator-alt:before {
+  content: "\f64c"; }
+
+.fa-calendar:before {
+  content: "\f133"; }
+
+.fa-calendar-alt:before {
+  content: "\f073"; }
+
+.fa-calendar-check:before {
+  content: "\f274"; }
+
+.fa-calendar-day:before {
+  content: "\f783"; }
+
+.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-star:before {
+  content: "\f736"; }
+
+.fa-calendar-times:before {
+  content: "\f273"; }
+
+.fa-calendar-week:before {
+  content: "\f784"; }
+
+.fa-camera:before {
+  content: "\f030"; }
+
+.fa-camera-alt:before {
+  content: "\f332"; }
+
+.fa-camera-retro:before {
+  content: "\f083"; }
+
+.fa-campfire:before {
+  content: "\f6ba"; }
+
+.fa-campground:before {
+  content: "\f6bb"; }
+
+.fa-canadian-maple-leaf:before {
+  content: "\f785"; }
+
+.fa-candle-holder:before {
+  content: "\f6bc"; }
+
+.fa-candy-cane:before {
+  content: "\f786"; }
+
+.fa-candy-corn:before {
+  content: "\f6bd"; }
+
+.fa-cannabis:before {
+  content: "\f55f"; }
+
+.fa-capsules:before {
+  content: "\f46b"; }
+
+.fa-car:before {
+  content: "\f1b9"; }
+
+.fa-car-alt:before {
+  content: "\f5de"; }
+
+.fa-car-battery:before {
+  content: "\f5df"; }
+
+.fa-car-building:before {
+  content: "\f859"; }
+
+.fa-car-bump:before {
+  content: "\f5e0"; }
+
+.fa-car-bus:before {
+  content: "\f85a"; }
+
+.fa-car-crash:before {
+  content: "\f5e1"; }
+
+.fa-car-garage:before {
+  content: "\f5e2"; }
+
+.fa-car-mechanic:before {
+  content: "\f5e3"; }
+
+.fa-car-side:before {
+  content: "\f5e4"; }
+
+.fa-car-tilt:before {
+  content: "\f5e5"; }
+
+.fa-car-wash:before {
+  content: "\f5e6"; }
+
+.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-carrot:before {
+  content: "\f787"; }
+
+.fa-cars:before {
+  content: "\f85b"; }
+
+.fa-cart-arrow-down:before {
+  content: "\f218"; }
+
+.fa-cart-plus:before {
+  content: "\f217"; }
+
+.fa-cash-register:before {
+  content: "\f788"; }
+
+.fa-cat:before {
+  content: "\f6be"; }
+
+.fa-cauldron:before {
+  content: "\f6bf"; }
+
+.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-centos:before {
+  content: "\f789"; }
+
+.fa-certificate:before {
+  content: "\f0a3"; }
+
+.fa-chair:before {
+  content: "\f6c0"; }
+
+.fa-chair-office:before {
+  content: "\f6c1"; }
+
+.fa-chalkboard:before {
+  content: "\f51b"; }
+
+.fa-chalkboard-teacher:before {
+  content: "\f51c"; }
+
+.fa-charging-station:before {
+  content: "\f5e7"; }
+
+.fa-chart-area:before {
+  content: "\f1fe"; }
+
+.fa-chart-bar:before {
+  content: "\f080"; }
+
+.fa-chart-line:before {
+  content: "\f201"; }
+
+.fa-chart-line-down:before {
+  content: "\f64d"; }
+
+.fa-chart-network:before {
+  content: "\f78a"; }
+
+.fa-chart-pie:before {
+  content: "\f200"; }
+
+.fa-chart-pie-alt:before {
+  content: "\f64e"; }
+
+.fa-chart-scatter:before {
+  content: "\f7ee"; }
+
+.fa-check:before {
+  content: "\f00c"; }
+
+.fa-check-circle:before {
+  content: "\f058"; }
+
+.fa-check-double:before {
+  content: "\f560"; }
+
+.fa-check-square:before {
+  content: "\f14a"; }
+
+.fa-cheese:before {
+  content: "\f7ef"; }
+
+.fa-cheese-swiss:before {
+  content: "\f7f0"; }
+
+.fa-cheeseburger:before {
+  content: "\f7f1"; }
+
+.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-chimney:before {
+  content: "\f78b"; }
+
+.fa-chrome:before {
+  content: "\f268"; }
+
+.fa-chromecast:before {
+  content: "\f838"; }
+
+.fa-church:before {
+  content: "\f51d"; }
+
+.fa-circle:before {
+  content: "\f111"; }
+
+.fa-circle-notch:before {
+  content: "\f1ce"; }
+
+.fa-city:before {
+  content: "\f64f"; }
+
+.fa-claw-marks:before {
+  content: "\f6c2"; }
+
+.fa-clinic-medical:before {
+  content: "\f7f2"; }
+
+.fa-clipboard:before {
+  content: "\f328"; }
+
+.fa-clipboard-check:before {
+  content: "\f46c"; }
+
+.fa-clipboard-list:before {
+  content: "\f46d"; }
+
+.fa-clipboard-list-check:before {
+  content: "\f737"; }
+
+.fa-clipboard-prescription:before {
+  content: "\f5e8"; }
+
+.fa-clipboard-user:before {
+  content: "\f7f3"; }
+
+.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-drizzle:before {
+  content: "\f738"; }
+
+.fa-cloud-hail:before {
+  content: "\f739"; }
+
+.fa-cloud-hail-mixed:before {
+  content: "\f73a"; }
+
+.fa-cloud-meatball:before {
+  content: "\f73b"; }
+
+.fa-cloud-moon:before {
+  content: "\f6c3"; }
+
+.fa-cloud-moon-rain:before {
+  content: "\f73c"; }
+
+.fa-cloud-rain:before {
+  content: "\f73d"; }
+
+.fa-cloud-rainbow:before {
+  content: "\f73e"; }
+
+.fa-cloud-showers:before {
+  content: "\f73f"; }
+
+.fa-cloud-showers-heavy:before {
+  content: "\f740"; }
+
+.fa-cloud-sleet:before {
+  content: "\f741"; }
+
+.fa-cloud-snow:before {
+  content: "\f742"; }
+
+.fa-cloud-sun:before {
+  content: "\f6c4"; }
+
+.fa-cloud-sun-rain:before {
+  content: "\f743"; }
+
+.fa-cloud-upload:before {
+  content: "\f0ee"; }
+
+.fa-cloud-upload-alt:before {
+  content: "\f382"; }
+
+.fa-clouds:before {
+  content: "\f744"; }
+
+.fa-clouds-moon:before {
+  content: "\f745"; }
+
+.fa-clouds-sun:before {
+  content: "\f746"; }
+
+.fa-cloudscale:before {
+  content: "\f383"; }
+
+.fa-cloudsmith:before {
+  content: "\f384"; }
+
+.fa-cloudversify:before {
+  content: "\f385"; }
+
+.fa-club:before {
+  content: "\f327"; }
+
+.fa-cocktail:before {
+  content: "\f561"; }
+
+.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-coffee-togo:before {
+  content: "\f6c5"; }
+
+.fa-coffin:before {
+  content: "\f6c6"; }
+
+.fa-cog:before {
+  content: "\f013"; }
+
+.fa-cogs:before {
+  content: "\f085"; }
+
+.fa-coin:before {
+  content: "\f85c"; }
+
+.fa-coins:before {
+  content: "\f51e"; }
+
+.fa-columns:before {
+  content: "\f0db"; }
+
+.fa-comment:before {
+  content: "\f075"; }
+
+.fa-comment-alt:before {
+  content: "\f27a"; }
+
+.fa-comment-alt-check:before {
+  content: "\f4a2"; }
+
+.fa-comment-alt-dollar:before {
+  content: "\f650"; }
+
+.fa-comment-alt-dots:before {
+  content: "\f4a3"; }
+
+.fa-comment-alt-edit:before {
+  content: "\f4a4"; }
+
+.fa-comment-alt-exclamation:before {
+  content: "\f4a5"; }
+
+.fa-comment-alt-lines:before {
+  content: "\f4a6"; }
+
+.fa-comment-alt-medical:before {
+  content: "\f7f4"; }
+
+.fa-comment-alt-minus:before {
+  content: "\f4a7"; }
+
+.fa-comment-alt-plus:before {
+  content: "\f4a8"; }
+
+.fa-comment-alt-slash:before {
+  content: "\f4a9"; }
+
+.fa-comment-alt-smile:before {
+  content: "\f4aa"; }
+
+.fa-comment-alt-times:before {
+  content: "\f4ab"; }
+
+.fa-comment-check:before {
+  content: "\f4ac"; }
+
+.fa-comment-dollar:before {
+  content: "\f651"; }
+
+.fa-comment-dots:before {
+  content: "\f4ad"; }
+
+.fa-comment-edit:before {
+  content: "\f4ae"; }
+
+.fa-comment-exclamation:before {
+  content: "\f4af"; }
+
+.fa-comment-lines:before {
+  content: "\f4b0"; }
+
+.fa-comment-medical:before {
+  content: "\f7f5"; }
+
+.fa-comment-minus:before {
+  content: "\f4b1"; }
+
+.fa-comment-plus:before {
+  content: "\f4b2"; }
+
+.fa-comment-slash:before {
+  content: "\f4b3"; }
+
+.fa-comment-smile:before {
+  content: "\f4b4"; }
+
+.fa-comment-times:before {
+  content: "\f4b5"; }
+
+.fa-comments:before {
+  content: "\f086"; }
+
+.fa-comments-alt:before {
+  content: "\f4b6"; }
+
+.fa-comments-alt-dollar:before {
+  content: "\f652"; }
+
+.fa-comments-dollar:before {
+  content: "\f653"; }
+
+.fa-compact-disc:before {
+  content: "\f51f"; }
+
+.fa-compass:before {
+  content: "\f14e"; }
+
+.fa-compass-slash:before {
+  content: "\f5e9"; }
+
+.fa-compress:before {
+  content: "\f066"; }
+
+.fa-compress-alt:before {
+  content: "\f422"; }
+
+.fa-compress-arrows-alt:before {
+  content: "\f78c"; }
+
+.fa-compress-wide:before {
+  content: "\f326"; }
+
+.fa-concierge-bell:before {
+  content: "\f562"; }
+
+.fa-confluence:before {
+  content: "\f78d"; }
+
+.fa-connectdevelop:before {
+  content: "\f20e"; }
+
+.fa-construction:before {
+  content: "\f85d"; }
+
+.fa-container-storage:before {
+  content: "\f4b7"; }
+
+.fa-contao:before {
+  content: "\f26d"; }
+
+.fa-conveyor-belt:before {
+  content: "\f46e"; }
+
+.fa-conveyor-belt-alt:before {
+  content: "\f46f"; }
+
+.fa-cookie:before {
+  content: "\f563"; }
+
+.fa-cookie-bite:before {
+  content: "\f564"; }
+
+.fa-copy:before {
+  content: "\f0c5"; }
+
+.fa-copyright:before {
+  content: "\f1f9"; }
+
+.fa-corn:before {
+  content: "\f6c7"; }
+
+.fa-cotton-bureau:before {
+  content: "\f89e"; }
+
+.fa-couch:before {
+  content: "\f4b8"; }
+
+.fa-cow:before {
+  content: "\f6c8"; }
+
+.fa-cpanel:before {
+  content: "\f388"; }
+
+.fa-creative-commons:before {
+  content: "\f25e"; }
+
+.fa-creative-commons-by:before {
+  content: "\f4e7"; }
+
+.fa-creative-commons-nc:before {
+  content: "\f4e8"; }
+
+.fa-creative-commons-nc-eu:before {
+  content: "\f4e9"; }
+
+.fa-creative-commons-nc-jp:before {
+  content: "\f4ea"; }
+
+.fa-creative-commons-nd:before {
+  content: "\f4eb"; }
+
+.fa-creative-commons-pd:before {
+  content: "\f4ec"; }
+
+.fa-creative-commons-pd-alt:before {
+  content: "\f4ed"; }
+
+.fa-creative-commons-remix:before {
+  content: "\f4ee"; }
+
+.fa-creative-commons-sa:before {
+  content: "\f4ef"; }
+
+.fa-creative-commons-sampling:before {
+  content: "\f4f0"; }
+
+.fa-creative-commons-sampling-plus:before {
+  content: "\f4f1"; }
+
+.fa-creative-commons-share:before {
+  content: "\f4f2"; }
+
+.fa-creative-commons-zero:before {
+  content: "\f4f3"; }
+
+.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-critical-role:before {
+  content: "\f6c9"; }
+
+.fa-croissant:before {
+  content: "\f7f6"; }
+
+.fa-crop:before {
+  content: "\f125"; }
+
+.fa-crop-alt:before {
+  content: "\f565"; }
+
+.fa-cross:before {
+  content: "\f654"; }
+
+.fa-crosshairs:before {
+  content: "\f05b"; }
+
+.fa-crow:before {
+  content: "\f520"; }
+
+.fa-crown:before {
+  content: "\f521"; }
+
+.fa-crutch:before {
+  content: "\f7f7"; }
+
+.fa-crutches:before {
+  content: "\f7f8"; }
+
+.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-d-and-d-beyond:before {
+  content: "\f6ca"; }
+
+.fa-dagger:before {
+  content: "\f6cb"; }
+
+.fa-dashcube:before {
+  content: "\f210"; }
+
+.fa-database:before {
+  content: "\f1c0"; }
+
+.fa-deaf:before {
+  content: "\f2a4"; }
+
+.fa-debug:before {
+  content: "\f7f9"; }
+
+.fa-deer:before {
+  content: "\f78e"; }
+
+.fa-deer-rudolph:before {
+  content: "\f78f"; }
+
+.fa-delicious:before {
+  content: "\f1a5"; }
+
+.fa-democrat:before {
+  content: "\f747"; }
+
+.fa-deploydog:before {
+  content: "\f38e"; }
+
+.fa-deskpro:before {
+  content: "\f38f"; }
+
+.fa-desktop:before {
+  content: "\f108"; }
+
+.fa-desktop-alt:before {
+  content: "\f390"; }
+
+.fa-dev:before {
+  content: "\f6cc"; }
+
+.fa-deviantart:before {
+  content: "\f1bd"; }
+
+.fa-dewpoint:before {
+  content: "\f748"; }
+
+.fa-dharmachakra:before {
+  content: "\f655"; }
+
+.fa-dhl:before {
+  content: "\f790"; }
+
+.fa-diagnoses:before {
+  content: "\f470"; }
+
+.fa-diamond:before {
+  content: "\f219"; }
+
+.fa-diaspora:before {
+  content: "\f791"; }
+
+.fa-dice:before {
+  content: "\f522"; }
+
+.fa-dice-d10:before {
+  content: "\f6cd"; }
+
+.fa-dice-d12:before {
+  content: "\f6ce"; }
+
+.fa-dice-d20:before {
+  content: "\f6cf"; }
+
+.fa-dice-d4:before {
+  content: "\f6d0"; }
+
+.fa-dice-d6:before {
+  content: "\f6d1"; }
+
+.fa-dice-d8:before {
+  content: "\f6d2"; }
+
+.fa-dice-five:before {
+  content: "\f523"; }
+
+.fa-dice-four:before {
+  content: "\f524"; }
+
+.fa-dice-one:before {
+  content: "\f525"; }
+
+.fa-dice-six:before {
+  content: "\f526"; }
+
+.fa-dice-three:before {
+  content: "\f527"; }
+
+.fa-dice-two:before {
+  content: "\f528"; }
+
+.fa-digg:before {
+  content: "\f1a6"; }
+
+.fa-digging:before {
+  content: "\f85e"; }
+
+.fa-digital-ocean:before {
+  content: "\f391"; }
+
+.fa-digital-tachograph:before {
+  content: "\f566"; }
+
+.fa-diploma:before {
+  content: "\f5ea"; }
+
+.fa-directions:before {
+  content: "\f5eb"; }
+
+.fa-discord:before {
+  content: "\f392"; }
+
+.fa-discourse:before {
+  content: "\f393"; }
+
+.fa-disease:before {
+  content: "\f7fa"; }
+
+.fa-divide:before {
+  content: "\f529"; }
+
+.fa-dizzy:before {
+  content: "\f567"; }
+
+.fa-dna:before {
+  content: "\f471"; }
+
+.fa-do-not-enter:before {
+  content: "\f5ec"; }
+
+.fa-dochub:before {
+  content: "\f394"; }
+
+.fa-docker:before {
+  content: "\f395"; }
+
+.fa-dog:before {
+  content: "\f6d3"; }
+
+.fa-dog-leashed:before {
+  content: "\f6d4"; }
+
+.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-donate:before {
+  content: "\f4b9"; }
+
+.fa-door-closed:before {
+  content: "\f52a"; }
+
+.fa-door-open:before {
+  content: "\f52b"; }
+
+.fa-dot-circle:before {
+  content: "\f192"; }
+
+.fa-dove:before {
+  content: "\f4ba"; }
+
+.fa-download:before {
+  content: "\f019"; }
+
+.fa-draft2digital:before {
+  content: "\f396"; }
+
+.fa-drafting-compass:before {
+  content: "\f568"; }
+
+.fa-dragon:before {
+  content: "\f6d5"; }
+
+.fa-draw-circle:before {
+  content: "\f5ed"; }
+
+.fa-draw-polygon:before {
+  content: "\f5ee"; }
+
+.fa-draw-square:before {
+  content: "\f5ef"; }
+
+.fa-dreidel:before {
+  content: "\f792"; }
+
+.fa-dribbble:before {
+  content: "\f17d"; }
+
+.fa-dribbble-square:before {
+  content: "\f397"; }
+
+.fa-drone:before {
+  content: "\f85f"; }
+
+.fa-drone-alt:before {
+  content: "\f860"; }
+
+.fa-dropbox:before {
+  content: "\f16b"; }
+
+.fa-drum:before {
+  content: "\f569"; }
+
+.fa-drum-steelpan:before {
+  content: "\f56a"; }
+
+.fa-drumstick:before {
+  content: "\f6d6"; }
+
+.fa-drumstick-bite:before {
+  content: "\f6d7"; }
+
+.fa-drupal:before {
+  content: "\f1a9"; }
+
+.fa-dryer:before {
+  content: "\f861"; }
+
+.fa-dryer-alt:before {
+  content: "\f862"; }
+
+.fa-duck:before {
+  content: "\f6d8"; }
+
+.fa-dumbbell:before {
+  content: "\f44b"; }
+
+.fa-dumpster:before {
+  content: "\f793"; }
+
+.fa-dumpster-fire:before {
+  content: "\f794"; }
+
+.fa-dungeon:before {
+  content: "\f6d9"; }
+
+.fa-dyalog:before {
+  content: "\f399"; }
+
+.fa-ear:before {
+  content: "\f5f0"; }
+
+.fa-ear-muffs:before {
+  content: "\f795"; }
+
+.fa-earlybirds:before {
+  content: "\f39a"; }
+
+.fa-ebay:before {
+  content: "\f4f4"; }
+
+.fa-eclipse:before {
+  content: "\f749"; }
+
+.fa-eclipse-alt:before {
+  content: "\f74a"; }
+
+.fa-edge:before {
+  content: "\f282"; }
+
+.fa-edit:before {
+  content: "\f044"; }
+
+.fa-egg:before {
+  content: "\f7fb"; }
+
+.fa-egg-fried:before {
+  content: "\f7fc"; }
+
+.fa-eject:before {
+  content: "\f052"; }
+
+.fa-elementor:before {
+  content: "\f430"; }
+
+.fa-elephant:before {
+  content: "\f6da"; }
+
+.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-ello:before {
+  content: "\f5f1"; }
+
+.fa-ember:before {
+  content: "\f423"; }
+
+.fa-empire:before {
+  content: "\f1d1"; }
+
+.fa-empty-set:before {
+  content: "\f656"; }
+
+.fa-engine-warning:before {
+  content: "\f5f2"; }
+
+.fa-envelope:before {
+  content: "\f0e0"; }
+
+.fa-envelope-open:before {
+  content: "\f2b6"; }
+
+.fa-envelope-open-dollar:before {
+  content: "\f657"; }
+
+.fa-envelope-open-text:before {
+  content: "\f658"; }
+
+.fa-envelope-square:before {
+  content: "\f199"; }
+
+.fa-envira:before {
+  content: "\f299"; }
+
+.fa-equals:before {
+  content: "\f52c"; }
+
+.fa-eraser:before {
+  content: "\f12d"; }
+
+.fa-erlang:before {
+  content: "\f39d"; }
+
+.fa-ethereum:before {
+  content: "\f42e"; }
+
+.fa-ethernet:before {
+  content: "\f796"; }
+
+.fa-etsy:before {
+  content: "\f2d7"; }
+
+.fa-euro-sign:before {
+  content: "\f153"; }
+
+.fa-evernote:before {
+  content: "\f839"; }
+
+.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-evil:before {
+  content: "\f6db"; }
+
+.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-fan:before {
+  content: "\f863"; }
+
+.fa-fantasy-flight-games:before {
+  content: "\f6dc"; }
+
+.fa-farm:before {
+  content: "\f864"; }
+
+.fa-fast-backward:before {
+  content: "\f049"; }
+
+.fa-fast-forward:before {
+  content: "\f050"; }
+
+.fa-fax:before {
+  content: "\f1ac"; }
+
+.fa-feather:before {
+  content: "\f52d"; }
+
+.fa-feather-alt:before {
+  content: "\f56b"; }
+
+.fa-fedex:before {
+  content: "\f797"; }
+
+.fa-fedora:before {
+  content: "\f798"; }
+
+.fa-female:before {
+  content: "\f182"; }
+
+.fa-field-hockey:before {
+  content: "\f44c"; }
+
+.fa-fighter-jet:before {
+  content: "\f0fb"; }
+
+.fa-figma:before {
+  content: "\f799"; }
+
+.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-certificate:before {
+  content: "\f5f3"; }
+
+.fa-file-chart-line:before {
+  content: "\f659"; }
+
+.fa-file-chart-pie:before {
+  content: "\f65a"; }
+
+.fa-file-check:before {
+  content: "\f316"; }
+
+.fa-file-code:before {
+  content: "\f1c9"; }
+
+.fa-file-contract:before {
+  content: "\f56c"; }
+
+.fa-file-csv:before {
+  content: "\f6dd"; }
+
+.fa-file-download:before {
+  content: "\f56d"; }
+
+.fa-file-edit:before {
+  content: "\f31c"; }
+
+.fa-file-excel:before {
+  content: "\f1c3"; }
+
+.fa-file-exclamation:before {
+  content: "\f31a"; }
+
+.fa-file-export:before {
+  content: "\f56e"; }
+
+.fa-file-image:before {
+  content: "\f1c5"; }
+
+.fa-file-import:before {
+  content: "\f56f"; }
+
+.fa-file-invoice:before {
+  content: "\f570"; }
+
+.fa-file-invoice-dollar:before {
+  content: "\f571"; }
+
+.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-prescription:before {
+  content: "\f572"; }
+
+.fa-file-search:before {
+  content: "\f865"; }
+
+.fa-file-signature:before {
+  content: "\f573"; }
+
+.fa-file-spreadsheet:before {
+  content: "\f65b"; }
+
+.fa-file-times:before {
+  content: "\f317"; }
+
+.fa-file-upload:before {
+  content: "\f574"; }
+
+.fa-file-user:before {
+  content: "\f65c"; }
+
+.fa-file-video:before {
+  content: "\f1c8"; }
+
+.fa-file-word:before {
+  content: "\f1c2"; }
+
+.fa-files-medical:before {
+  content: "\f7fd"; }
+
+.fa-fill:before {
+  content: "\f575"; }
+
+.fa-fill-drip:before {
+  content: "\f576"; }
+
+.fa-film:before {
+  content: "\f008"; }
+
+.fa-film-alt:before {
+  content: "\f3a0"; }
+
+.fa-filter:before {
+  content: "\f0b0"; }
+
+.fa-fingerprint:before {
+  content: "\f577"; }
+
+.fa-fire:before {
+  content: "\f06d"; }
+
+.fa-fire-alt:before {
+  content: "\f7e4"; }
+
+.fa-fire-extinguisher:before {
+  content: "\f134"; }
+
+.fa-fire-smoke:before {
+  content: "\f74b"; }
+
+.fa-firefox:before {
+  content: "\f269"; }
+
+.fa-fireplace:before {
+  content: "\f79a"; }
+
+.fa-first-aid:before {
+  content: "\f479"; }
+
+.fa-first-order:before {
+  content: "\f2b0"; }
+
+.fa-first-order-alt:before {
+  content: "\f50a"; }
+
+.fa-firstdraft:before {
+  content: "\f3a1"; }
+
+.fa-fish:before {
+  content: "\f578"; }
+
+.fa-fish-cooked:before {
+  content: "\f7fe"; }
+
+.fa-fist-raised:before {
+  content: "\f6de"; }
+
+.fa-flag:before {
+  content: "\f024"; }
+
+.fa-flag-alt:before {
+  content: "\f74c"; }
+
+.fa-flag-checkered:before {
+  content: "\f11e"; }
+
+.fa-flag-usa:before {
+  content: "\f74d"; }
+
+.fa-flame:before {
+  content: "\f6df"; }
+
+.fa-flask:before {
+  content: "\f0c3"; }
+
+.fa-flask-poison:before {
+  content: "\f6e0"; }
+
+.fa-flask-potion:before {
+  content: "\f6e1"; }
+
+.fa-flickr:before {
+  content: "\f16e"; }
+
+.fa-flipboard:before {
+  content: "\f44d"; }
+
+.fa-flower:before {
+  content: "\f7ff"; }
+
+.fa-flower-daffodil:before {
+  content: "\f800"; }
+
+.fa-flower-tulip:before {
+  content: "\f801"; }
+
+.fa-flushed:before {
+  content: "\f579"; }
+
+.fa-fly:before {
+  content: "\f417"; }
+
+.fa-fog:before {
+  content: "\f74e"; }
+
+.fa-folder:before {
+  content: "\f07b"; }
+
+.fa-folder-minus:before {
+  content: "\f65d"; }
+
+.fa-folder-open:before {
+  content: "\f07c"; }
+
+.fa-folder-plus:before {
+  content: "\f65e"; }
+
+.fa-folder-times:before {
+  content: "\f65f"; }
+
+.fa-folder-tree:before {
+  content: "\f802"; }
+
+.fa-folders:before {
+  content: "\f660"; }
+
+.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-font-awesome-logo-full:before {
+  content: "\f4e6"; }
+
+.fa-font-case:before {
+  content: "\f866"; }
+
+.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-fragile:before {
+  content: "\f4bb"; }
+
+.fa-free-code-camp:before {
+  content: "\f2c5"; }
+
+.fa-freebsd:before {
+  content: "\f3a4"; }
+
+.fa-french-fries:before {
+  content: "\f803"; }
+
+.fa-frog:before {
+  content: "\f52e"; }
+
+.fa-frosty-head:before {
+  content: "\f79b"; }
+
+.fa-frown:before {
+  content: "\f119"; }
+
+.fa-frown-open:before {
+  content: "\f57a"; }
+
+.fa-fulcrum:before {
+  content: "\f50b"; }
+
+.fa-function:before {
+  content: "\f661"; }
+
+.fa-funnel-dollar:before {
+  content: "\f662"; }
+
+.fa-futbol:before {
+  content: "\f1e3"; }
+
+.fa-galactic-republic:before {
+  content: "\f50c"; }
+
+.fa-galactic-senate:before {
+  content: "\f50d"; }
+
+.fa-game-board:before {
+  content: "\f867"; }
+
+.fa-game-board-alt:before {
+  content: "\f868"; }
+
+.fa-gamepad:before {
+  content: "\f11b"; }
+
+.fa-gas-pump:before {
+  content: "\f52f"; }
+
+.fa-gas-pump-slash:before {
+  content: "\f5f4"; }
+
+.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-ghost:before {
+  content: "\f6e2"; }
+
+.fa-gift:before {
+  content: "\f06b"; }
+
+.fa-gift-card:before {
+  content: "\f663"; }
+
+.fa-gifts:before {
+  content: "\f79c"; }
+
+.fa-gingerbread-man:before {
+  content: "\f79d"; }
+
+.fa-git:before {
+  content: "\f1d3"; }
+
+.fa-git-alt:before {
+  content: "\f841"; }
+
+.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:before {
+  content: "\f804"; }
+
+.fa-glass-champagne:before {
+  content: "\f79e"; }
+
+.fa-glass-cheers:before {
+  content: "\f79f"; }
+
+.fa-glass-citrus:before {
+  content: "\f869"; }
+
+.fa-glass-martini:before {
+  content: "\f000"; }
+
+.fa-glass-martini-alt:before {
+  content: "\f57b"; }
+
+.fa-glass-whiskey:before {
+  content: "\f7a0"; }
+
+.fa-glass-whiskey-rocks:before {
+  content: "\f7a1"; }
+
+.fa-glasses:before {
+  content: "\f530"; }
+
+.fa-glasses-alt:before {
+  content: "\f5f5"; }
+
+.fa-glide:before {
+  content: "\f2a5"; }
+
+.fa-glide-g:before {
+  content: "\f2a6"; }
+
+.fa-globe:before {
+  content: "\f0ac"; }
+
+.fa-globe-africa:before {
+  content: "\f57c"; }
+
+.fa-globe-americas:before {
+  content: "\f57d"; }
+
+.fa-globe-asia:before {
+  content: "\f57e"; }
+
+.fa-globe-europe:before {
+  content: "\f7a2"; }
+
+.fa-globe-snow:before {
+  content: "\f7a3"; }
+
+.fa-globe-stand:before {
+  content: "\f5f6"; }
+
+.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-gopuram:before {
+  content: "\f664"; }
+
+.fa-graduation-cap:before {
+  content: "\f19d"; }
+
+.fa-gratipay:before {
+  content: "\f184"; }
+
+.fa-grav:before {
+  content: "\f2d6"; }
+
+.fa-greater-than:before {
+  content: "\f531"; }
+
+.fa-greater-than-equal:before {
+  content: "\f532"; }
+
+.fa-grimace:before {
+  content: "\f57f"; }
+
+.fa-grin:before {
+  content: "\f580"; }
+
+.fa-grin-alt:before {
+  content: "\f581"; }
+
+.fa-grin-beam:before {
+  content: "\f582"; }
+
+.fa-grin-beam-sweat:before {
+  content: "\f583"; }
+
+.fa-grin-hearts:before {
+  content: "\f584"; }
+
+.fa-grin-squint:before {
+  content: "\f585"; }
+
+.fa-grin-squint-tears:before {
+  content: "\f586"; }
+
+.fa-grin-stars:before {
+  content: "\f587"; }
+
+.fa-grin-tears:before {
+  content: "\f588"; }
+
+.fa-grin-tongue:before {
+  content: "\f589"; }
+
+.fa-grin-tongue-squint:before {
+  content: "\f58a"; }
+
+.fa-grin-tongue-wink:before {
+  content: "\f58b"; }
+
+.fa-grin-wink:before {
+  content: "\f58c"; }
+
+.fa-grip-horizontal:before {
+  content: "\f58d"; }
+
+.fa-grip-lines:before {
+  content: "\f7a4"; }
+
+.fa-grip-lines-vertical:before {
+  content: "\f7a5"; }
+
+.fa-grip-vertical:before {
+  content: "\f58e"; }
+
+.fa-gripfire:before {
+  content: "\f3ac"; }
+
+.fa-grunt:before {
+  content: "\f3ad"; }
+
+.fa-guitar:before {
+  content: "\f7a6"; }
+
+.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-h4:before {
+  content: "\f86a"; }
+
+.fa-hacker-news:before {
+  content: "\f1d4"; }
+
+.fa-hacker-news-square:before {
+  content: "\f3af"; }
+
+.fa-hackerrank:before {
+  content: "\f5f7"; }
+
+.fa-hamburger:before {
+  content: "\f805"; }
+
+.fa-hammer:before {
+  content: "\f6e3"; }
+
+.fa-hammer-war:before {
+  content: "\f6e4"; }
+
+.fa-hamsa:before {
+  content: "\f665"; }
+
+.fa-hand-heart:before {
+  content: "\f4bc"; }
+
+.fa-hand-holding:before {
+  content: "\f4bd"; }
+
+.fa-hand-holding-box:before {
+  content: "\f47b"; }
+
+.fa-hand-holding-heart:before {
+  content: "\f4be"; }
+
+.fa-hand-holding-magic:before {
+  content: "\f6e5"; }
+
+.fa-hand-holding-seedling:before {
+  content: "\f4bf"; }
+
+.fa-hand-holding-usd:before {
+  content: "\f4c0"; }
+
+.fa-hand-holding-water:before {
+  content: "\f4c1"; }
+
+.fa-hand-lizard:before {
+  content: "\f258"; }
+
+.fa-hand-middle-finger:before {
+  content: "\f806"; }
+
+.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-hands:before {
+  content: "\f4c2"; }
+
+.fa-hands-heart:before {
+  content: "\f4c3"; }
+
+.fa-hands-helping:before {
+  content: "\f4c4"; }
+
+.fa-hands-usd:before {
+  content: "\f4c5"; }
+
+.fa-handshake:before {
+  content: "\f2b5"; }
+
+.fa-handshake-alt:before {
+  content: "\f4c6"; }
+
+.fa-hanukiah:before {
+  content: "\f6e6"; }
+
+.fa-hard-hat:before {
+  content: "\f807"; }
+
+.fa-hashtag:before {
+  content: "\f292"; }
+
+.fa-hat-chef:before {
+  content: "\f86b"; }
+
+.fa-hat-santa:before {
+  content: "\f7a7"; }
+
+.fa-hat-winter:before {
+  content: "\f7a8"; }
+
+.fa-hat-witch:before {
+  content: "\f6e7"; }
+
+.fa-hat-wizard:before {
+  content: "\f6e8"; }
+
+.fa-haykal:before {
+  content: "\f666"; }
+
+.fa-hdd:before {
+  content: "\f0a0"; }
+
+.fa-head-side:before {
+  content: "\f6e9"; }
+
+.fa-head-side-brain:before {
+  content: "\f808"; }
+
+.fa-head-side-medical:before {
+  content: "\f809"; }
+
+.fa-head-vr:before {
+  content: "\f6ea"; }
+
+.fa-heading:before {
+  content: "\f1dc"; }
+
+.fa-headphones:before {
+  content: "\f025"; }
+
+.fa-headphones-alt:before {
+  content: "\f58f"; }
+
+.fa-headset:before {
+  content: "\f590"; }
+
+.fa-heart:before {
+  content: "\f004"; }
+
+.fa-heart-broken:before {
+  content: "\f7a9"; }
+
+.fa-heart-circle:before {
+  content: "\f4c7"; }
+
+.fa-heart-rate:before {
+  content: "\f5f8"; }
+
+.fa-heart-square:before {
+  content: "\f4c8"; }
+
+.fa-heartbeat:before {
+  content: "\f21e"; }
+
+.fa-helicopter:before {
+  content: "\f533"; }
+
+.fa-helmet-battle:before {
+  content: "\f6eb"; }
+
+.fa-hexagon:before {
+  content: "\f312"; }
+
+.fa-highlighter:before {
+  content: "\f591"; }
+
+.fa-hiking:before {
+  content: "\f6ec"; }
+
+.fa-hippo:before {
+  content: "\f6ed"; }
+
+.fa-hips:before {
+  content: "\f452"; }
+
+.fa-hire-a-helper:before {
+  content: "\f3b0"; }
+
+.fa-history:before {
+  content: "\f1da"; }
+
+.fa-hockey-mask:before {
+  content: "\f6ee"; }
+
+.fa-hockey-puck:before {
+  content: "\f453"; }
+
+.fa-hockey-sticks:before {
+  content: "\f454"; }
+
+.fa-holly-berry:before {
+  content: "\f7aa"; }
+
+.fa-home:before {
+  content: "\f015"; }
+
+.fa-home-alt:before {
+  content: "\f80a"; }
+
+.fa-home-heart:before {
+  content: "\f4c9"; }
+
+.fa-home-lg:before {
+  content: "\f80b"; }
+
+.fa-home-lg-alt:before {
+  content: "\f80c"; }
+
+.fa-hood-cloak:before {
+  content: "\f6ef"; }
+
+.fa-hooli:before {
+  content: "\f427"; }
+
+.fa-horizontal-rule:before {
+  content: "\f86c"; }
+
+.fa-hornbill:before {
+  content: "\f592"; }
+
+.fa-horse:before {
+  content: "\f6f0"; }
+
+.fa-horse-head:before {
+  content: "\f7ab"; }
+
+.fa-hospital:before {
+  content: "\f0f8"; }
+
+.fa-hospital-alt:before {
+  content: "\f47d"; }
+
+.fa-hospital-symbol:before {
+  content: "\f47e"; }
+
+.fa-hospital-user:before {
+  content: "\f80d"; }
+
+.fa-hospitals:before {
+  content: "\f80e"; }
+
+.fa-hot-tub:before {
+  content: "\f593"; }
+
+.fa-hotdog:before {
+  content: "\f80f"; }
+
+.fa-hotel:before {
+  content: "\f594"; }
+
+.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-house-damage:before {
+  content: "\f6f1"; }
+
+.fa-house-flood:before {
+  content: "\f74f"; }
+
+.fa-houzz:before {
+  content: "\f27c"; }
+
+.fa-hryvnia:before {
+  content: "\f6f2"; }
+
+.fa-html5:before {
+  content: "\f13b"; }
+
+.fa-hubspot:before {
+  content: "\f3b2"; }
+
+.fa-humidity:before {
+  content: "\f750"; }
+
+.fa-hurricane:before {
+  content: "\f751"; }
+
+.fa-i-cursor:before {
+  content: "\f246"; }
+
+.fa-ice-cream:before {
+  content: "\f810"; }
+
+.fa-ice-skate:before {
+  content: "\f7ac"; }
+
+.fa-icicles:before {
+  content: "\f7ad"; }
+
+.fa-icons:before {
+  content: "\f86d"; }
+
+.fa-icons-alt:before {
+  content: "\f86e"; }
+
+.fa-id-badge:before {
+  content: "\f2c1"; }
+
+.fa-id-card:before {
+  content: "\f2c2"; }
+
+.fa-id-card-alt:before {
+  content: "\f47f"; }
+
+.fa-igloo:before {
+  content: "\f7ae"; }
+
+.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-infinity:before {
+  content: "\f534"; }
+
+.fa-info:before {
+  content: "\f129"; }
+
+.fa-info-circle:before {
+  content: "\f05a"; }
+
+.fa-info-square:before {
+  content: "\f30f"; }
+
+.fa-inhaler:before {
+  content: "\f5f9"; }
+
+.fa-instagram:before {
+  content: "\f16d"; }
+
+.fa-integral:before {
+  content: "\f667"; }
+
+.fa-intercom:before {
+  content: "\f7af"; }
+
+.fa-internet-explorer:before {
+  content: "\f26b"; }
+
+.fa-intersection:before {
+  content: "\f668"; }
+
+.fa-inventory:before {
+  content: "\f480"; }
+
+.fa-invision:before {
+  content: "\f7b0"; }
+
+.fa-ioxhost:before {
+  content: "\f208"; }
+
+.fa-island-tropical:before {
+  content: "\f811"; }
+
+.fa-italic:before {
+  content: "\f033"; }
+
+.fa-itch-io:before {
+  content: "\f83a"; }
+
+.fa-itunes:before {
+  content: "\f3b4"; }
+
+.fa-itunes-note:before {
+  content: "\f3b5"; }
+
+.fa-jack-o-lantern:before {
+  content: "\f30e"; }
+
+.fa-java:before {
+  content: "\f4e4"; }
+
+.fa-jedi:before {
+  content: "\f669"; }
+
+.fa-jedi-order:before {
+  content: "\f50e"; }
+
+.fa-jenkins:before {
+  content: "\f3b6"; }
+
+.fa-jira:before {
+  content: "\f7b1"; }
+
+.fa-joget:before {
+  content: "\f3b7"; }
+
+.fa-joint:before {
+  content: "\f595"; }
+
+.fa-joomla:before {
+  content: "\f1aa"; }
+
+.fa-journal-whills:before {
+  content: "\f66a"; }
+
+.fa-js:before {
+  content: "\f3b8"; }
+
+.fa-js-square:before {
+  content: "\f3b9"; }
+
+.fa-jsfiddle:before {
+  content: "\f1cc"; }
+
+.fa-kaaba:before {
+  content: "\f66b"; }
+
+.fa-kaggle:before {
+  content: "\f5fa"; }
+
+.fa-kerning:before {
+  content: "\f86f"; }
+
+.fa-key:before {
+  content: "\f084"; }
+
+.fa-key-skeleton:before {
+  content: "\f6f3"; }
+
+.fa-keybase:before {
+  content: "\f4f5"; }
+
+.fa-keyboard:before {
+  content: "\f11c"; }
+
+.fa-keycdn:before {
+  content: "\f3ba"; }
+
+.fa-keynote:before {
+  content: "\f66c"; }
+
+.fa-khanda:before {
+  content: "\f66d"; }
+
+.fa-kickstarter:before {
+  content: "\f3bb"; }
+
+.fa-kickstarter-k:before {
+  content: "\f3bc"; }
+
+.fa-kidneys:before {
+  content: "\f5fb"; }
+
+.fa-kiss:before {
+  content: "\f596"; }
+
+.fa-kiss-beam:before {
+  content: "\f597"; }
+
+.fa-kiss-wink-heart:before {
+  content: "\f598"; }
+
+.fa-kite:before {
+  content: "\f6f4"; }
+
+.fa-kiwi-bird:before {
+  content: "\f535"; }
+
+.fa-knife-kitchen:before {
+  content: "\f6f5"; }
+
+.fa-korvue:before {
+  content: "\f42f"; }
+
+.fa-lambda:before {
+  content: "\f66e"; }
+
+.fa-lamp:before {
+  content: "\f4ca"; }
+
+.fa-landmark:before {
+  content: "\f66f"; }
+
+.fa-landmark-alt:before {
+  content: "\f752"; }
+
+.fa-language:before {
+  content: "\f1ab"; }
+
+.fa-laptop:before {
+  content: "\f109"; }
+
+.fa-laptop-code:before {
+  content: "\f5fc"; }
+
+.fa-laptop-medical:before {
+  content: "\f812"; }
+
+.fa-laravel:before {
+  content: "\f3bd"; }
+
+.fa-lastfm:before {
+  content: "\f202"; }
+
+.fa-lastfm-square:before {
+  content: "\f203"; }
+
+.fa-laugh:before {
+  content: "\f599"; }
+
+.fa-laugh-beam:before {
+  content: "\f59a"; }
+
+.fa-laugh-squint:before {
+  content: "\f59b"; }
+
+.fa-laugh-wink:before {
+  content: "\f59c"; }
+
+.fa-layer-group:before {
+  content: "\f5fd"; }
+
+.fa-layer-minus:before {
+  content: "\f5fe"; }
+
+.fa-layer-plus:before {
+  content: "\f5ff"; }
+
+.fa-leaf:before {
+  content: "\f06c"; }
+
+.fa-leaf-heart:before {
+  content: "\f4cb"; }
+
+.fa-leaf-maple:before {
+  content: "\f6f6"; }
+
+.fa-leaf-oak:before {
+  content: "\f6f7"; }
+
+.fa-leanpub:before {
+  content: "\f212"; }
+
+.fa-lemon:before {
+  content: "\f094"; }
+
+.fa-less:before {
+  content: "\f41d"; }
+
+.fa-less-than:before {
+  content: "\f536"; }
+
+.fa-less-than-equal:before {
+  content: "\f537"; }
+
+.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-lightbulb-dollar:before {
+  content: "\f670"; }
+
+.fa-lightbulb-exclamation:before {
+  content: "\f671"; }
+
+.fa-lightbulb-on:before {
+  content: "\f672"; }
+
+.fa-lightbulb-slash:before {
+  content: "\f673"; }
+
+.fa-lights-holiday:before {
+  content: "\f7b2"; }
+
+.fa-line:before {
+  content: "\f3c0"; }
+
+.fa-line-columns:before {
+  content: "\f870"; }
+
+.fa-line-height:before {
+  content: "\f871"; }
+
+.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-lips:before {
+  content: "\f600"; }
+
+.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:before {
+  content: "\f601"; }
+
+.fa-location-arrow:before {
+  content: "\f124"; }
+
+.fa-location-circle:before {
+  content: "\f602"; }
+
+.fa-location-slash:before {
+  content: "\f603"; }
+
+.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-loveseat:before {
+  content: "\f4cc"; }
+
+.fa-low-vision:before {
+  content: "\f2a8"; }
+
+.fa-luchador:before {
+  content: "\f455"; }
+
+.fa-luggage-cart:before {
+  content: "\f59d"; }
+
+.fa-lungs:before {
+  content: "\f604"; }
+
+.fa-lyft:before {
+  content: "\f3c3"; }
+
+.fa-mace:before {
+  content: "\f6f8"; }
+
+.fa-magento:before {
+  content: "\f3c4"; }
+
+.fa-magic:before {
+  content: "\f0d0"; }
+
+.fa-magnet:before {
+  content: "\f076"; }
+
+.fa-mail-bulk:before {
+  content: "\f674"; }
+
+.fa-mailbox:before {
+  content: "\f813"; }
+
+.fa-mailchimp:before {
+  content: "\f59e"; }
+
+.fa-male:before {
+  content: "\f183"; }
+
+.fa-mandalorian:before {
+  content: "\f50f"; }
+
+.fa-mandolin:before {
+  content: "\f6f9"; }
+
+.fa-map:before {
+  content: "\f279"; }
+
+.fa-map-marked:before {
+  content: "\f59f"; }
+
+.fa-map-marked-alt:before {
+  content: "\f5a0"; }
+
+.fa-map-marker:before {
+  content: "\f041"; }
+
+.fa-map-marker-alt:before {
+  content: "\f3c5"; }
+
+.fa-map-marker-alt-slash:before {
+  content: "\f605"; }
+
+.fa-map-marker-check:before {
+  content: "\f606"; }
+
+.fa-map-marker-edit:before {
+  content: "\f607"; }
+
+.fa-map-marker-exclamation:before {
+  content: "\f608"; }
+
+.fa-map-marker-minus:before {
+  content: "\f609"; }
+
+.fa-map-marker-plus:before {
+  content: "\f60a"; }
+
+.fa-map-marker-question:before {
+  content: "\f60b"; }
+
+.fa-map-marker-slash:before {
+  content: "\f60c"; }
+
+.fa-map-marker-smile:before {
+  content: "\f60d"; }
+
+.fa-map-marker-times:before {
+  content: "\f60e"; }
+
+.fa-map-pin:before {
+  content: "\f276"; }
+
+.fa-map-signs:before {
+  content: "\f277"; }
+
+.fa-markdown:before {
+  content: "\f60f"; }
+
+.fa-marker:before {
+  content: "\f5a1"; }
+
+.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-mask:before {
+  content: "\f6fa"; }
+
+.fa-mastodon:before {
+  content: "\f4f6"; }
+
+.fa-maxcdn:before {
+  content: "\f136"; }
+
+.fa-meat:before {
+  content: "\f814"; }
+
+.fa-medal:before {
+  content: "\f5a2"; }
+
+.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-megaphone:before {
+  content: "\f675"; }
+
+.fa-megaport:before {
+  content: "\f5a3"; }
+
+.fa-meh:before {
+  content: "\f11a"; }
+
+.fa-meh-blank:before {
+  content: "\f5a4"; }
+
+.fa-meh-rolling-eyes:before {
+  content: "\f5a5"; }
+
+.fa-memory:before {
+  content: "\f538"; }
+
+.fa-mendeley:before {
+  content: "\f7b3"; }
+
+.fa-menorah:before {
+  content: "\f676"; }
+
+.fa-mercury:before {
+  content: "\f223"; }
+
+.fa-meteor:before {
+  content: "\f753"; }
+
+.fa-microchip:before {
+  content: "\f2db"; }
+
+.fa-microphone:before {
+  content: "\f130"; }
+
+.fa-microphone-alt:before {
+  content: "\f3c9"; }
+
+.fa-microphone-alt-slash:before {
+  content: "\f539"; }
+
+.fa-microphone-slash:before {
+  content: "\f131"; }
+
+.fa-microscope:before {
+  content: "\f610"; }
+
+.fa-microsoft:before {
+  content: "\f3ca"; }
+
+.fa-mind-share:before {
+  content: "\f677"; }
+
+.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-mistletoe:before {
+  content: "\f7b4"; }
+
+.fa-mitten:before {
+  content: "\f7b5"; }
+
+.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-money-bill-wave:before {
+  content: "\f53a"; }
+
+.fa-money-bill-wave-alt:before {
+  content: "\f53b"; }
+
+.fa-money-check:before {
+  content: "\f53c"; }
+
+.fa-money-check-alt:before {
+  content: "\f53d"; }
+
+.fa-money-check-edit:before {
+  content: "\f872"; }
+
+.fa-money-check-edit-alt:before {
+  content: "\f873"; }
+
+.fa-monitor-heart-rate:before {
+  content: "\f611"; }
+
+.fa-monkey:before {
+  content: "\f6fb"; }
+
+.fa-monument:before {
+  content: "\f5a6"; }
+
+.fa-moon:before {
+  content: "\f186"; }
+
+.fa-moon-cloud:before {
+  content: "\f754"; }
+
+.fa-moon-stars:before {
+  content: "\f755"; }
+
+.fa-mortar-pestle:before {
+  content: "\f5a7"; }
+
+.fa-mosque:before {
+  content: "\f678"; }
+
+.fa-motorcycle:before {
+  content: "\f21c"; }
+
+.fa-mountain:before {
+  content: "\f6fc"; }
+
+.fa-mountains:before {
+  content: "\f6fd"; }
+
+.fa-mouse-pointer:before {
+  content: "\f245"; }
+
+.fa-mug:before {
+  content: "\f874"; }
+
+.fa-mug-hot:before {
+  content: "\f7b6"; }
+
+.fa-mug-marshmallows:before {
+  content: "\f7b7"; }
+
+.fa-mug-tea:before {
+  content: "\f875"; }
+
+.fa-music:before {
+  content: "\f001"; }
+
+.fa-napster:before {
+  content: "\f3d2"; }
+
+.fa-narwhal:before {
+  content: "\f6fe"; }
+
+.fa-neos:before {
+  content: "\f612"; }
+
+.fa-network-wired:before {
+  content: "\f6ff"; }
+
+.fa-neuter:before {
+  content: "\f22c"; }
+
+.fa-newspaper:before {
+  content: "\f1ea"; }
+
+.fa-nimblr:before {
+  content: "\f5a8"; }
+
+.fa-node:before {
+  content: "\f419"; }
+
+.fa-node-js:before {
+  content: "\f3d3"; }
+
+.fa-not-equal:before {
+  content: "\f53e"; }
+
+.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-oil-can:before {
+  content: "\f613"; }
+
+.fa-oil-temp:before {
+  content: "\f614"; }
+
+.fa-old-republic:before {
+  content: "\f510"; }
+
+.fa-om:before {
+  content: "\f679"; }
+
+.fa-omega:before {
+  content: "\f67a"; }
+
+.fa-opencart:before {
+  content: "\f23d"; }
+
+.fa-openid:before {
+  content: "\f19b"; }
+
+.fa-opera:before {
+  content: "\f26a"; }
+
+.fa-optin-monster:before {
+  content: "\f23c"; }
+
+.fa-ornament:before {
+  content: "\f7b8"; }
+
+.fa-osi:before {
+  content: "\f41a"; }
+
+.fa-otter:before {
+  content: "\f700"; }
+
+.fa-outdent:before {
+  content: "\f03b"; }
+
+.fa-overline:before {
+  content: "\f876"; }
+
+.fa-page-break:before {
+  content: "\f877"; }
+
+.fa-page4:before {
+  content: "\f3d7"; }
+
+.fa-pagelines:before {
+  content: "\f18c"; }
+
+.fa-pager:before {
+  content: "\f815"; }
+
+.fa-paint-brush:before {
+  content: "\f1fc"; }
+
+.fa-paint-brush-alt:before {
+  content: "\f5a9"; }
+
+.fa-paint-roller:before {
+  content: "\f5aa"; }
+
+.fa-palette:before {
+  content: "\f53f"; }
+
+.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-parachute-box:before {
+  content: "\f4cd"; }
+
+.fa-paragraph:before {
+  content: "\f1dd"; }
+
+.fa-paragraph-rtl:before {
+  content: "\f878"; }
+
+.fa-parking:before {
+  content: "\f540"; }
+
+.fa-parking-circle:before {
+  content: "\f615"; }
+
+.fa-parking-circle-slash:before {
+  content: "\f616"; }
+
+.fa-parking-slash:before {
+  content: "\f617"; }
+
+.fa-passport:before {
+  content: "\f5ab"; }
+
+.fa-pastafarianism:before {
+  content: "\f67b"; }
+
+.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-paw-alt:before {
+  content: "\f701"; }
+
+.fa-paw-claws:before {
+  content: "\f702"; }
+
+.fa-paypal:before {
+  content: "\f1ed"; }
+
+.fa-peace:before {
+  content: "\f67c"; }
+
+.fa-pegasus:before {
+  content: "\f703"; }
+
+.fa-pen:before {
+  content: "\f304"; }
+
+.fa-pen-alt:before {
+  content: "\f305"; }
+
+.fa-pen-fancy:before {
+  content: "\f5ac"; }
+
+.fa-pen-nib:before {
+  content: "\f5ad"; }
+
+.fa-pen-square:before {
+  content: "\f14b"; }
+
+.fa-pencil:before {
+  content: "\f040"; }
+
+.fa-pencil-alt:before {
+  content: "\f303"; }
+
+.fa-pencil-paintbrush:before {
+  content: "\f618"; }
+
+.fa-pencil-ruler:before {
+  content: "\f5ae"; }
+
+.fa-pennant:before {
+  content: "\f456"; }
+
+.fa-penny-arcade:before {
+  content: "\f704"; }
+
+.fa-people-carry:before {
+  content: "\f4ce"; }
+
+.fa-pepper-hot:before {
+  content: "\f816"; }
+
+.fa-percent:before {
+  content: "\f295"; }
+
+.fa-percentage:before {
+  content: "\f541"; }
+
+.fa-periscope:before {
+  content: "\f3da"; }
+
+.fa-person-booth:before {
+  content: "\f756"; }
+
+.fa-person-carry:before {
+  content: "\f4cf"; }
+
+.fa-person-dolly:before {
+  content: "\f4d0"; }
+
+.fa-person-dolly-empty:before {
+  content: "\f4d1"; }
+
+.fa-person-sign:before {
+  content: "\f757"; }
+
+.fa-phabricator:before {
+  content: "\f3db"; }
+
+.fa-phoenix-framework:before {
+  content: "\f3dc"; }
+
+.fa-phoenix-squadron:before {
+  content: "\f511"; }
+
+.fa-phone:before {
+  content: "\f095"; }
+
+.fa-phone-alt:before {
+  content: "\f879"; }
+
+.fa-phone-laptop:before {
+  content: "\f87a"; }
+
+.fa-phone-office:before {
+  content: "\f67d"; }
+
+.fa-phone-plus:before {
+  content: "\f4d2"; }
+
+.fa-phone-slash:before {
+  content: "\f3dd"; }
+
+.fa-phone-square:before {
+  content: "\f098"; }
+
+.fa-phone-square-alt:before {
+  content: "\f87b"; }
+
+.fa-phone-volume:before {
+  content: "\f2a0"; }
+
+.fa-photo-video:before {
+  content: "\f87c"; }
+
+.fa-php:before {
+  content: "\f457"; }
+
+.fa-pi:before {
+  content: "\f67e"; }
+
+.fa-pie:before {
+  content: "\f705"; }
+
+.fa-pied-piper:before {
+  content: "\f2ae"; }
+
+.fa-pied-piper-alt:before {
+  content: "\f1a8"; }
+
+.fa-pied-piper-hat:before {
+  content: "\f4e5"; }
+
+.fa-pied-piper-pp:before {
+  content: "\f1a7"; }
+
+.fa-pig:before {
+  content: "\f706"; }
+
+.fa-piggy-bank:before {
+  content: "\f4d3"; }
+
+.fa-pills:before {
+  content: "\f484"; }
+
+.fa-pinterest:before {
+  content: "\f0d2"; }
+
+.fa-pinterest-p:before {
+  content: "\f231"; }
+
+.fa-pinterest-square:before {
+  content: "\f0d3"; }
+
+.fa-pizza:before {
+  content: "\f817"; }
+
+.fa-pizza-slice:before {
+  content: "\f818"; }
+
+.fa-place-of-worship:before {
+  content: "\f67f"; }
+
+.fa-plane:before {
+  content: "\f072"; }
+
+.fa-plane-alt:before {
+  content: "\f3de"; }
+
+.fa-plane-arrival:before {
+  content: "\f5af"; }
+
+.fa-plane-departure:before {
+  content: "\f5b0"; }
+
+.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-podium:before {
+  content: "\f680"; }
+
+.fa-podium-star:before {
+  content: "\f758"; }
+
+.fa-poll:before {
+  content: "\f681"; }
+
+.fa-poll-h:before {
+  content: "\f682"; }
+
+.fa-poll-people:before {
+  content: "\f759"; }
+
+.fa-poo:before {
+  content: "\f2fe"; }
+
+.fa-poo-storm:before {
+  content: "\f75a"; }
+
+.fa-poop:before {
+  content: "\f619"; }
+
+.fa-popcorn:before {
+  content: "\f819"; }
+
+.fa-portrait:before {
+  content: "\f3e0"; }
+
+.fa-pound-sign:before {
+  content: "\f154"; }
+
+.fa-power-off:before {
+  content: "\f011"; }
+
+.fa-pray:before {
+  content: "\f683"; }
+
+.fa-praying-hands:before {
+  content: "\f684"; }
+
+.fa-prescription:before {
+  content: "\f5b1"; }
+
+.fa-prescription-bottle:before {
+  content: "\f485"; }
+
+.fa-prescription-bottle-alt:before {
+  content: "\f486"; }
+
+.fa-presentation:before {
+  content: "\f685"; }
+
+.fa-print:before {
+  content: "\f02f"; }
+
+.fa-print-search:before {
+  content: "\f81a"; }
+
+.fa-print-slash:before {
+  content: "\f686"; }
+
+.fa-procedures:before {
+  content: "\f487"; }
+
+.fa-product-hunt:before {
+  content: "\f288"; }
+
+.fa-project-diagram:before {
+  content: "\f542"; }
+
+.fa-pumpkin:before {
+  content: "\f707"; }
+
+.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-quran:before {
+  content: "\f687"; }
+
+.fa-r-project:before {
+  content: "\f4f7"; }
+
+.fa-rabbit:before {
+  content: "\f708"; }
+
+.fa-rabbit-fast:before {
+  content: "\f709"; }
+
+.fa-racquet:before {
+  content: "\f45a"; }
+
+.fa-radiation:before {
+  content: "\f7b9"; }
+
+.fa-radiation-alt:before {
+  content: "\f7ba"; }
+
+.fa-rainbow:before {
+  content: "\f75b"; }
+
+.fa-raindrops:before {
+  content: "\f75c"; }
+
+.fa-ram:before {
+  content: "\f70a"; }
+
+.fa-ramp-loading:before {
+  content: "\f4d4"; }
+
+.fa-random:before {
+  content: "\f074"; }
+
+.fa-raspberry-pi:before {
+  content: "\f7bb"; }
+
+.fa-ravelry:before {
+  content: "\f2d9"; }
+
+.fa-react:before {
+  content: "\f41b"; }
+
+.fa-reacteurope:before {
+  content: "\f75d"; }
+
+.fa-readme:before {
+  content: "\f4d5"; }
+
+.fa-rebel:before {
+  content: "\f1d0"; }
+
+.fa-receipt:before {
+  content: "\f543"; }
+
+.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-redhat:before {
+  content: "\f7bc"; }
+
+.fa-redo:before {
+  content: "\f01e"; }
+
+.fa-redo-alt:before {
+  content: "\f2f9"; }
+
+.fa-registered:before {
+  content: "\f25d"; }
+
+.fa-remove-format:before {
+  content: "\f87d"; }
+
+.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-republican:before {
+  content: "\f75e"; }
+
+.fa-researchgate:before {
+  content: "\f4f8"; }
+
+.fa-resolving:before {
+  content: "\f3e7"; }
+
+.fa-restroom:before {
+  content: "\f7bd"; }
+
+.fa-retweet:before {
+  content: "\f079"; }
+
+.fa-retweet-alt:before {
+  content: "\f361"; }
+
+.fa-rev:before {
+  content: "\f5b2"; }
+
+.fa-ribbon:before {
+  content: "\f4d6"; }
+
+.fa-ring:before {
+  content: "\f70b"; }
+
+.fa-rings-wedding:before {
+  content: "\f81b"; }
+
+.fa-road:before {
+  content: "\f018"; }
+
+.fa-robot:before {
+  content: "\f544"; }
+
+.fa-rocket:before {
+  content: "\f135"; }
+
+.fa-rocketchat:before {
+  content: "\f3e8"; }
+
+.fa-rockrms:before {
+  content: "\f3e9"; }
+
+.fa-route:before {
+  content: "\f4d7"; }
+
+.fa-route-highway:before {
+  content: "\f61a"; }
+
+.fa-route-interstate:before {
+  content: "\f61b"; }
+
+.fa-rss:before {
+  content: "\f09e"; }
+
+.fa-rss-square:before {
+  content: "\f143"; }
+
+.fa-ruble-sign:before {
+  content: "\f158"; }
+
+.fa-ruler:before {
+  content: "\f545"; }
+
+.fa-ruler-combined:before {
+  content: "\f546"; }
+
+.fa-ruler-horizontal:before {
+  content: "\f547"; }
+
+.fa-ruler-triangle:before {
+  content: "\f61c"; }
+
+.fa-ruler-vertical:before {
+  content: "\f548"; }
+
+.fa-running:before {
+  content: "\f70c"; }
+
+.fa-rupee-sign:before {
+  content: "\f156"; }
+
+.fa-rv:before {
+  content: "\f7be"; }
+
+.fa-sack:before {
+  content: "\f81c"; }
+
+.fa-sack-dollar:before {
+  content: "\f81d"; }
+
+.fa-sad-cry:before {
+  content: "\f5b3"; }
+
+.fa-sad-tear:before {
+  content: "\f5b4"; }
+
+.fa-safari:before {
+  content: "\f267"; }
+
+.fa-salad:before {
+  content: "\f81e"; }
+
+.fa-salesforce:before {
+  content: "\f83b"; }
+
+.fa-sandwich:before {
+  content: "\f81f"; }
+
+.fa-sass:before {
+  content: "\f41e"; }
+
+.fa-satellite:before {
+  content: "\f7bf"; }
+
+.fa-satellite-dish:before {
+  content: "\f7c0"; }
+
+.fa-sausage:before {
+  content: "\f820"; }
+
+.fa-save:before {
+  content: "\f0c7"; }
+
+.fa-scalpel:before {
+  content: "\f61d"; }
+
+.fa-scalpel-path:before {
+  content: "\f61e"; }
+
+.fa-scanner:before {
+  content: "\f488"; }
+
+.fa-scanner-keyboard:before {
+  content: "\f489"; }
+
+.fa-scanner-touchscreen:before {
+  content: "\f48a"; }
+
+.fa-scarecrow:before {
+  content: "\f70d"; }
+
+.fa-scarf:before {
+  content: "\f7c1"; }
+
+.fa-schlix:before {
+  content: "\f3ea"; }
+
+.fa-school:before {
+  content: "\f549"; }
+
+.fa-screwdriver:before {
+  content: "\f54a"; }
+
+.fa-scribd:before {
+  content: "\f28a"; }
+
+.fa-scroll:before {
+  content: "\f70e"; }
+
+.fa-scroll-old:before {
+  content: "\f70f"; }
+
+.fa-scrubber:before {
+  content: "\f2f8"; }
+
+.fa-scythe:before {
+  content: "\f710"; }
+
+.fa-sd-card:before {
+  content: "\f7c2"; }
+
+.fa-search:before {
+  content: "\f002"; }
+
+.fa-search-dollar:before {
+  content: "\f688"; }
+
+.fa-search-location:before {
+  content: "\f689"; }
+
+.fa-search-minus:before {
+  content: "\f010"; }
+
+.fa-search-plus:before {
+  content: "\f00e"; }
+
+.fa-searchengin:before {
+  content: "\f3eb"; }
+
+.fa-seedling:before {
+  content: "\f4d8"; }
+
+.fa-sellcast:before {
+  content: "\f2da"; }
+
+.fa-sellsy:before {
+  content: "\f213"; }
+
+.fa-send-back:before {
+  content: "\f87e"; }
+
+.fa-send-backward:before {
+  content: "\f87f"; }
+
+.fa-server:before {
+  content: "\f233"; }
+
+.fa-servicestack:before {
+  content: "\f3ec"; }
+
+.fa-shapes:before {
+  content: "\f61f"; }
+
+.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-sheep:before {
+  content: "\f711"; }
+
+.fa-shekel-sign:before {
+  content: "\f20b"; }
+
+.fa-shield:before {
+  content: "\f132"; }
+
+.fa-shield-alt:before {
+  content: "\f3ed"; }
+
+.fa-shield-check:before {
+  content: "\f2f7"; }
+
+.fa-shield-cross:before {
+  content: "\f712"; }
+
+.fa-ship:before {
+  content: "\f21a"; }
+
+.fa-shipping-fast:before {
+  content: "\f48b"; }
+
+.fa-shipping-timed:before {
+  content: "\f48c"; }
+
+.fa-shirtsinbulk:before {
+  content: "\f214"; }
+
+.fa-shish-kebab:before {
+  content: "\f821"; }
+
+.fa-shoe-prints:before {
+  content: "\f54b"; }
+
+.fa-shopping-bag:before {
+  content: "\f290"; }
+
+.fa-shopping-basket:before {
+  content: "\f291"; }
+
+.fa-shopping-cart:before {
+  content: "\f07a"; }
+
+.fa-shopware:before {
+  content: "\f5b5"; }
+
+.fa-shovel:before {
+  content: "\f713"; }
+
+.fa-shovel-snow:before {
+  content: "\f7c3"; }
+
+.fa-shower:before {
+  content: "\f2cc"; }
+
+.fa-shredder:before {
+  content: "\f68a"; }
+
+.fa-shuttle-van:before {
+  content: "\f5b6"; }
+
+.fa-shuttlecock:before {
+  content: "\f45b"; }
+
+.fa-sickle:before {
+  content: "\f822"; }
+
+.fa-sigma:before {
+  content: "\f68b"; }
+
+.fa-sign:before {
+  content: "\f4d9"; }
+
+.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-signal-1:before {
+  content: "\f68c"; }
+
+.fa-signal-2:before {
+  content: "\f68d"; }
+
+.fa-signal-3:before {
+  content: "\f68e"; }
+
+.fa-signal-4:before {
+  content: "\f68f"; }
+
+.fa-signal-alt:before {
+  content: "\f690"; }
+
+.fa-signal-alt-1:before {
+  content: "\f691"; }
+
+.fa-signal-alt-2:before {
+  content: "\f692"; }
+
+.fa-signal-alt-3:before {
+  content: "\f693"; }
+
+.fa-signal-alt-slash:before {
+  content: "\f694"; }
+
+.fa-signal-slash:before {
+  content: "\f695"; }
+
+.fa-signature:before {
+  content: "\f5b7"; }
+
+.fa-sim-card:before {
+  content: "\f7c4"; }
+
+.fa-simplybuilt:before {
+  content: "\f215"; }
+
+.fa-sistrix:before {
+  content: "\f3ee"; }
+
+.fa-sitemap:before {
+  content: "\f0e8"; }
+
+.fa-sith:before {
+  content: "\f512"; }
+
+.fa-skating:before {
+  content: "\f7c5"; }
+
+.fa-skeleton:before {
+  content: "\f620"; }
+
+.fa-sketch:before {
+  content: "\f7c6"; }
+
+.fa-ski-jump:before {
+  content: "\f7c7"; }
+
+.fa-ski-lift:before {
+  content: "\f7c8"; }
+
+.fa-skiing:before {
+  content: "\f7c9"; }
+
+.fa-skiing-nordic:before {
+  content: "\f7ca"; }
+
+.fa-skull:before {
+  content: "\f54c"; }
+
+.fa-skull-crossbones:before {
+  content: "\f714"; }
+
+.fa-skyatlas:before {
+  content: "\f216"; }
+
+.fa-skype:before {
+  content: "\f17e"; }
+
+.fa-slack:before {
+  content: "\f198"; }
+
+.fa-slack-hash:before {
+  content: "\f3ef"; }
+
+.fa-slash:before {
+  content: "\f715"; }
+
+.fa-sledding:before {
+  content: "\f7cb"; }
+
+.fa-sleigh:before {
+  content: "\f7cc"; }
+
+.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-smile-beam:before {
+  content: "\f5b8"; }
+
+.fa-smile-plus:before {
+  content: "\f5b9"; }
+
+.fa-smile-wink:before {
+  content: "\f4da"; }
+
+.fa-smog:before {
+  content: "\f75f"; }
+
+.fa-smoke:before {
+  content: "\f760"; }
+
+.fa-smoking:before {
+  content: "\f48d"; }
+
+.fa-smoking-ban:before {
+  content: "\f54d"; }
+
+.fa-sms:before {
+  content: "\f7cd"; }
+
+.fa-snake:before {
+  content: "\f716"; }
+
+.fa-snapchat:before {
+  content: "\f2ab"; }
+
+.fa-snapchat-ghost:before {
+  content: "\f2ac"; }
+
+.fa-snapchat-square:before {
+  content: "\f2ad"; }
+
+.fa-snooze:before {
+  content: "\f880"; }
+
+.fa-snow-blowing:before {
+  content: "\f761"; }
+
+.fa-snowboarding:before {
+  content: "\f7ce"; }
+
+.fa-snowflake:before {
+  content: "\f2dc"; }
+
+.fa-snowflakes:before {
+  content: "\f7cf"; }
+
+.fa-snowman:before {
+  content: "\f7d0"; }
+
+.fa-snowmobile:before {
+  content: "\f7d1"; }
+
+.fa-snowplow:before {
+  content: "\f7d2"; }
+
+.fa-socks:before {
+  content: "\f696"; }
+
+.fa-solar-panel:before {
+  content: "\f5ba"; }
+
+.fa-sort:before {
+  content: "\f0dc"; }
+
+.fa-sort-alpha-down:before {
+  content: "\f15d"; }
+
+.fa-sort-alpha-down-alt:before {
+  content: "\f881"; }
+
+.fa-sort-alpha-up:before {
+  content: "\f15e"; }
+
+.fa-sort-alpha-up-alt:before {
+  content: "\f882"; }
+
+.fa-sort-alt:before {
+  content: "\f883"; }
+
+.fa-sort-amount-down:before {
+  content: "\f160"; }
+
+.fa-sort-amount-down-alt:before {
+  content: "\f884"; }
+
+.fa-sort-amount-up:before {
+  content: "\f161"; }
+
+.fa-sort-amount-up-alt:before {
+  content: "\f885"; }
+
+.fa-sort-down:before {
+  content: "\f0dd"; }
+
+.fa-sort-numeric-down:before {
+  content: "\f162"; }
+
+.fa-sort-numeric-down-alt:before {
+  content: "\f886"; }
+
+.fa-sort-numeric-up:before {
+  content: "\f163"; }
+
+.fa-sort-numeric-up-alt:before {
+  content: "\f887"; }
+
+.fa-sort-shapes-down:before {
+  content: "\f888"; }
+
+.fa-sort-shapes-down-alt:before {
+  content: "\f889"; }
+
+.fa-sort-shapes-up:before {
+  content: "\f88a"; }
+
+.fa-sort-shapes-up-alt:before {
+  content: "\f88b"; }
+
+.fa-sort-size-down:before {
+  content: "\f88c"; }
+
+.fa-sort-size-down-alt:before {
+  content: "\f88d"; }
+
+.fa-sort-size-up:before {
+  content: "\f88e"; }
+
+.fa-sort-size-up-alt:before {
+  content: "\f88f"; }
+
+.fa-sort-up:before {
+  content: "\f0de"; }
+
+.fa-soundcloud:before {
+  content: "\f1be"; }
+
+.fa-soup:before {
+  content: "\f823"; }
+
+.fa-sourcetree:before {
+  content: "\f7d3"; }
+
+.fa-spa:before {
+  content: "\f5bb"; }
+
+.fa-space-shuttle:before {
+  content: "\f197"; }
+
+.fa-spade:before {
+  content: "\f2f4"; }
+
+.fa-sparkles:before {
+  content: "\f890"; }
+
+.fa-speakap:before {
+  content: "\f3f3"; }
+
+.fa-speaker-deck:before {
+  content: "\f83c"; }
+
+.fa-spell-check:before {
+  content: "\f891"; }
+
+.fa-spider:before {
+  content: "\f717"; }
+
+.fa-spider-black-widow:before {
+  content: "\f718"; }
+
+.fa-spider-web:before {
+  content: "\f719"; }
+
+.fa-spinner:before {
+  content: "\f110"; }
+
+.fa-spinner-third:before {
+  content: "\f3f4"; }
+
+.fa-splotch:before {
+  content: "\f5bc"; }
+
+.fa-spotify:before {
+  content: "\f1bc"; }
+
+.fa-spray-can:before {
+  content: "\f5bd"; }
+
+.fa-square:before {
+  content: "\f0c8"; }
+
+.fa-square-full:before {
+  content: "\f45c"; }
+
+.fa-square-root:before {
+  content: "\f697"; }
+
+.fa-square-root-alt:before {
+  content: "\f698"; }
+
+.fa-squarespace:before {
+  content: "\f5be"; }
+
+.fa-squirrel:before {
+  content: "\f71a"; }
+
+.fa-stack-exchange:before {
+  content: "\f18d"; }
+
+.fa-stack-overflow:before {
+  content: "\f16c"; }
+
+.fa-stackpath:before {
+  content: "\f842"; }
+
+.fa-staff:before {
+  content: "\f71b"; }
+
+.fa-stamp:before {
+  content: "\f5bf"; }
+
+.fa-star:before {
+  content: "\f005"; }
+
+.fa-star-and-crescent:before {
+  content: "\f699"; }
+
+.fa-star-christmas:before {
+  content: "\f7d4"; }
+
+.fa-star-exclamation:before {
+  content: "\f2f3"; }
+
+.fa-star-half:before {
+  content: "\f089"; }
+
+.fa-star-half-alt:before {
+  content: "\f5c0"; }
+
+.fa-star-of-david:before {
+  content: "\f69a"; }
+
+.fa-star-of-life:before {
+  content: "\f621"; }
+
+.fa-stars:before {
+  content: "\f762"; }
+
+.fa-staylinked:before {
+  content: "\f3f5"; }
+
+.fa-steak:before {
+  content: "\f824"; }
+
+.fa-steam:before {
+  content: "\f1b6"; }
+
+.fa-steam-square:before {
+  content: "\f1b7"; }
+
+.fa-steam-symbol:before {
+  content: "\f3f6"; }
+
+.fa-steering-wheel:before {
+  content: "\f622"; }
+
+.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-stocking:before {
+  content: "\f7d5"; }
+
+.fa-stomach:before {
+  content: "\f623"; }
+
+.fa-stop:before {
+  content: "\f04d"; }
+
+.fa-stop-circle:before {
+  content: "\f28d"; }
+
+.fa-stopwatch:before {
+  content: "\f2f2"; }
+
+.fa-store:before {
+  content: "\f54e"; }
+
+.fa-store-alt:before {
+  content: "\f54f"; }
+
+.fa-strava:before {
+  content: "\f428"; }
+
+.fa-stream:before {
+  content: "\f550"; }
+
+.fa-street-view:before {
+  content: "\f21d"; }
+
+.fa-stretcher:before {
+  content: "\f825"; }
+
+.fa-strikethrough:before {
+  content: "\f0cc"; }
+
+.fa-stripe:before {
+  content: "\f429"; }
+
+.fa-stripe-s:before {
+  content: "\f42a"; }
+
+.fa-stroopwafel:before {
+  content: "\f551"; }
+
+.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-suitcase-rolling:before {
+  content: "\f5c1"; }
+
+.fa-sun:before {
+  content: "\f185"; }
+
+.fa-sun-cloud:before {
+  content: "\f763"; }
+
+.fa-sun-dust:before {
+  content: "\f764"; }
+
+.fa-sun-haze:before {
+  content: "\f765"; }
+
+.fa-sunglasses:before {
+  content: "\f892"; }
+
+.fa-sunrise:before {
+  content: "\f766"; }
+
+.fa-sunset:before {
+  content: "\f767"; }
+
+.fa-superpowers:before {
+  content: "\f2dd"; }
+
+.fa-superscript:before {
+  content: "\f12b"; }
+
+.fa-supple:before {
+  content: "\f3f9"; }
+
+.fa-surprise:before {
+  content: "\f5c2"; }
+
+.fa-suse:before {
+  content: "\f7d6"; }
+
+.fa-swatchbook:before {
+  content: "\f5c3"; }
+
+.fa-swimmer:before {
+  content: "\f5c4"; }
+
+.fa-swimming-pool:before {
+  content: "\f5c5"; }
+
+.fa-sword:before {
+  content: "\f71c"; }
+
+.fa-swords:before {
+  content: "\f71d"; }
+
+.fa-symfony:before {
+  content: "\f83d"; }
+
+.fa-synagogue:before {
+  content: "\f69b"; }
+
+.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-tachometer-alt-average:before {
+  content: "\f624"; }
+
+.fa-tachometer-alt-fast:before {
+  content: "\f625"; }
+
+.fa-tachometer-alt-fastest:before {
+  content: "\f626"; }
+
+.fa-tachometer-alt-slow:before {
+  content: "\f627"; }
+
+.fa-tachometer-alt-slowest:before {
+  content: "\f628"; }
+
+.fa-tachometer-average:before {
+  content: "\f629"; }
+
+.fa-tachometer-fast:before {
+  content: "\f62a"; }
+
+.fa-tachometer-fastest:before {
+  content: "\f62b"; }
+
+.fa-tachometer-slow:before {
+  content: "\f62c"; }
+
+.fa-tachometer-slowest:before {
+  content: "\f62d"; }
+
+.fa-taco:before {
+  content: "\f826"; }
+
+.fa-tag:before {
+  content: "\f02b"; }
+
+.fa-tags:before {
+  content: "\f02c"; }
+
+.fa-tally:before {
+  content: "\f69c"; }
+
+.fa-tanakh:before {
+  content: "\f827"; }
+
+.fa-tape:before {
+  content: "\f4db"; }
+
+.fa-tasks:before {
+  content: "\f0ae"; }
+
+.fa-tasks-alt:before {
+  content: "\f828"; }
+
+.fa-taxi:before {
+  content: "\f1ba"; }
+
+.fa-teamspeak:before {
+  content: "\f4f9"; }
+
+.fa-teeth:before {
+  content: "\f62e"; }
+
+.fa-teeth-open:before {
+  content: "\f62f"; }
+
+.fa-telegram:before {
+  content: "\f2c6"; }
+
+.fa-telegram-plane:before {
+  content: "\f3fe"; }
+
+.fa-temperature-frigid:before {
+  content: "\f768"; }
+
+.fa-temperature-high:before {
+  content: "\f769"; }
+
+.fa-temperature-hot:before {
+  content: "\f76a"; }
+
+.fa-temperature-low:before {
+  content: "\f76b"; }
+
+.fa-tencent-weibo:before {
+  content: "\f1d5"; }
+
+.fa-tenge:before {
+  content: "\f7d7"; }
+
+.fa-tennis-ball:before {
+  content: "\f45e"; }
+
+.fa-terminal:before {
+  content: "\f120"; }
+
+.fa-text:before {
+  content: "\f893"; }
+
+.fa-text-height:before {
+  content: "\f034"; }
+
+.fa-text-size:before {
+  content: "\f894"; }
+
+.fa-text-width:before {
+  content: "\f035"; }
+
+.fa-th:before {
+  content: "\f00a"; }
+
+.fa-th-large:before {
+  content: "\f009"; }
+
+.fa-th-list:before {
+  content: "\f00b"; }
+
+.fa-the-red-yeti:before {
+  content: "\f69d"; }
+
+.fa-theater-masks:before {
+  content: "\f630"; }
+
+.fa-themeco:before {
+  content: "\f5c6"; }
+
+.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-theta:before {
+  content: "\f69e"; }
+
+.fa-think-peaks:before {
+  content: "\f731"; }
+
+.fa-thumbs-down:before {
+  content: "\f165"; }
+
+.fa-thumbs-up:before {
+  content: "\f164"; }
+
+.fa-thumbtack:before {
+  content: "\f08d"; }
+
+.fa-thunderstorm:before {
+  content: "\f76c"; }
+
+.fa-thunderstorm-moon:before {
+  content: "\f76d"; }
+
+.fa-thunderstorm-sun:before {
+  content: "\f76e"; }
+
+.fa-ticket:before {
+  content: "\f145"; }
+
+.fa-ticket-alt:before {
+  content: "\f3ff"; }
+
+.fa-tilde:before {
+  content: "\f69f"; }
+
+.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-tint-slash:before {
+  content: "\f5c7"; }
+
+.fa-tire:before {
+  content: "\f631"; }
+
+.fa-tire-flat:before {
+  content: "\f632"; }
+
+.fa-tire-pressure-warning:before {
+  content: "\f633"; }
+
+.fa-tire-rugged:before {
+  content: "\f634"; }
+
+.fa-tired:before {
+  content: "\f5c8"; }
+
+.fa-toggle-off:before {
+  content: "\f204"; }
+
+.fa-toggle-on:before {
+  content: "\f205"; }
+
+.fa-toilet:before {
+  content: "\f7d8"; }
+
+.fa-toilet-paper:before {
+  content: "\f71e"; }
+
+.fa-toilet-paper-alt:before {
+  content: "\f71f"; }
+
+.fa-tombstone:before {
+  content: "\f720"; }
+
+.fa-tombstone-alt:before {
+  content: "\f721"; }
+
+.fa-toolbox:before {
+  content: "\f552"; }
+
+.fa-tools:before {
+  content: "\f7d9"; }
+
+.fa-tooth:before {
+  content: "\f5c9"; }
+
+.fa-toothbrush:before {
+  content: "\f635"; }
+
+.fa-torah:before {
+  content: "\f6a0"; }
+
+.fa-torii-gate:before {
+  content: "\f6a1"; }
+
+.fa-tornado:before {
+  content: "\f76f"; }
+
+.fa-tractor:before {
+  content: "\f722"; }
+
+.fa-trade-federation:before {
+  content: "\f513"; }
+
+.fa-trademark:before {
+  content: "\f25c"; }
+
+.fa-traffic-cone:before {
+  content: "\f636"; }
+
+.fa-traffic-light:before {
+  content: "\f637"; }
+
+.fa-traffic-light-go:before {
+  content: "\f638"; }
+
+.fa-traffic-light-slow:before {
+  content: "\f639"; }
+
+.fa-traffic-light-stop:before {
+  content: "\f63a"; }
+
+.fa-train:before {
+  content: "\f238"; }
+
+.fa-tram:before {
+  content: "\f7da"; }
+
+.fa-transgender:before {
+  content: "\f224"; }
+
+.fa-transgender-alt:before {
+  content: "\f225"; }
+
+.fa-trash:before {
+  content: "\f1f8"; }
+
+.fa-trash-alt:before {
+  content: "\f2ed"; }
+
+.fa-trash-restore:before {
+  content: "\f829"; }
+
+.fa-trash-restore-alt:before {
+  content: "\f82a"; }
+
+.fa-trash-undo:before {
+  content: "\f895"; }
+
+.fa-trash-undo-alt:before {
+  content: "\f896"; }
+
+.fa-treasure-chest:before {
+  content: "\f723"; }
+
+.fa-tree:before {
+  content: "\f1bb"; }
+
+.fa-tree-alt:before {
+  content: "\f400"; }
+
+.fa-tree-christmas:before {
+  content: "\f7db"; }
+
+.fa-tree-decorated:before {
+  content: "\f7dc"; }
+
+.fa-tree-large:before {
+  content: "\f7dd"; }
+
+.fa-tree-palm:before {
+  content: "\f82b"; }
+
+.fa-trees:before {
+  content: "\f724"; }
+
+.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-truck-container:before {
+  content: "\f4dc"; }
+
+.fa-truck-couch:before {
+  content: "\f4dd"; }
+
+.fa-truck-loading:before {
+  content: "\f4de"; }
+
+.fa-truck-monster:before {
+  content: "\f63b"; }
+
+.fa-truck-moving:before {
+  content: "\f4df"; }
+
+.fa-truck-pickup:before {
+  content: "\f63c"; }
+
+.fa-truck-plow:before {
+  content: "\f7de"; }
+
+.fa-truck-ramp:before {
+  content: "\f4e0"; }
+
+.fa-tshirt:before {
+  content: "\f553"; }
+
+.fa-tty:before {
+  content: "\f1e4"; }
+
+.fa-tumblr:before {
+  content: "\f173"; }
+
+.fa-tumblr-square:before {
+  content: "\f174"; }
+
+.fa-turkey:before {
+  content: "\f725"; }
+
+.fa-turtle:before {
+  content: "\f726"; }
+
+.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-ubuntu:before {
+  content: "\f7df"; }
+
+.fa-uikit:before {
+  content: "\f403"; }
+
+.fa-umbrella:before {
+  content: "\f0e9"; }
+
+.fa-umbrella-beach:before {
+  content: "\f5ca"; }
+
+.fa-underline:before {
+  content: "\f0cd"; }
+
+.fa-undo:before {
+  content: "\f0e2"; }
+
+.fa-undo-alt:before {
+  content: "\f2ea"; }
+
+.fa-unicorn:before {
+  content: "\f727"; }
+
+.fa-union:before {
+  content: "\f6a2"; }
+
+.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-ups:before {
+  content: "\f7e0"; }
+
+.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-alt-slash:before {
+  content: "\f4fa"; }
+
+.fa-user-astronaut:before {
+  content: "\f4fb"; }
+
+.fa-user-chart:before {
+  content: "\f6a3"; }
+
+.fa-user-check:before {
+  content: "\f4fc"; }
+
+.fa-user-circle:before {
+  content: "\f2bd"; }
+
+.fa-user-clock:before {
+  content: "\f4fd"; }
+
+.fa-user-cog:before {
+  content: "\f4fe"; }
+
+.fa-user-crown:before {
+  content: "\f6a4"; }
+
+.fa-user-edit:before {
+  content: "\f4ff"; }
+
+.fa-user-friends:before {
+  content: "\f500"; }
+
+.fa-user-graduate:before {
+  content: "\f501"; }
+
+.fa-user-hard-hat:before {
+  content: "\f82c"; }
+
+.fa-user-headset:before {
+  content: "\f82d"; }
+
+.fa-user-injured:before {
+  content: "\f728"; }
+
+.fa-user-lock:before {
+  content: "\f502"; }
+
+.fa-user-md:before {
+  content: "\f0f0"; }
+
+.fa-user-md-chat:before {
+  content: "\f82e"; }
+
+.fa-user-minus:before {
+  content: "\f503"; }
+
+.fa-user-ninja:before {
+  content: "\f504"; }
+
+.fa-user-nurse:before {
+  content: "\f82f"; }
+
+.fa-user-plus:before {
+  content: "\f234"; }
+
+.fa-user-secret:before {
+  content: "\f21b"; }
+
+.fa-user-shield:before {
+  content: "\f505"; }
+
+.fa-user-slash:before {
+  content: "\f506"; }
+
+.fa-user-tag:before {
+  content: "\f507"; }
+
+.fa-user-tie:before {
+  content: "\f508"; }
+
+.fa-user-times:before {
+  content: "\f235"; }
+
+.fa-users:before {
+  content: "\f0c0"; }
+
+.fa-users-class:before {
+  content: "\f63d"; }
+
+.fa-users-cog:before {
+  content: "\f509"; }
+
+.fa-users-crown:before {
+  content: "\f6a5"; }
+
+.fa-users-medical:before {
+  content: "\f830"; }
+
+.fa-usps:before {
+  content: "\f7e1"; }
+
+.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-value-absolute:before {
+  content: "\f6a6"; }
+
+.fa-vector-square:before {
+  content: "\f5cb"; }
+
+.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-video-plus:before {
+  content: "\f4e1"; }
+
+.fa-video-slash:before {
+  content: "\f4e2"; }
+
+.fa-vihara:before {
+  content: "\f6a7"; }
+
+.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-voicemail:before {
+  content: "\f897"; }
+
+.fa-volcano:before {
+  content: "\f770"; }
+
+.fa-volleyball-ball:before {
+  content: "\f45f"; }
+
+.fa-volume:before {
+  content: "\f6a8"; }
+
+.fa-volume-down:before {
+  content: "\f027"; }
+
+.fa-volume-mute:before {
+  content: "\f6a9"; }
+
+.fa-volume-off:before {
+  content: "\f026"; }
+
+.fa-volume-slash:before {
+  content: "\f2e2"; }
+
+.fa-volume-up:before {
+  content: "\f028"; }
+
+.fa-vote-nay:before {
+  content: "\f771"; }
+
+.fa-vote-yea:before {
+  content: "\f772"; }
+
+.fa-vr-cardboard:before {
+  content: "\f729"; }
+
+.fa-vuejs:before {
+  content: "\f41f"; }
+
+.fa-walker:before {
+  content: "\f831"; }
+
+.fa-walking:before {
+  content: "\f554"; }
+
+.fa-wallet:before {
+  content: "\f555"; }
+
+.fa-wand:before {
+  content: "\f72a"; }
+
+.fa-wand-magic:before {
+  content: "\f72b"; }
+
+.fa-warehouse:before {
+  content: "\f494"; }
+
+.fa-warehouse-alt:before {
+  content: "\f495"; }
+
+.fa-washer:before {
+  content: "\f898"; }
+
+.fa-watch:before {
+  content: "\f2e1"; }
+
+.fa-watch-fitness:before {
+  content: "\f63e"; }
+
+.fa-water:before {
+  content: "\f773"; }
+
+.fa-water-lower:before {
+  content: "\f774"; }
+
+.fa-water-rise:before {
+  content: "\f775"; }
+
+.fa-wave-sine:before {
+  content: "\f899"; }
+
+.fa-wave-square:before {
+  content: "\f83e"; }
+
+.fa-wave-triangle:before {
+  content: "\f89a"; }
+
+.fa-waze:before {
+  content: "\f83f"; }
+
+.fa-webcam:before {
+  content: "\f832"; }
+
+.fa-webcam-slash:before {
+  content: "\f833"; }
+
+.fa-weebly:before {
+  content: "\f5cc"; }
+
+.fa-weibo:before {
+  content: "\f18a"; }
+
+.fa-weight:before {
+  content: "\f496"; }
+
+.fa-weight-hanging:before {
+  content: "\f5cd"; }
+
+.fa-weixin:before {
+  content: "\f1d7"; }
+
+.fa-whale:before {
+  content: "\f72c"; }
+
+.fa-whatsapp:before {
+  content: "\f232"; }
+
+.fa-whatsapp-square:before {
+  content: "\f40c"; }
+
+.fa-wheat:before {
+  content: "\f72d"; }
+
+.fa-wheelchair:before {
+  content: "\f193"; }
+
+.fa-whistle:before {
+  content: "\f460"; }
+
+.fa-whmcs:before {
+  content: "\f40d"; }
+
+.fa-wifi:before {
+  content: "\f1eb"; }
+
+.fa-wifi-1:before {
+  content: "\f6aa"; }
+
+.fa-wifi-2:before {
+  content: "\f6ab"; }
+
+.fa-wifi-slash:before {
+  content: "\f6ac"; }
+
+.fa-wikipedia-w:before {
+  content: "\f266"; }
+
+.fa-wind:before {
+  content: "\f72e"; }
+
+.fa-wind-turbine:before {
+  content: "\f89b"; }
+
+.fa-wind-warning:before {
+  content: "\f776"; }
+
+.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-windsock:before {
+  content: "\f777"; }
+
+.fa-wine-bottle:before {
+  content: "\f72f"; }
+
+.fa-wine-glass:before {
+  content: "\f4e3"; }
+
+.fa-wine-glass-alt:before {
+  content: "\f5ce"; }
+
+.fa-wix:before {
+  content: "\f5cf"; }
+
+.fa-wizards-of-the-coast:before {
+  content: "\f730"; }
+
+.fa-wolf-pack-battalion:before {
+  content: "\f514"; }
+
+.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-wpressr:before {
+  content: "\f3e4"; }
+
+.fa-wreath:before {
+  content: "\f7e2"; }
+
+.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-yammer:before {
+  content: "\f840"; }
+
+.fa-yandex:before {
+  content: "\f413"; }
+
+.fa-yandex-international:before {
+  content: "\f414"; }
+
+.fa-yarn:before {
+  content: "\f7e3"; }
+
+.fa-yelp:before {
+  content: "\f1e9"; }
+
+.fa-yen-sign:before {
+  content: "\f157"; }
+
+.fa-yin-yang:before {
+  content: "\f6ad"; }
+
+.fa-yoast:before {
+  content: "\f2b1"; }
+
+.fa-youtube:before {
+  content: "\f167"; }
+
+.fa-youtube-square:before {
+  content: "\f431"; }
+
+.fa-zhihu:before {
+  content: "\f63f"; }
+
+.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 */