cld2代码提交

app/class/hash.js

@@ -0,0 +1,58 @@
+/**
+ * Created by MyPC on 2019/11/7.
+ */
+var crypto = require('crypto');
+//加密
+var hashEncode=function (id){//aes192
+    var cipher = crypto.createCipher('aes192', CRYPTO_KEY);
+    var enc = cipher.update(id, 'utf8', 'hex');
+    enc += cipher.final('hex');
+    return enc;
+}
+//解密
+var hashDecode=function (id){
+    var decipher = crypto.createDecipher('aes192', CRYPTO_KEY);
+    var dec = decipher.update(id, 'hex', 'utf8');
+    dec += decipher.final('utf8');
+    return dec;
+}
+
+//解密
+var hashStaffDecode=function (id){
+    var decipher = crypto.createDecipher('aes-256-ctr', CRYPTO_KEY);
+    var dec = decipher.update(id, 'hex', 'utf8');
+    dec += decipher.final('utf8');
+    return dec;
+}
+
+var isNotANumber=function(inputData){
+    if (isNaN(inputData)) {
+        return false;
+    } else {
+        return true;
+    }
+}
+
+//是否存在或者为空
+var isExistence=function (data){
+    if(Array.isArray(data)){
+        if(data.length==0){
+            return false;
+        }else{
+            return true;
+        }
+    }else if(data==''||data===null||typeof(data) == 'undefined'||data=='undefined'){
+        return false;
+    }else{
+        return true;
+    }
+}
+
+
+exports.hashDecode = hashDecode;
+exports.hashEncode = hashEncode;
+exports.hashStaffDecode = hashStaffDecode;
+exports.isNotANumber = isNotANumber;
+exports.isExistence = isExistence;
+
+

app/class/middleWare.js

@@ -0,0 +1,21 @@
+const hash=require('../class/hash');
+var models=require('../models');
+const url=require("url");
+
+var beforeRun= async function (req, res, next){
+
+    if(hash.isExistence(req.cookies.staffV2)){
+        var sid=hash.hashStaffDecode(req.cookies.staffV2);
+        STAFF= await models.staff.getOne(sid);
+        next();
+    }else{
+        var path=url.parse(req.url);
+        if(path.path=="/cloud/curing/edition"){
+            res.redirect('/login');
+        }else{
+            res.json({ 'status': 3,'msg':'请刷新页面，重新登陆' });
+        }
+    }
+}
+
+exports.beforeRun = beforeRun;

app/cloudAjaxRouter.js

@@ -0,0 +1,52 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+var express = require('express');
+var router = express.Router();
+var cloudAjaxController=require('./controller/cloudEditionAjaxController');
+
+router.get('/cloud/curing/ajax/curingInfo/:mobile', function(req, res, next) {
+    cloudAjaxController.getCuringInfo(req, res);
+});
+
+router.get('/cloud/curing/ajax/getCuringByCompilationId/:compilation_id', function(req, res, next) {
+    cloudAjaxController.getCuringByCompilationId(req, res);
+});
+router.get('/cloud/curing/ajax/getCuringByCompilationId', function(req, res, next) {
+    cloudAjaxController.getCuringByCompilationId(req, res);
+});
+
+//养护分页
+router.get('/cloud/curing/ajax/getCuringPage/:currentPage', function(req, res, next) {
+    cloudAjaxController.getCuringPage(req, res);
+});
+
+router.get('/cloud/curing/ajax/checkMobile/:mobile', function(req, res, next) {
+    cloudAjaxController.checkMobile(req, res);
+});
+
+//根据通行证ID获得养护用户信息
+router.get('/cloud/curing/ajax/getCuringBySsoid', function(req, res, next) {
+    cloudAjaxController.getCuringBySsoid(req, res);
+});
+
+//养护详情页 数据
+router.get('/cloud/curing/ajax/getCuringById/:sso_id', function(req, res, next) {
+    cloudAjaxController.getCuringById(req, res);
+});
+//养护用写入CLD，并升级养护产品
+router.post('/cloud/curing/ajax/upCuringDo', function(req, res, next) {
+    cloudAjaxController.upCuringDo(req, res);
+});
+//养护用户关联CLD客户
+router.post('/cloud/curing/ajax/relevanceClientDo', function(req, res, next) {
+    cloudAjaxController.relevanceClientDo(req, res);
+});
+//养护用户移除CLD客户
+router.post('/cloud/curing/ajax/relieveClientDo', function(req, res, next) {
+    cloudAjaxController.relieveClientDo(req, res);
+});
+
+
+
+module.exports = router;

app/cloudRouter.js

@@ -0,0 +1,18 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+var express = require('express');
+var router = express.Router();
+var cloudController=require('./controller/cloudEditionController');
+
+router.get('/cloud/curing/edition', function(req, res, next) {
+    cloudController.curingEdition(req, res);
+});
+
+router.get('/cloud/test', function(req, res, next) {
+    res.render('ui_alerts');
+});
+
+
+
+module.exports = router;

app/config/common.config.js

@@ -0,0 +1,11 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+
+global.WEB_SITE_GLOBAL='/cloud/';
+global.CRYPTO_KEY='CLDV2_CP';
+
+global.STAFF='';
+
+var d = new Date();
+global.OPERATELOGTABLE=d.getFullYear();

app/config/config.json

@@ -0,0 +1,31 @@
+{
+  "development": {
+    "username": "caipin",
+    "password": "123456",
+    "database": "dongleerp",
+    "host": "192.168.78.128",
+    "dialect": "mysql",
+    "define":{
+      "charset": "utf8",
+      "freezeTableName":"false",
+      "dialectOptions":{
+          "collate":"utf8_general_ci"
+      },
+      "timestamps": false
+    }
+  },
+  "test": {
+    "username": "root",
+    "password": null,
+    "database": "database_test",
+    "host": "127.0.0.1",
+    "dialect": "mysql"
+  },
+  "production": {
+    "username": "root",
+    "password": null,
+    "database": "database_production",
+    "host": "127.0.0.1",
+    "dialect": "mysql"
+  }
+}

app/contactsAjaxRouter.js

@@ -0,0 +1,13 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+var express = require('express');
+var router = express.Router();
+var contactsAjaxController=require('./controller/contactsAjaxController');
+
+//Ñø»¤ÏêÇéÒ³ Êý¾Ý
+router.get('/contacts/client/ajax/getClentList', function(req, res, next) {
+    contactsAjaxController.getClentList(req, res);
+});
+
+module.exports = router;

app/controller/cloudEditionAjaxController.js

@@ -0,0 +1,184 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+const hash=require('../class/hash');
+const cloudService=require('../service/cloudEditionService');
+const operateLogService=require('../service/operateLogService');
+const url=require("url");
+var models=require('../models');
+
+
+var cloudEditionAjaxController={
+    //获得养护信息
+    getCuringInfo: async function(req, res){
+        if(!hash.isNotANumber(req.params.mobile)){
+            res.json({ 'status': 0,'msg':'error mobile' });
+            return ;
+        }
+        //获得本地绑定CLD客户用户
+        var bcDetail= await cloudService.getBindCuringByMobile(req.params.mobile);
+        var cDetail= await cloudService.getCuringByMobile(req.params.mobile);
+        //数据组合
+        /*var detail={};
+        if(hash.isExistence(bcDetail)){
+            detail=bcDetail;
+        }
+        if(hash.isExistence(cDetail)){
+            detail['mobile']=cDetail['userInfo']['mobile'];
+            detail['email']=cDetail['userInfo']['email'];
+            detail['username']=cDetail['userInfo']['username'];
+            detail['create_time']=cDetail['userInfo']['create_time'];
+            detail['company']=cDetail['userInfo']['company'];
+            detail['province']=cDetail['userInfo']['province'];
+            detail['upgrade_list']=cDetail['userInfo']['upgrade_list'];
+            detail['curing']=cDetail;
+        }*/
+        //console.log(detail);
+
+        if(!hash.isExistence(bcDetail)){//没有绑定CLD客户
+            if(!hash.isExistence(cDetail)){
+                res.header("Content-Type", "application/json; charset=utf-8")
+                res.json({ 'status': 3,'msg':'该号码未注册养护项目' });
+                return ;
+            }
+            res.json({ 'status': 2,'msg':'已升级用户列表不存在' });//未绑定CLD客户
+        }else{
+            res.json({ 'status': 1,'detail':bcDetail });
+        }
+    },
+
+//根据编办ID获得养护升级用户
+getCuringByCompilationId: async function(req, res){
+    var compilation_id=req.params.compilation_id;
+    var curingList= await cloudService.getCuringList(compilation_id);
+
+    res.json({ 'status': 1,'curingList':curingList.curingList,'pageData':curingList.pageData });
+},
+
+//养护激活用户分页
+getCuringPage: async function(req, res){
+    var currentPage=req.params.currentPage;
+    if(!hash.isNotANumber(currentPage)){
+        res.json({ 'status': 2,'msg':'currentPage error' });return ;
+    }
+    //get获得方式
+    var params = url.parse(req.url, true).query;
+
+    var curingList= await cloudService.getCuringList(params.compilation_id,currentPage);
+
+    res.json({ 'status': 1,'curingList':curingList.curingList,'pageData':curingList.pageData });
+},
+
+//搜索手机号，防止由于改号码导致数据不全问题
+checkMobile: async function(req, res){
+    if(!hash.isNotANumber(req.params.mobile)){
+        res.json({ 'status': 0,'msg':'error mobile' });
+        return ;
+    }
+    var data= await cloudService.getCuringByMobile(req.params.mobile);
+
+    if(hash.isExistence(data)) {
+        var curingDetail=await models.cloud_curing.getCuringBySsoid(data['userInfo']['ssoId']);
+        var client_id='';
+        if(hash.isExistence(curingDetail)&&hash.isExistence(curingDetail['client_id'])){
+            client_id=curingDetail['client_id'];
+        }
+        res.json({ 'status': 1,'data':{'id':data['userInfo']['ssoId'],'client_id':client_id} });
+    }else{
+        res.json({ 'status': 3,'msg':'该号码未注册养护项目' });
+    }
+},
+
+getCuringBySsoid: async function(req, res){
+    var params = url.parse(req.url, true).query;
+
+    if(!hash.isExistence(params.ssoid)){
+        res.json({ 'status': 0,'msg':'error ssoid' });
+        return ;
+    }
+
+    var detail= await cloudService.getCuringBySsoid(params.ssoid,params.client_id);
+    //console.log(detail);
+    if(hash.isExistence(detail)) {
+        res.json({ 'status': 1,'detail':detail });
+    }else{
+        res.json({ 'status': 3,'msg':'该号码未注册养护项目' });
+    }
+},
+
+upCuringDo: async function(req, res){
+    //post数据获得
+    var ssoid=req.body.ssoid;//通行证ID
+    var compilationId=req.body.compilationId;//编办ID
+
+    if(hash.isExistence(ssoid)&&hash.isExistence(compilationId)) {
+        var flag= await cloudService.upCuringDo(req.body);
+
+        if(flag){
+            res.json({ 'status': 1,'msg':'升级成功' });
+        }else{
+            res.json({ 'status': 3,'msg':'升级失败' });
+        }
+    }else{
+        res.json({ 'status': 3,'msg':'数据不正确' });
+    }
+},
+//养护绑定CLD客户
+relevanceClientDo: async function(req, res){
+    //post数据获得
+    var cidKey=req.body.cidKey;//客户ID
+    var id=req.body.id;//养护用户ID
+
+    if(hash.isExistence(cidKey)&&hash.isExistence(id)) {
+        var flag= await cloudService.relevanceClientDo(req.body);
+        if(flag){
+            //获得绑定的CLD客户信息
+            var detail= await models.CLD_client.findById(cidKey);
+            var operateLogList=await models.operate_log.findByCondition(1,hash.hashDecode(id));
+
+
+            res.json({ 'status': 1,'detail':detail,'operateLogList':operateLogList,'msg':'绑定CLD客户成功' });
+        }else{
+            res.json({ 'status': 2,'msg':'绑定失败' });
+        }
+    }else{
+        res.json({ 'status': 3,'msg':'参数不正确' });
+    }
+},
+//养护移除CLD客户
+relieveClientDo: async function(req, res){
+    //post数据获得
+    var id=req.body.id;//养护用户ID
+
+    if(hash.isExistence(id)) {
+        var flag= await cloudService.relieveClientDo(req.body);
+        if(flag){
+            var operateLogList=await models.operate_log.findByCondition(1,hash.hashDecode(id));
+            //获得绑定的CLD客户信息
+            res.json({ 'status': 1,'operateLogList':operateLogList,'msg':'解绑CLD客户成功' });
+        }else{
+            res.json({ 'status': 2,'msg':'解绑失败' });
+        }
+    }else{
+        res.json({ 'status': 3,'msg':'参数不正确' });
+    }
+},
+
+//养护详情页 数据
+getCuringById: async function(req, res){
+
+    if(!hash.isExistence(req.params.id)){
+        res.json({ 'status': 0,'msg':'error id' });
+        return ;
+    }
+    var id=hash.hashDecode(req.params.id);
+    if(!hash.isNotANumber(id)){
+        res.json({ 'status': 0,'msg':'error id' });
+        return ;
+    }
+
+    res.json({ 'status': 3,'msg':'数据不正确' });
+},
+
+}
+module.exports = cloudEditionAjaxController;

app/controller/cloudEditionController.js

@@ -0,0 +1,67 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+const cloudService=require('../service/cloudEditionService');
+const hash=require('../class/hash');
+
+//Ñø»¤¹ÜÀí
+var curingEdition= async function (req, res){
+
+    var redis = require('redis');
+    var client = redis.createClient(6379, '127.0.0.1');
+    var data2={};
+    client.get('name', function (err, value) {
+        data2=value;
+    });
+
+console.log(data2);
+    if(!hash.isExistence(data)){
+        console.log('no------------------------');
+    }
+
+
+
+    var curingList=await cloudService.getCuringList();
+    var compilationList=await cloudService.getCompilationList();
+
+    var data={ 'curingList': curingList.curingList,'pageData':curingList.pageData,'compilationList':compilationList };
+
+
+    /*client.on('connect', function () {
+
+        client.set('name', 'long', function (err, data) {
+            console.log(data)
+        })
+
+        var d=client.get('name', function (err, data) {
+            console.log(data)
+        });
+        console.log(d);
+
+        // set Óï·¨
+       /!* client.set('name', 'long', function (err, data) {
+            console.log(data)
+        })
+        // get Óï·¨
+        client.get('name', function (err, data) {
+            console.log(data)
+        })*!/
+
+        /!*client.lpush('class',1,function (err,data) {
+            console.log(data)
+        })
+
+        client.lrange('class',0,-1,function (err,data) {
+            console.log(data)
+        })*!/
+    })*/
+
+
+
+
+    res.render('cloud/curing',data);
+}
+
+
+exports.curingEdition = curingEdition;
+

app/controller/contactsAjaxController.js

@@ -0,0 +1,25 @@
+/**
+ * Created by MyPC on 2019/12/17.
+ */
+
+const hash=require('../class/hash');
+const contactsService=require('../service/contactsService');
+const url=require("url");
+var models=require('../models');
+
+//获得cld客户信息组
+var getClentList= async function (req, res){
+    var params = url.parse(req.url, true).query;
+
+    if(hash.isExistence(params.clientname)){
+        var clientname=decodeURI(params.clientname);
+        var list= await contactsService.getClentListByClientname(params.clientname);
+
+        res.json({ 'status': 1,'list':list });
+    }else{
+        res.json({ 'status': 0,'msg':'params error' });
+    }
+}
+
+
+exports.getClentList = getClentList;

app/controller/contactsController.js

@@ -0,0 +1,3 @@
+/**
+ * Created by MyPC on 2019/12/17.
+ */

app/models/client.js

@@ -0,0 +1,148 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+'use strict';
+const hash= require('../class/hash');
+const Sequelize = require('sequelize');
+const Op = Sequelize.Op;
+
+module.exports = (sequelize, DataTypes) => {
+
+    const client = sequelize.define('CLD_client', {
+        cid  : {type: DataTypes.INTEGER(11), primaryKey: true, autoIncrement: true},
+        clientname: DataTypes.STRING,
+
+        companyid: DataTypes.INTEGER,
+        companyname: DataTypes.STRING,
+        position: DataTypes.STRING,
+        telephone: DataTypes.STRING,
+
+        gender: DataTypes.STRING,
+        nicename: DataTypes.STRING,
+        qq: DataTypes.INTEGER(15),
+        phone: DataTypes.STRING,
+        email: DataTypes.STRING,
+        area: DataTypes.STRING,
+        keynum: DataTypes.STRING,
+        unit: DataTypes.STRING,
+        nature: DataTypes.STRING,
+        local: DataTypes.STRING,
+        fax: DataTypes.STRING,
+        webservice: DataTypes.STRING,
+        department: DataTypes.STRING,
+        office: DataTypes.STRING,
+        address: DataTypes.STRING,
+        district: DataTypes.STRING,
+        tag: DataTypes.STRING,
+        //tooltip: DataTypes.STRING,
+
+        ride: DataTypes.STRING,
+        stay: DataTypes.STRING,
+        landmarks: DataTypes.STRING,
+        mark: DataTypes.STRING,
+        priority: DataTypes.STRING,
+        updatetime: DataTypes.INTEGER(11),
+        createTime:DataTypes.DATE,
+        servicetime: DataTypes.INTEGER(11),
+
+
+
+    }, {});
+
+    /*
+     * 根据ID合集获得客户信息
+     * */
+    client.findAllInCid=async function(cid,attributes){
+
+        if(cid==undefined){
+            return [];
+        }
+        var condition={
+            raw:true,
+            where: {
+                cid: {
+                    [Op.or]: [cid]
+            }
+        }};
+        if(attributes!=undefined){
+            condition.attributes=attributes;
+        }
+        var clientList = await this.findAll(condition);
+
+        clientList.forEach(function(v,i){
+            clientList[i].cidKey=hash.hashEncode(clientList[i].cid.toString());
+            //console.log(clientList[i].dataValues.cidKey);
+            //console.log(hash.hashDecode(clientList[i].dataValues.cidKey.toString()));
+        });
+        return clientList;
+    };
+
+/*
+ * 根据ID获得客户信息
+ * */
+client.findById=async function(cid,attributes){
+
+    if(!hash.isNotANumber(cid)){
+        cid=hash.hashDecode(cid);
+        if(!hash.isNotANumber(cid)){
+            return [];
+        }
+    }
+
+    //console.log(cid);
+
+    if(hash.isExistence(attributes)){
+        condition.attributes=attributes;
+    }
+
+    var condition={
+        raw:true,
+        where: {
+            cid: cid
+        }};
+    var detail = await this.findOne(condition);
+    if(!hash.isExistence(detail)){
+        return [];
+    }
+
+    var staffDetail=[];
+    await this.sequelize.query('SELECT b.* FROM CLD_client_staff as a left join CLD_staff as b on (a.sid=b.sid) where a.cid=7').spread((results, metadata) => {
+        staffDetail=results[0];
+    });
+    detail['staff']=staffDetail;
+
+    detail.cidKey=hash.hashEncode(detail.cid.toString());
+    detail.cid=hash.hashEncode(detail.cid.toString());
+
+    return detail;
+};
+
+/*
+ * 根据ID合集获得客户信息
+ * */
+client.getClentListByClientname=async function(clientname,attributes){
+    if(!hash.isExistence(clientname)){
+        return [];
+    }
+//
+    var condition={
+        raw:true,
+        limit:30,
+        where: {
+            clientname: {
+                [Op.like]: '%'+clientname+'%'
+    }
+    }};
+    if(hash.isExistence(attributes)){
+        condition.attributes=attributes;
+    };
+    var clientList = await this.findAll(condition);
+    clientList.forEach(function(v,i){
+        clientList[i].cidKey=hash.hashEncode(clientList[i].cid.toString());
+    });
+    return clientList;
+};
+
+    return client;
+};
+

app/models/clientStaff.js

@@ -0,0 +1,86 @@
+
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+'use strict';
+const hash= require('../class/hash');
+const Sequelize = require('sequelize');
+const Op = Sequelize.Op;
+
+module.exports = (sequelize, DataTypes) => {
+
+    const clientStaff = sequelize.define('CLD_client_staff', {
+        csid  : {type: DataTypes.INTEGER(11), primaryKey: true, autoIncrement: true},
+
+        sid: DataTypes.INTEGER,
+        cid: DataTypes.INTEGER,
+
+    }, {});
+
+    /*
+     * 根据ID合集获得客户信息
+     * */
+    clientStaff.findByCid=async function(cid,attributes){
+
+        /*if(!hash.isNotANumber(cid)){
+            cid=hash.hashDecode(cid);
+            if(!hash.isNotANumber(cid)){
+                return [];
+            }
+        }
+
+        if(hash.isExistence(attributes)){
+            condition.attributes=attributes;
+        }
+
+        var condition={
+            raw:true,
+            where: {
+                cid: cid
+            }};
+        var detail = await this.findOne(condition);
+        if(!hash.isExistence(detail)){
+            return [];
+        }
+
+        detail.cid=hash.hashEncode(detail.cid.toString());
+        detail.sid=hash.hashEncode(detail.sid.toString());
+        detail.csid=hash.hashEncode(detail.csid.toString());
+
+        return detail;*/
+    };
+
+    /*
+     * 根据ID获得客户信息
+     * */
+    clientStaff.findById=async function(cid,attributes){
+
+        if(!hash.isNotANumber(cid)){
+            cid=hash.hashDecode(cid);
+            if(!hash.isNotANumber(cid)){
+                return [];
+            }
+        }
+
+        if(hash.isExistence(attributes)){
+            condition.attributes=attributes;
+        }
+
+        var condition={
+            raw:true,
+            where: {
+                cid: cid
+            }};
+        var detail = await this.findOne(condition);
+        if(!hash.isExistence(detail)){
+            return [];
+        }
+        detail.cidKey=hash.hashEncode(detail.cid.toString());
+        detail.cid=hash.hashEncode(detail.cid.toString());
+
+        return detail;
+    };
+
+
+    return clientStaff;
+};

app/models/curing.js

@@ -0,0 +1,90 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+'use strict';
+const hash= require('../class/hash');
+module.exports = (sequelize, DataTypes) => {
+    const curing = sequelize.define('cloud_curing', {
+
+        mobile: DataTypes.STRING,
+        sso_id: DataTypes.STRING,
+        compilation_id: DataTypes.STRING,
+        curingCompany: DataTypes.STRING,
+        sid: DataTypes.INTEGER,
+        cid: DataTypes.INTEGER,
+        status: DataTypes.INTEGER,
+        client_id: DataTypes.INTEGER,
+        addtime: DataTypes.STRING,
+        updateTotal:DataTypes.INTEGER,
+        upgradeDescribe: DataTypes.STRING,
+
+    }, {});
+    curing.associate = function(models) {
+        // associations can be defined here
+    };
+
+
+    /*
+     * 根据mobile获得已绑定养护云版用户
+     * */
+    curing.getCuringByMobile=async function(mobile){
+
+        if(mobile==undefined){
+            return [];
+        }
+        var condition={
+            raw:true,
+            where: {
+                mobile: mobile
+            }};
+        var curingList = await this.findOne(condition);
+        return curingList;
+    };
+
+    /*
+     * 根据ssoid获得已绑定养护云版用户
+     * */
+    curing.getCuringBySsoid=async function(ssoid){
+        if(!hash.isExistence(ssoid)){
+            return [];
+        }
+
+        var condition={
+            raw:true,
+            where: {
+                sso_id: ssoid
+            }};
+        var detail = await this.findOne(condition);
+        if(!hash.isExistence(detail)){
+            return [];
+        }
+        detail.id=hash.hashEncode(detail.id.toString());
+        return detail;
+    };
+
+    /*
+     * 根据id获得已绑定养护云版用户
+     * */
+    curing.getCuringById=async function(id){
+        if(!hash.isExistence(id)){
+            return [];
+        }
+        var condition={
+            raw:true,
+            where: {
+                id: id
+            }};
+        var detail = await this.findOne(condition);
+        return detail;
+    };
+
+    /*
+     * 获得本地编办
+     * */
+    curing.getCuringCompilationList=async function(){
+
+        return [];
+    };
+
+    return curing;
+};

app/models/index.js

@@ -0,0 +1,39 @@
+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const Sequelize = require('sequelize');
+const basename = path.basename(__filename);
+const env = process.env.NODE_ENV || 'development';
+const config = require(__dirname + '/../../app/config/config.json')[env];
+const db = {};
+
+
+
+let sequelize;
+if (config.use_env_variable) {
+  sequelize = new Sequelize(process.env[config.use_env_variable], config);
+} else {
+  sequelize = new Sequelize(config.database, config.username, config.password, config);
+}
+
+fs
+  .readdirSync(__dirname)
+  .filter(file => {
+    return (file.indexOf('.') !== 0) && (file !== basename) && (file.slice(-3) === '.js');
+  })
+  .forEach(file => {
+    const model = sequelize['import'](path.join(__dirname, file));
+    db[model.name] = model;
+  });
+
+Object.keys(db).forEach(modelName => {
+  if (db[modelName].associate) {
+    db[modelName].associate(db);
+  }
+});
+
+db.sequelize = sequelize;
+db.Sequelize = Sequelize;
+
+module.exports = db;

app/models/operate_log.js

@@ -0,0 +1,124 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+'use strict';
+const hash= require('../class/hash');
+const Sequelize = require('sequelize');
+const Op = Sequelize.Op;
+
+var moment = require('moment');
+
+/*var d = new Date();
+var tableNameYear=d.getFullYear();
+ +OPERATELOGTABLE*/
+
+
+module.exports = (sequelize, DataTypes) => {
+
+    const operateLog = sequelize.define('operate_log', {
+        id : {type: DataTypes.INTEGER(11), primaryKey: true, autoIncrement: true},
+        logType: DataTypes.INTEGER,
+
+        dataId: DataTypes.INTEGER,
+        cid: DataTypes.INTEGER,
+        sid: DataTypes.STRING,
+
+        username: DataTypes.STRING,
+        category: DataTypes.STRING,
+        operation: DataTypes.STRING,
+        img: DataTypes.INTEGER(15),
+
+        createDate: DataTypes.DATE,
+
+    }, {tableName:'operate_log_'+OPERATELOGTABLE});
+
+
+    /*
+     * 根据ID合集获得客户信息
+     * */
+    operateLog.findByCondition=async function(logType,dataId){
+
+        if(!hash.isExistence(logType)||!hash.isExistence(dataId)){
+            return []
+        }else if(!hash.isNotANumber(logType)||!hash.isNotANumber(dataId)){
+            return [];
+        }
+        //var idList = await this.findAll(condition);//获得idList
+        //var yearList= await this.findAll(condition);//获得yearList
+        //console.log(logType+'d'+dataId);
+        var list=[];
+        await this.sequelize.query('select  CONVERT(GROUP_CONCAT(id) USING utf8)   as id,date_format(createDate,"%Y") as year FROM operate_log where ' +
+            'logType='+logType+' and dataId='+dataId+' GROUP BY Year(createDate) ').spread((results, metadata) => {
+            list=results;
+        });
+
+        var sqlArray=[];
+        list.forEach(function(v,i){
+            sqlArray.push(' SELECT *,DATE_FORMAT(createDate, "%Y-%m-%d %H:%m:%S") AS createDate FROM operate_log_'+v.year+' WHERE id in ('+v.id+')   ');
+
+        });
+        if(!hash.isExistence(list)){
+            return [];
+        }
+
+        var sql=sqlArray.join(" UNION ");
+        sql+=' ORDER BY id desc';
+
+        await this.sequelize.query(sql).spread((results, metadata) => {
+            list=results;
+        });
+
+        list.forEach(function(v,i){
+            //list[i].createDate=moment(v.createDate, 'YYYY-MM-DD HH:mm');//moment.unix(v.createDate).format('YYYY-MM-DD HH:mm');
+            list[i].id=hash.hashEncode(v.id.toString());
+        });
+
+        return list;
+    };
+
+/*
+ * 新增操作日志
+ *
+ * */
+operateLog.createOperateLog=async function(logType,dataId,operation){
+
+    if(!hash.isExistence(logType)||!hash.isExistence(dataId)){
+        return false;
+    }
+
+    var sid=hash.hashDecode(STAFF.sid);
+    var createDate=moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
+
+    var sql='INSERT INTO operate_log (logType,sid,createDate,dataId,cid) values ('+logType+','+sid+',"'+createDate +'",'+dataId+','+STAFF.cid+')';
+    var id='';
+    await this.sequelize.query(sql).spread((results, metadata) => {
+        id=results;
+    });
+
+    var obj = {
+        id:id,
+        logType: logType,
+        username: STAFF.username,
+        sid: sid,
+        category: STAFF.category,
+        createDate: createDate,
+        operation: operation,
+        img: STAFF.avatar,
+
+        dataId: dataId,
+        cid: STAFF.cid,
+    };
+    await this.create(obj);
+    return true;
+};
+
+
+
+
+
+
+
+
+    return operateLog;
+};
+

app/models/staff.js

@@ -0,0 +1,142 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+'use strict';
+const hash= require('../class/hash');
+const Sequelize = require('sequelize');
+const Op = Sequelize.Op;
+
+module.exports = (sequelize, DataTypes) => {
+
+    const staff = sequelize.define('staff', {
+        sid  : {type: DataTypes.INTEGER(11), primaryKey: true, autoIncrement: true},
+        username: DataTypes.STRING,
+        passwork: DataTypes.STRING,
+
+        isadmin: DataTypes.INTEGER,
+
+        staffManage: DataTypes.STRING,
+        cid: DataTypes.INTEGER,
+
+        othercid: DataTypes.STRING,
+        category: DataTypes.STRING,
+        othercategory: DataTypes.STRING,
+
+        departmentID: DataTypes.INTEGER,
+
+        departmentName: DataTypes.STRING,
+        gender: DataTypes.STRING,
+        qq: DataTypes.STRING,
+        phone: DataTypes.STRING,
+        telephone: DataTypes.STRING,
+        email: DataTypes.STRING,
+        avatar: DataTypes.STRING,
+        birthday: DataTypes.STRING,
+
+        position: DataTypes.STRING,
+        appDate: DataTypes.STRING,
+        jobNumber: DataTypes.STRING,
+        hiredate: DataTypes.STRING,
+        hireBiasDate: DataTypes.INTEGER,
+
+        probationaryDate: DataTypes.DATE,
+        practiceDate: DataTypes.DATE,
+        regularsDate: DataTypes.DATE,
+
+        dimissionReason: DataTypes.STRING,
+        nature: DataTypes.INTEGER,
+        pendStatus: DataTypes.INTEGER,
+        wxid: DataTypes.STRING,
+        wecat:DataTypes.STRING,
+        pendingApprovals: DataTypes.STRING,
+
+
+        processApprovals: DataTypes.STRING,
+        pendingApprovalsLeave: DataTypes.INTEGER,
+        processApprovalsLeave: DataTypes.STRING,
+        processLeaveCC: DataTypes.STRING,
+
+        staffManageLeave: DataTypes.STRING,
+        InductionDate: DataTypes.DATE,
+        dimissionDate: DataTypes.DATE,
+        processCC: DataTypes.STRING,
+        remittanceName: DataTypes.STRING,
+        bankName: DataTypes.STRING,
+        bankNumber: DataTypes.STRING,
+        coupletNumber: DataTypes.STRING,
+        salaryCard: DataTypes.STRING,
+        salaryBank: DataTypes.STRING,
+        did: DataTypes.STRING,
+        didName: DataTypes.STRING,
+
+
+        baseWage: DataTypes.STRING,
+        postWage: DataTypes.STRING,
+        achievementBonus: DataTypes.STRING,
+        qualifications: DataTypes.STRING,
+        marriage: DataTypes.STRING,
+        nativePlace: DataTypes.STRING,
+        emergencyContacts: DataTypes.STRING,
+        living: DataTypes.STRING,
+        IDcards: DataTypes.STRING,
+
+        IDcardsImgA: DataTypes.STRING,
+        IDcardsImgB: DataTypes.STRING,
+        certificate: DataTypes.STRING,
+        diploma: DataTypes.STRING,
+        professionalTitle: DataTypes.STRING,
+        updateDate: DataTypes.DATE,
+        seniorityFormula: DataTypes.STRING,
+        cldAccess: DataTypes.STRING,
+        nation: DataTypes.STRING,
+
+        graduateInstitutions: DataTypes.STRING,
+        major: DataTypes.STRING,
+        education: DataTypes.STRING,
+        graduationTime: DataTypes.DATE,
+        registeredResidence: DataTypes.STRING,
+        householdRegistrationType: DataTypes.STRING,
+        IDcardsValidity: DataTypes.DATE,
+        positionId: DataTypes.STRING,
+        appliedPromote: DataTypes.STRING,
+        applyLeaveDate: DataTypes.DATE,
+
+
+    }, {tableName:'CLD_staff'});
+
+    /*
+     * 根据ID合集获得客户信息
+     * */
+    staff.getOne=async function(sid,attributes){
+
+        if(!hash.isNotANumber(sid)){
+            sid=hash.hashDecode(sid);
+            if(!hash.isNotANumber(sid)){
+                return [];
+            }
+        }
+
+        var condition={
+            raw:true,
+            where: {
+                sid: sid
+
+        }};
+        if(hash.isExistence(attributes)){
+            condition.attributes=attributes;
+        }
+        var detail = await this.findOne(condition);
+
+        detail.sid=hash.hashEncode(detail.sid.toString());
+
+        /*list.forEach(function(v,i){
+            list[i].sid=hash.hashEncode(v.sid.toString());
+            //console.log(clientList[i].dataValues.cidKey);
+            //console.log(hash.hashDecode(clientList[i].dataValues.cidKey.toString()));
+        });*/
+        return detail;
+    };
+
+    return staff;
+};
+

app/service/cloudEditionService.js

@@ -0,0 +1,385 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+var models=require('../models');
+var moment = require('moment');
+const hash=require('../class/hash');
+
+//http://qa.smartcost.com.cn:2060/cld
+//"https://yhuat.smartcost.com.cn/cld";
+var curingUrl ="https://yhuat.smartcost.com.cn/cld"; //'https://yhyun.smartcost.com.cn/cld';
+var buildUrl = 'https://yun.smartcost.com.cn/cld';
+
+var getPage= async function(modelsTable,where,currentPage,pageSize,parameter){
+    var totalCount=await modelsTable.count();
+    currentPage=parseInt(currentPage);
+    if(hash.isExistence(where)){
+        totalCount=await modelsTable.count({where});
+    }
+    var total = Math.trunc ( totalCount / pageSize );
+    var totalPage = (totalCount % pageSize) == 0 ? total : total + 1;
+
+    var page={
+        'currentPage':currentPage,  //当前页
+        'previousPage':currentPage!=0?currentPage-1:currentPage,    //上一页
+        'nextPage': currentPage==totalPage ? totalPage:currentPage+1,
+        'totalPage':totalPage,
+        'parameter':encodeURI(parameter)
+    };
+    return page;
+}
+
+var cloudService={
+
+    //获得养护列表
+    getCuringList: async function(compilation_id,page=1){
+        var limit=12;
+        var offset=0;
+        if(page!=1){
+            var pg=page-1;
+            offset=pg*limit;
+        }
+
+        var option={offset: offset,
+            limit: limit,
+            raw:true,
+            order:[['id','desc']]};
+        if(hash.isExistence(compilation_id)){
+            option.where={compilation_id: compilation_id};
+        }
+
+        var curingList = await models.cloud_curing.findAll(option);
+        var parameter='?compilation_id='+compilation_id;
+        var pageData = await getPage(models.cloud_curing,option.where,page,limit,parameter);
+        //数据组合
+        var cid=[];
+        curingList.forEach(function(v,i){
+            cid.push(v.client_id);
+        });
+        var attributes= ['cid', 'clientname', 'companyid', 'companyname'];
+        var clientList = await models.CLD_client.findAllInCid(cid,attributes);
+
+        curingList.forEach(function(v,i){
+            curingList[i].clientInfo={};
+            clientList.forEach(function(clientVal,clientI){
+                if(v.client_id==clientVal.cid){
+                    curingList[i].clientInfo=clientVal;
+                }
+            });
+
+            curingList[i].addtime=moment.unix(v.addtime).format('YYYY-MM-DD HH:mm');
+            curingList[i].id=hash.hashEncode(v.id.toString());
+            curingList[i].client_id=hash.hashEncode(v.client_id.toString());
+            curingList[i].sso_id=v.sso_id;
+        });
+        //curingList['pageData']=pageData;
+
+        return {curingList:curingList,pageData:pageData};
+    },
+
+    //获得本地编办列表
+    getCuringCompilationList:async function (){
+        var compilationList = await models.cloud_curing.getCuringCompilationList();
+        return compilationList;
+        /*var curingList = await models.cloud_curing.getCuringByMobile(mobile);
+        if (curingList!=null){
+            var cid=[curingList['client_id']];
+            var attributes= ['cid', 'clientname', 'companyid', 'companyname'];
+            var clientList = await models.CLD_client.findAllInCid(cid,attributes);
+            curingList.clientname='';
+            curingList.companyname='';
+            clientList.forEach(function(clientVal,clientI){
+                if(curingList.client_id==clientVal.cid){
+                    curingList.clientname=clientVal.clientname;
+                    curingList.companyname=clientVal.companyname;
+                }
+            });
+            curingList.addtime=moment.unix(curingList.addtime).format('YYYY-MM-DD HH:mm');
+        }
+        */
+    },
+
+    //获得养护编办
+    getCompilationList:async function (){
+        var url= curingUrl+'/getCompilationList';
+        var data= await curlRequest(url);
+        return data;
+    },
+
+    //获取本地养护数据
+    getBindCuringByMobile:async function (mobile){
+        var curingList = await models.cloud_curing.getCuringByMobile(mobile);
+        if (curingList!=null){
+            var cid=[curingList['client_id']];
+            var attributes= ['cid', 'clientname', 'companyid', 'companyname'];
+            var clientList = await models.CLD_client.findAllInCid(cid,attributes);
+            curingList.clientInfo={};
+            clientList.forEach(function(clientVal,clientI){
+                if(curingList.client_id==clientVal.cid){
+                    curingList.clientInfo=clientVal;
+
+                }
+            });
+            curingList.addtime=moment.unix(curingList.addtime).format('YYYY-MM-DD HH:mm');
+        }
+        return curingList;
+    },
+
+    //根据手机号码获得养护用户信息
+    getCuringByMobile: async function(mobile){
+        var url= curingUrl+'/getUsersAndCompilation?mobile='+ mobile;
+        var userData= await curlRequest(url);
+        return userData;
+    },
+
+    //根据通行证ID获得养护相关的所有信息
+    getCuringBySsoid: async function(ssoid,client_id){
+        var curingSsoid=ssoid;
+        if(!hash.isNotANumber(ssoid)){
+            ssoid=hash.hashDecode(ssoid);
+            if(!hash.isNotANumber(ssoid)){
+                return [];
+            }
+        }
+
+        var url= curingUrl+'/getUsersAndCompilation?ssoID='+ ssoid;
+        var userData= await curlRequest(url);
+        if(!hash.isExistence(userData)){
+            return [];
+        }
+
+        //本地养护用户
+        userData['curingInfo']=await models.cloud_curing.getCuringBySsoid(curingSsoid);
+        client_id=userData['curingInfo']['client_id'];
+
+        /*userData['clientInfo']='';
+        if(!hash.isNotANumber(client_id)){
+            client_id=hash.hashDecode(client_id);
+            if(!hash.isNotANumber(client_id)){
+                userData['clientInfo']=[];
+            }
+        }*/
+
+        var detail =[];
+        if(hash.isExistence(client_id)){
+                 detail = await models.CLD_client.findById(client_id);
+        }
+
+        userData['clientInfo']=detail;
+
+        //组合数据升级产品数据
+        userData['compilationList'].forEach(function(value,key){
+            userData['userInfo']['upgrade_list'].forEach(function(v,k){
+                if(v['compilationID']==value['_id']){
+                    userData['compilationList'][key]['isUpgrade']=v['isUpgrade'];
+                }
+            });
+        });
+        userData['userInfo']['ssoIdKey']=hash.hashEncode(userData['userInfo']['ssoId'].toString());
+
+
+
+        //获得操作日志
+        userData['operateLog']=[];
+        if(hash.isExistence(userData['curingInfo'])){
+            userData['operateLog']=await models.operate_log.findByCondition(1,hash.hashDecode(userData['curingInfo']['id']));
+        }
+
+
+
+        return userData;
+    },
+
+    upCuringDo: async function(data){
+        var url =  curingUrl+'/setUserUpgrade';
+        var ssoid=hash.hashDecode(data.ssoid);
+        var postData ={'ssoId':ssoid,'cid':data.compilationId};
+        var result= await postRequest(url,postData);
+        result=JSON.parse(result);
+
+        if(result.error==0){   //接口更新成
+            var curingDetail=await models.cloud_curing.getCuringByMobile(data.mobile);
+            var id='';
+            if(hash.isExistence(curingDetail)){ //是否需要同步同步到本地库中
+                var url= curingUrl+'/getUsersAndCompilation?ssoID='+ ssoid;
+                var userData= await curlRequest(url);
+                //获得更新数量updateTotal
+                var updateTotal=0;
+                userData['userInfo']['upgrade_list'].forEach(function(value,key){
+                    if(value['isUpgrade']){
+                        updateTotal++;
+                    }
+                });
+                //更新数量
+                var values = {
+                    updateTotal: updateTotal
+                }
+                var where={
+                    where: {id: curingDetail['id']}
+                };
+                await models.cloud_curing.update(values,where);
+                id=curingDetail['id'];
+            }else{
+                sid=hash.hashDecode(STAFF.sid);
+                //获得登陆用户相关信息
+                var obj = {
+                    mobile: data.mobile,
+                    sso_id: data.ssoid,
+                    compilation_id: data.compilationId,
+                    curingCompany: data.name,
+                    sid: sid,
+                    cid: STAFF.cid,
+                    status: 1,
+                    addtime: new Date().getTime(),
+                    updateTotal: 1
+                };
+                var detail=await models.cloud_curing.create(obj);
+                id=detail['cloud_curing']['id'];
+            }
+
+            var operation=STAFF.username+'升级'+data.name;
+            //记录锁日志
+            await models.operate_log.createOperateLog(1,id,operation);
+
+            return true;
+        }else{
+            return false;
+        }
+    },
+
+    //养护用户绑定CLD客户
+    relevanceClientDo: async function(data){
+
+        var cid=hash.hashDecode(data.cidKey);
+        var id=hash.hashDecode(data.id);
+        if(!hash.isNotANumber(cid)||!hash.isNotANumber(id)){
+            return false;
+        }
+
+        var curingDetail=await models.cloud_curing.getCuringById(id);
+        if(hash.isExistence(curingDetail)) {
+
+            var clientDetail=await models.CLD_client.findById(cid);
+            if(hash.isExistence(clientDetail)){
+                //更新数量
+                var values = {
+                    client_id: cid
+                }
+                var where={
+                    where: {id: curingDetail['id']}
+                };
+                await models.cloud_curing.update(values,where);
+
+                //记录操作日志
+                var operation=STAFF.username+'关联CLD联系人'+clientDetail.clientname;
+                await models.operate_log.createOperateLog(1,id,operation);
+                return true;
+            }else{
+                return false;
+            }
+        }else{
+            return false;
+        }
+    },
+    //移除关联CLD客户
+    relieveClientDo: async function(data){
+
+        var id=hash.hashDecode(data.id);
+        if(!hash.isNotANumber(id)){
+            return false;
+        }
+
+        var curingDetail=await models.cloud_curing.getCuringById(id);
+        if(hash.isExistence(curingDetail)) {
+            //更新数量
+            var values = {
+                client_id: ''
+            }
+            var where={
+                where: {id: curingDetail['id']}
+            };
+            await models.cloud_curing.update(values,where);
+
+            var clientDetail=await models.CLD_client.findById(curingDetail['client_id']);
+            //记录操作日志
+            var operation=STAFF.username+'移除CLD联系人'+clientDetail.clientname;
+            await models.operate_log.createOperateLog(1,id,operation);
+
+            return true;
+        }else{
+            return false;
+        }
+    },
+
+}
+module.exports = cloudService;
+
+
+
+//接口调用
+var curlRequest = async function(url){
+    var got = require('got');
+    var data=[];
+    await got(url, { json: true,timeout:300 }).then(response => {
+        data= response.body.data;
+}).catch(error => {
+    console.log('GET调用接口超时');
+});
+return data;
+}
+
+var postRequest= async function(url,data){
+
+    //var fs = require('fs');
+    var got = require('got');
+    var qs = require('querystring');
+    var keysList=Object.keys(data);
+    var content = qs.stringify(data);
+    result= await got.post(url, {
+            body: content,
+            timeout:300,
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
+            }
+        }).catch(error => {
+            console.log('POST调用接口超时');
+    });
+    return result.body;
+
+//var FormData = require('form-data');
+//var form = new FormData();
+/* keysList.forEach(function(v,i){
+ console.log(v);
+ form.append(v, data[v]);
+ });*/
+
+//form.append('ssoId', data.ssoId);
+//form.append('cid', data.cid);
+
+//console.log(form);
+//console.log(keysList);
+//form.append('my_file', fs.createReadStream('/foo/bar.jpg'));
+
+//?longle=12
+//url='http://cld.com/longle/list/add';
+
+//var content = qs.stringify({'longle':125});
+
+
+//console.log(data);
+
+}
+
+var modelsQuery= async function(sql){
+    var data=[];
+    await models.sequelize.query(sql).spread((results, metadata) => {
+        // 结果将是一个空数组，元数据将包含受影响的行数。
+        data=results;
+
+    });
+    return data;
+}
+
+
+
+

app/service/contactsService.js

@@ -0,0 +1,25 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+var models=require('../models');
+var moment = require('moment');
+const hash=require('../class/hash');
+
+//根据客户名称获得客户列表
+var getClentListByClientname = async function (clientname){
+    if(!hash.isExistence(clientname)){
+        return [];
+    }
+    clientname=decodeURI(clientname);
+    var list = await models.CLD_client.getClentListByClientname(clientname);
+    return list;
+}
+
+
+
+
+exports.getClentListByClientname = getClentListByClientname;
+
+
+
+

app/service/operateLogService.js

@@ -0,0 +1,32 @@
+/**
+ * Created by MyPC on 2019/11/5.
+ */
+var models=require('../models');
+var moment = require('moment');
+const hash=require('../class/hash');
+
+//根据客户名称获得客户列表---分表存储处理逻辑
+var setOperateLog = async function (data){
+    /*if(!hash.isExistence(data)){
+        return false;
+    }*/
+
+    var condition={
+        raw:true,
+        };
+
+    var list = await models.operate_log.findAll(condition);
+    console.log(list);
+
+
+    return true;
+}
+
+
+
+
+exports.setOperateLog = setOperateLog;
+
+
+
+

bin/www

@@ -0,0 +1,93 @@
+#!/usr/bin/env node
+
+/**
+ * Module dependencies.
+ */
+
+var app = require('../app');
+var debug = require('debug')('cld2:server');
+var http = require('http');
+
+/**
+ * Get port from environment and store in Express.
+ */
+
+var port = normalizePort(process.env.PORT || '3000');
+app.set('port', port);
+
+/**
+ * Create HTTP server.
+ */
+
+var server = http.createServer(app);
+
+
+
+/**
+ * Listen on provided port, on all network interfaces.
+ */
+
+server.listen(port);
+server.on('error', onError);
+server.on('listening', onListening);
+
+/**
+ * Normalize a port into a number, string, or false.
+ */
+
+function normalizePort(val) {
+  var port = parseInt(val, 10);
+
+  if (isNaN(port)) {
+    // named pipe
+    return val;
+  }
+
+  if (port >= 0) {
+    // port number
+    return port;
+  }
+
+  return false;
+}
+
+/**
+ * Event listener for HTTP server "error" event.
+ */
+
+function onError(error) {
+  if (error.syscall !== 'listen') {
+    throw error;
+  }
+
+  var bind = typeof port === 'string'
+    ? 'Pipe ' + port
+    : 'Port ' + port;
+
+  // handle specific listen errors with friendly messages
+  switch (error.code) {
+    case 'EACCES':
+      console.error(bind + ' requires elevated privileges');
+      process.exit(1);
+      break;
+    case 'EADDRINUSE':
+      console.error(bind + ' is already in use');
+      process.exit(1);
+      break;
+    default:
+      throw error;
+  }
+}
+
+/**
+ * Event listener for HTTP server "listening" event.
+ */
+
+function onListening() {
+  var addr = server.address();
+  var bind = typeof addr === 'string'
+    ? 'pipe ' + addr
+    : 'port ' + addr.port;
+  debug('Listening on ' + bind);
+}
+console.log('start ok');

global/css/cld-custom.css

@@ -0,0 +1,238 @@
+/* app dialog */
+.dialog-sheet{
+  position: relative;
+}
+.dialog-sheet > .close {
+ position: absolute;
+ right:8px;
+ top:8px;
+ z-index: 999
+}
+.dialog-sheet .sheet-box{
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.dialog-sheet .sheet-left-panel{
+  position: relative;
+  width: 650px;
+  height: 100%;
+  flex-direction: column;
+  z-index: 11;
+}
+.dialog-sheet .sheet-right-panel{
+  position: relative;
+  overflow: hidden;
+  border-left: 1px solid #eaeaea;
+  background-color: #fafafa;
+}
+.sheet-panel-header{
+  height: 56px;
+  line-height: 56px
+}
+.sheet-panel-content{
+  margin-bottom:24px
+}
+.cldform .cldform-line{
+  height: 1px;
+    background: #f3f3f3;
+    clear: both;
+}
+.cldform .cldform-item{
+  float: left;
+    width: 100%;
+    position: relative;
+    padding: 8px 0;
+    box-sizing: border-box;
+}
+.cldform .cldform-item.cldform-item-half{
+  width: 50%
+}
+.cldform .cldform-item.cldform-item-wauto{
+  width:auto;
+  min-width: 310px
+}
+.cldform .cldform-item .cldform-label{
+  float: left;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    z-index: 1;
+    width:78px;
+}
+.cldform .cldform-item .cldform-control{
+  width: 100%;
+    padding-left: 90px;
+    box-sizing: border-box;
+    position: relative;
+}
+.cldform .cldform-item .cldform-control:after{
+  content: "";
+    display: block;
+    width: 100%;
+    clear: both;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-box{
+  box-sizing: border-box;
+  height: 36px;
+  border: 1px solid #f7f7f7;
+  font-size: 13px;
+  background: #f7f7f7;
+  border-radius: 4px;
+  padding: 0 12px;
+  width: 100%;
+  outline: none;
+  -webkit-appearance: none;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-box:hover{
+  border-color: #f2f2f2;
+  background: #f2f2f2;
+  }
+.cldform .cldform-item .cldform-control .cldform-contarl-box:focus{
+    border-color: #2196f3!important;
+    background: #fff!important;
+  }
+.cldform .cldform-item .cldform-control .cldform-contarl-textareabox{
+  padding: 8px 12px 6px;
+  word-break: break-all;
+  height: auto;
+  white-space: pre-wrap;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-blank{
+  background: #fff;
+  border:none;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-blank:hover{
+  background: #fff;
+  border:none;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-textarea{
+  border-radius: 4px;
+  box-sizing: border-box;
+  padding: 8px 12px 7px;
+  vertical-align: top;
+  border-color: #2196f3;
+  background: #fff;
+  font-size: 14px;
+  border: 1px solid #ccc;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  resize: none;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-textarea:focus,.cldform .cldform-item .cldform-control .cldform-contarl-textarea:hover {
+  border-color: #1e88e5
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-dropdown{
+  display: inline-block;
+  width: 100%;
+  cursor: pointer;
+}
+.cldform .cldform-item .cldform-control .cldform-contarl-dropdown > .far{
+  float:right;
+  color:#868e96;
+}
+.cldform .cldform-item-wauto .cldform-control .cldform-contarl-dropdown > .far{
+  margin-left:30px;
+}
+.city-item .btn {
+  margin-right:3px;
+  margin-bottom:3px;
+}
+.sheet-nav-tabs .nav-link.active{
+  background: none;
+  color: #886ab5;
+  border-top-color: #886ab5;
+  border-bottom-color: #fafafa
+}
+.sheet-nav-tabs .nav-link.active:not(:hover){
+  color: #886ab5;
+}
+.sheet-nav-tabs .nav-item .nav-link.active:not(:hover) {
+    color: #886ab5!important;
+}
+.cldform .cldform-item .cldform-control .cldform-control-checkbox{
+  margin-top:8px;
+}
+.cldform-control-checkbox .custom-control{
+  padding-left: 1.4rem;
+  margin-right: .5rem;
+  margin-bottom: .5rem
+}
+.cldform-control-checkbox .custom-control-label::before,.cldform-control-checkbox .custom-control-label::after{
+  left:-1.3rem;
+  top:0.02469rem;
+}
+.modal {
+  background:rgba(0, 0, 0,0.2);
+}
+.modal-backdrop {
+  background:none;
+}
+.pointer-hover:hover{
+  background-color: #fafafa;
+  cursor: pointer;
+}
+.sheet-panel-log{
+  height:306px;
+}
+.sheet-btns {
+  height:24px;
+}
+.save-tips {
+  position: absolute;
+  top:0;
+  left:0;
+  width:100%;
+  z-index:999;
+}
+.custom-checkbox .custom-control-label,.custom-radio .custom-control-label{
+  cursor: pointer;
+}
+.tagcol-01{
+  background-color:#16A085;
+}
+.tagcol-02{
+  background-color:#2980B9;
+}
+.tagcol-03{
+  background-color:#8E44AD;
+}
+.tagcol-04{
+  background-color:#f90000;
+}
+.tagcol-05{
+  background-color:#B8651B;
+}
+.tagcol-06{
+  background-color:#2C3E50;
+}
+.tagcol-07{
+  background-color:#efd200;
+}
+
+.tagcol-01-s{
+  color:#16A085;
+}
+.tagcol-02-s{
+  color:#2980B9;
+}
+.tagcol-03-s{
+  color:#8E44AD;
+}
+.tagcol-04-s{
+  color:#f90000;
+}
+.tagcol-05-s{
+  color:#B8651B;
+}
+.tagcol-06-s{
+  color:#2C3E50;
+}
+.tagcol-07-s{
+  color:#efd200;
+}
+.tagcol-01,.tagcol-02,.tagcol-03,.tagcol-04,.tagcol-05,.tagcol-06,.tagcol-07,.tagcol-08{
+  color:#fff;
+  margin:0 1px;
+}

global/css/fa-brands-rtl.css

@@ -0,0 +1,13 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: normal;
+  src: url("../webfonts/fa-brands-400.eot");
+  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+  font-family: 'Font Awesome 5 Brands'; }

global/css/fa-brands.css

@@ -0,0 +1,15 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Brands';
+  font-style: normal;
+  font-weight: normal;
+  src: url("../webfonts/fa-brands-400.eot");
+  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+
+.fab {
+  font-family: 'Font Awesome 5 Brands'; }
+
+/*# sourceMappingURL=fa-brands.css.map */

global/css/fa-regular-rtl.css

@@ -0,0 +1,14 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: url("../webfonts/fa-regular-400.eot");
+  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 400; }

global/css/fa-regular.css

@@ -0,0 +1,16 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: url("../webfonts/fa-regular-400.eot");
+  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+
+.far {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 400; }
+
+/*# sourceMappingURL=fa-regular.css.map */

global/css/fa-solid-rtl.css

@@ -0,0 +1,15 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 900;
+  src: url("../webfonts/fa-solid-900.eot");
+  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 900; }

global/css/fa-solid.css

@@ -0,0 +1,17 @@
+/*!
+ * Font Awesome Pro 5.0.7 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ */
+@font-face {
+  font-family: 'Font Awesome 5 Pro';
+  font-style: normal;
+  font-weight: 900;
+  src: url("../webfonts/fa-solid-900.eot");
+  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
+
+.fa,
+.fas {
+  font-family: 'Font Awesome 5 Pro';
+  font-weight: 900; }
+
+/*# sourceMappingURL=fa-solid.css.map */

global/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker-rtl.css

@@ -0,0 +1,399 @@
+/*!
+ * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
+ * @package bootstrap-colorpicker
+ * @version v3.1.2
+ * @license MIT
+ * @link https://farbelous.github.io/bootstrap-colorpicker/
+ * @link https://github.com/farbelous/bootstrap-colorpicker.git
+ */
+.colorpicker {
+  position: relative;
+  display: none;
+  font-size: inherit;
+  color: inherit;
+  text-align: right;
+  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%;
+  right: 0;
+  float: right;
+  margin-top: 1px;
+  z-index: 1060; }
+
+.colorpicker-popup.colorpicker-bs-popover-content {
+  position: relative;
+  top: auto;
+  right: 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-right: 7px solid transparent;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  right: auto;
+  left: 6px; }
+
+.colorpicker:after {
+  content: '';
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-left: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  right: auto;
+  left: 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, right top, right bottom, from(transparent), to(black)), -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to bottom, transparent 0%, black 100%), linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
+  /* W3C */
+  cursor: crosshair;
+  float: right;
+  -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;
+  right: 0;
+  margin: -3px -3px 0 0; }
+
+.colorpicker-hue,
+.colorpicker-alpha {
+  position: relative;
+  width: 16px;
+  height: 126px;
+  float: right;
+  cursor: row-resize;
+  margin-right: 6px;
+  margin-bottom: 6px; }
+
+.colorpicker-alpha-color {
+  position: absolute;
+  top: 0;
+  right: 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;
+  right: 0;
+  margin-right: -2px;
+  margin-top: -2px;
+  left: -2px;
+  z-index: 1; }
+
+.colorpicker-hue {
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, right bottom, right 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: 100% 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: right; }
+
+.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: 100% 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-right: 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;
+  right: 0;
+  left: 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, left top, right 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 right, 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: 100% 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;
+  right: 0;
+  left: 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: 100% 0, 5px 5px; }
+
+.colorpicker-preview > div {
+  position: absolute;
+  right: 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: right;
+  height: 16px;
+  width: 16px;
+  margin-left: 6px;
+  margin-top: 6px;
+  margin-right: 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: 100% 0, 5px 5px; }
+
+.colorpicker-swatch--inner {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-swatch:nth-of-type(7n+0) {
+  margin-left: 0; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {
+  margin-left: 6px; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {
+  margin-left: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0) {
+  margin-left: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0) {
+  margin-left: 6px; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {
+  margin-left: 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: rtl;
+  text-align: left; }

global/css/formplugins/bootstrap-colorpicker/bootstrap-colorpicker.css

@@ -0,0 +1,403 @@
+/*!
+ * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
+ * @package bootstrap-colorpicker
+ * @version v3.1.2
+ * @license MIT
+ * @link https://farbelous.github.io/bootstrap-colorpicker/
+ * @link https://github.com/farbelous/bootstrap-colorpicker.git
+ */
+.colorpicker {
+  position: relative;
+  display: none;
+  font-size: inherit;
+  color: inherit;
+  text-align: left;
+  list-style: none;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  padding: .75rem .75rem;
+  width: 148px;
+  border-radius: 4px;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box; }
+
+.colorpicker.colorpicker-disabled,
+.colorpicker.colorpicker-disabled * {
+  cursor: default !important; }
+
+.colorpicker div {
+  position: relative; }
+
+.colorpicker-popup {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  float: left;
+  margin-top: 1px;
+  z-index: 1060; }
+
+.colorpicker-popup.colorpicker-bs-popover-content {
+  position: relative;
+  top: auto;
+  left: auto;
+  float: none;
+  margin: 0;
+  z-index: initial;
+  border: none;
+  padding: 0.25rem 0;
+  border-radius: 0;
+  background: none;
+  -webkit-box-shadow: none;
+  box-shadow: none; }
+
+.colorpicker:before,
+.colorpicker:after {
+  content: "";
+  display: table;
+  clear: both;
+  line-height: 0; }
+
+.colorpicker-clear {
+  clear: both;
+  display: block; }
+
+.colorpicker:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: auto;
+  right: 6px; }
+
+.colorpicker:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: auto;
+  right: 7px; }
+
+.colorpicker.colorpicker-with-alpha {
+  width: 170px; }
+
+.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
+  display: block; }
+
+.colorpicker-saturation {
+  position: relative;
+  width: 126px;
+  height: 126px;
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black)), -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
+  background: linear-gradient(to bottom, transparent 0%, black 100%), linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
+  /* W3C */
+  cursor: crosshair;
+  float: left;
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  margin-bottom: 6px; }
+
+.colorpicker-saturation .colorpicker-guide {
+  display: block;
+  height: 6px;
+  width: 6px;
+  border-radius: 6px;
+  border: 1px solid #000;
+  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin: -3px 0 0 -3px; }
+
+.colorpicker-hue,
+.colorpicker-alpha {
+  position: relative;
+  width: 16px;
+  height: 126px;
+  float: left;
+  cursor: row-resize;
+  margin-left: 6px;
+  margin-bottom: 6px; }
+
+.colorpicker-alpha-color {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-hue,
+.colorpicker-alpha-color {
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.colorpicker-hue .colorpicker-guide,
+.colorpicker-alpha .colorpicker-guide {
+  display: block;
+  height: 4px;
+  background: rgba(255, 255, 255, 0.8);
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  position: absolute;
+  top: 0;
+  left: 0;
+  margin-left: -2px;
+  margin-top: -2px;
+  right: -2px;
+  z-index: 1; }
+
+.colorpicker-hue {
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
+  background: linear-gradient(to top, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
+  /* W3C */ }
+
+.colorpicker-alpha {
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px;
+  display: none; }
+
+.colorpicker-bar {
+  min-height: 16px;
+  margin: 6px 0 0 0;
+  clear: both;
+  text-align: center;
+  font-size: 10px;
+  line-height: normal;
+  max-width: 100%;
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); }
+
+.colorpicker-bar:before {
+  content: "";
+  display: table;
+  clear: both; }
+
+.colorpicker-bar.colorpicker-bar-horizontal {
+  height: 126px;
+  width: 16px;
+  margin: 0 0 6px 0;
+  float: left; }
+
+.colorpicker-input-addon {
+  position: relative; }
+
+.colorpicker-input-addon i {
+  display: inline-block;
+  cursor: pointer;
+  vertical-align: text-top;
+  height: 16px;
+  width: 16px;
+  position: relative; }
+
+.colorpicker-input-addon:before {
+  content: "";
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  vertical-align: text-top;
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker.colorpicker-inline {
+  position: relative;
+  display: inline-block;
+  float: none;
+  z-index: auto;
+  vertical-align: text-bottom; }
+
+.colorpicker.colorpicker-horizontal {
+  width: 126px;
+  height: auto; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-bar {
+  width: 126px; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-saturation {
+  float: none;
+  margin-bottom: 0; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  float: none;
+  width: 126px;
+  height: 16px;
+  cursor: col-resize;
+  margin-left: 0;
+  margin-top: 6px;
+  margin-bottom: 0; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide,
+.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide {
+  position: absolute;
+  display: block;
+  bottom: -2px;
+  left: 0;
+  right: auto;
+  height: auto;
+  width: 4px; }
+
+.colorpicker.colorpicker-horizontal .colorpicker-hue {
+  /* FF3.6+ */
+  /* Chrome,Safari4+ */
+  /* Chrome10+,Safari5.1+ */
+  /* Opera 11.10+ */
+  /* IE10+ */
+  background: -webkit-gradient(linear, right top, left top, from(red), color-stop(8%, #ff8000), color-stop(17%, yellow), color-stop(25%, #80ff00), color-stop(33%, lime), color-stop(42%, #00ff80), color-stop(50%, cyan), color-stop(58%, #0080ff), color-stop(67%, blue), color-stop(75%, #8000ff), color-stop(83%, magenta), color-stop(92%, #ff0080), to(red));
+  background: linear-gradient(to left, red 0%, #ff8000 8%, yellow 17%, #80ff00 25%, lime 33%, #00ff80 42%, cyan 50%, #0080ff 58%, blue 67%, #8000ff 75%, magenta 83%, #ff0080 92%, red 100%);
+  /* W3C */ }
+
+.colorpicker.colorpicker-horizontal .colorpicker-alpha {
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker-inline:before,
+.colorpicker-no-arrow:before,
+.colorpicker-popup.colorpicker-bs-popover-content:before {
+  content: none;
+  display: none; }
+
+.colorpicker-inline:after,
+.colorpicker-no-arrow:after,
+.colorpicker-popup.colorpicker-bs-popover-content:after {
+  content: none;
+  display: none; }
+
+.colorpicker-alpha,
+.colorpicker-saturation,
+.colorpicker-hue {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+
+.colorpicker.colorpicker-visible,
+.colorpicker-alpha.colorpicker-visible,
+.colorpicker-saturation.colorpicker-visible,
+.colorpicker-hue.colorpicker-visible,
+.colorpicker-bar.colorpicker-visible {
+  display: block; }
+
+.colorpicker.colorpicker-hidden,
+.colorpicker-alpha.colorpicker-hidden,
+.colorpicker-saturation.colorpicker-hidden,
+.colorpicker-hue.colorpicker-hidden,
+.colorpicker-bar.colorpicker-hidden {
+  display: none; }
+
+.colorpicker-inline.colorpicker-visible {
+  display: inline-block; }
+
+.colorpicker.colorpicker-disabled:after {
+  border: none;
+  content: '';
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: rgba(233, 236, 239, 0.33);
+  top: 0;
+  left: 0;
+  right: auto;
+  z-index: 2;
+  position: absolute; }
+
+.colorpicker.colorpicker-disabled .colorpicker-guide {
+  display: none; }
+
+/** EXTENSIONS **/
+.colorpicker-preview {
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker-preview > div {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-bar.colorpicker-swatches {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  height: auto; }
+
+.colorpicker-swatches--inner {
+  clear: both;
+  margin-top: -6px; }
+
+.colorpicker-swatch {
+  position: relative;
+  cursor: pointer;
+  float: left;
+  height: 16px;
+  width: 16px;
+  margin-right: 6px;
+  margin-top: 6px;
+  margin-left: 0;
+  display: block;
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
+  background: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1) 0), white;
+  background-size: 10px 10px;
+  background-position: 0 0, 5px 5px; }
+
+.colorpicker-swatch--inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+.colorpicker-swatch:nth-of-type(7n+0) {
+  margin-right: 0; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n+0) {
+  margin-right: 6px; }
+
+.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n+0) {
+  margin-right: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n+0) {
+  margin-right: 0; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n+0) {
+  margin-right: 6px; }
+
+.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n+0) {
+  margin-right: 6px; }
+
+.colorpicker-swatch:last-of-type:after {
+  content: "";
+  display: table;
+  clear: both; }
+
+*[dir='rtl'] .colorpicker-element input,
+.colorpicker-element[dir='rtl'] input,
+.colorpicker-element input[dir='rtl'] {
+  direction: ltr;
+  text-align: right; }
+
+/*# sourceMappingURL=bootstrap-colorpicker.css.map */
+
+/*# sourceMappingURL=bootstrap-colorpicker.css.map */

global/css/formplugins/bootstrap-daterangepicker/bootstrap-daterangepicker-rtl.css

@@ -0,0 +1,790 @@
+@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;
+  right: 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-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc; }
+
+.daterangepicker:after {
+  top: -6px;
+  border-left: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-right: 6px solid transparent; }
+
+.daterangepicker.opensleft:before {
+  left: 9px; }
+
+.daterangepicker.opensleft:after {
+  left: 10px; }
+
+.daterangepicker.openscenter:before {
+  right: 0;
+  left: 0;
+  width: 0;
+  margin-right: auto;
+  margin-left: auto; }
+
+.daterangepicker.openscenter:after {
+  right: 0;
+  left: 0;
+  width: 0;
+  margin-right: auto;
+  margin-left: auto; }
+
+.daterangepicker.opensright:before {
+  right: 9px; }
+
+.daterangepicker.opensright:after {
+  right: 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 8px 8px 0; }
+
+.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 0 2px 2px;
+  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: 0 4px 4px 0; }
+
+.daterangepicker td.end-date {
+  border-radius: 4px 0 0 4px; }
+
+.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-left: 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: left;
+  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-left: 8px; }
+
+.daterangepicker .drp-buttons .btn {
+  margin-right: 8px;
+  font-size: 12px;
+  font-weight: bold;
+  padding: 4px 8px; }
+
+.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
+  border-left: 1px solid #ddd; }
+
+.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
+  border-right: 1px solid #ddd; }
+
+.daterangepicker.show-ranges.rtl .drp-calendar.right {
+  border-left: 1px solid #ddd; }
+
+.daterangepicker.show-ranges.ltr .drp-calendar.left {
+  border-right: 1px solid #ddd; }
+
+.daterangepicker .ranges {
+  float: none;
+  text-align: right;
+  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: right; }
+  .daterangepicker {
+    direction: rtl;
+    text-align: right; }
+  .daterangepicker .drp-calendar.left {
+    clear: right;
+    margin-left: 0; }
+  .daterangepicker .drp-calendar.left .calendar-table {
+    border-left: none;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0; }
+  .daterangepicker .drp-calendar.right {
+    margin-right: 0; }
+  .daterangepicker .drp-calendar.right .calendar-table {
+    border-right: none;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0; }
+  .daterangepicker .drp-calendar.left .calendar-table {
+    padding-left: 8px; }
+  .daterangepicker .ranges, .daterangepicker .drp-calendar {
+    float: right; } }
+
+@media (min-width: 730px) {
+  .daterangepicker .ranges {
+    width: auto; }
+  .daterangepicker .ranges {
+    float: right; }
+  .daterangepicker.rtl .ranges {
+    float: left; }
+  .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) */
+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, right top, right 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: 0 10px 10px 0; }
+
+.daterangepicker td.end-date {
+  border-radius: 10px 0 0 10px; }
+
+.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; }

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

@@ -0,0 +1,792 @@
+@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) */
+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 */

global/css/formplugins/bootstrap-markdown/bootstrap-markdown-rtl.css

@@ -0,0 +1,144 @@
+.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: left;
+  padding: 3px; }
+
+.md-editor .md-controls .md-control {
+  left: 5px;
+  color: #bebebe;
+  padding: 3px 10px 3px 3px; }
+
+.md-editor .md-controls .md-control:hover {
+  color: #333; }
+
+.md-editor.md-fullscreen-mode {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  right: 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: 100% 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: 100% 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;
+  left: 20px;
+  text-align: left;
+  z-index: 1002;
+  display: block; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
+  color: #b3b3b3;
+  clear: left;
+  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%; }

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

global/css/formplugins/cropperjs/cropper-rtl.css

@@ -0,0 +1,406 @@
+/*!
+ * Cropper.js v1.5.4
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2019-08-03T08:38:38.177Z
+ */
+.cropper-container {
+  direction: rtl;
+  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;
+  right: 0;
+  position: absolute;
+  left: 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);
+  right: 0;
+  top: calc(100% / 3);
+  width: 100%; }
+
+.cropper-dashed.dashed-v {
+  border-right-width: 1px;
+  border-left-width: 1px;
+  height: 100%;
+  right: calc(100% / 3);
+  top: 0;
+  width: calc(100% / 3); }
+
+.cropper-center {
+  display: block;
+  height: 0;
+  right: 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;
+  right: -3px;
+  top: 0;
+  width: 7px; }
+
+.cropper-center::after {
+  height: 7px;
+  right: 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;
+  right: 0;
+  top: 0; }
+
+.cropper-line {
+  background-color: #39f; }
+
+.cropper-line.line-e {
+  cursor: ew-resize;
+  left: -3px;
+  top: 0;
+  width: 5px; }
+
+.cropper-line.line-n {
+  cursor: ns-resize;
+  height: 5px;
+  right: 0;
+  top: -3px; }
+
+.cropper-line.line-w {
+  cursor: ew-resize;
+  right: -3px;
+  top: 0;
+  width: 5px; }
+
+.cropper-line.line-s {
+  bottom: -3px;
+  cursor: ns-resize;
+  height: 5px;
+  right: 0; }
+
+.cropper-point {
+  background-color: #39f;
+  height: 5px;
+  opacity: 0.75;
+  width: 5px; }
+
+.cropper-point.point-e {
+  cursor: ew-resize;
+  margin-top: -3px;
+  left: -3px;
+  top: 50%; }
+
+.cropper-point.point-n {
+  cursor: ns-resize;
+  right: 50%;
+  margin-right: -3px;
+  top: -3px; }
+
+.cropper-point.point-w {
+  cursor: ew-resize;
+  right: -3px;
+  margin-top: -3px;
+  top: 50%; }
+
+.cropper-point.point-s {
+  bottom: -3px;
+  cursor: s-resize;
+  right: 50%;
+  margin-right: -3px; }
+
+.cropper-point.point-ne {
+  cursor: nwse-resize;
+  left: -3px;
+  top: -3px; }
+
+.cropper-point.point-nw {
+  cursor: nesw-resize;
+  right: -3px;
+  top: -3px; }
+
+.cropper-point.point-sw {
+  bottom: -3px;
+  cursor: nwse-resize;
+  right: -3px; }
+
+.cropper-point.point-se {
+  bottom: -3px;
+  cursor: nesw-resize;
+  height: 20px;
+  opacity: 1;
+  left: -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;
+  left: -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: right;
+  display: block;
+  float: right; }
+
+.carbon-text,
+.carbon-poweredby {
+  display: block;
+  margin-right: 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: left;
+    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-left: -1rem; }
+
+.img-preview {
+  float: right;
+  margin-bottom: .5rem;
+  margin-left: .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-left: 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-left: .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-left: -1rem !important; }
+  .btn-group-crop > .btn {
+    padding-right: .5rem;
+    padding-left: .5rem; }
+  .btn-group-crop .docs-tooltip {
+    margin-right: -.5rem;
+    margin-left: -.5rem;
+    padding-right: .5rem;
+    padding-left: .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%; }

global/css/formplugins/cropperjs/cropper.css

@@ -0,0 +1,408 @@
+/*!
+ * Cropper.js v1.5.4
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2019-08-03T08:38:38.177Z
+ */
+.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 */

global/css/formplugins/dropzone/dropzone-rtl.css

@@ -0,0 +1,555 @@
+/*
+ * 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-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, right top, right 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;
+  right: 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%;
+  right: 50%;
+  margin-right: -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;
+  right: 50%;
+  top: 50%;
+  margin-top: -8px;
+  width: 80px;
+  margin-right: -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, right top, right bottom, from(#666), to(#444));
+  background: linear-gradient(to bottom, #666, #444);
+  position: absolute;
+  top: 0;
+  right: 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;
+  right: -10px;
+  width: 140px;
+  background: #be2626;
+  background: -webkit-gradient(linear, right top, right 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;
+  right: 64px;
+  width: 0;
+  height: 0;
+  border-right: 6px solid transparent;
+  border-left: 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) */
+.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; }

global/css/formplugins/dropzone/dropzone.css

@@ -0,0 +1,557 @@
+/*
+ * 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-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) */
+.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 */

global/css/formplugins/nouislider/nouislider-rtl.css

@@ -0,0 +1,305 @@
+/*! nouislider - 14.0.2 - 6/28/2019 */
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-user-select: none;
+  -ms-touch-action: none;
+  touch-action: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+
+.noUi-target {
+  position: relative;
+  direction: rtl; }
+
+.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: 100% 0;
+  -webkit-transform-origin: 100% 0;
+  -webkit-transform-style: preserve-3d;
+  transform-origin: 100% 0;
+  -webkit-transform-style: flat;
+          transform-style: flat; }
+
+.noUi-connect {
+  height: 100%;
+  width: 100%; }
+
+.noUi-origin {
+  height: 10%;
+  width: 10%; }
+
+/* Offset direction
+ */
+html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
+  right: auto;
+  left: 0; }
+
+/* Give origins 0 height/width so they don't interfere with clicking the
+ * connect elements.
+ */
+.noUi-vertical .noUi-origin {
+  width: 0; }
+
+.noUi-horizontal .noUi-origin {
+  height: 0; }
+
+.noUi-handle {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  position: absolute; }
+
+.noUi-touch-area {
+  height: 100%;
+  width: 100%; }
+
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+  -webkit-transition: transform 0.3s;
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s; }
+
+.noUi-state-drag * {
+  cursor: inherit !important; }
+
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+  height: 18px; }
+
+.noUi-horizontal .noUi-handle {
+  width: 34px;
+  height: 28px;
+  right: -17px;
+  top: -6px; }
+
+.noUi-vertical {
+  width: 18px; }
+
+.noUi-vertical .noUi-handle {
+  width: 28px;
+  height: 34px;
+  right: -6px;
+  top: -17px; }
+
+html:not([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;
+  right: 14px;
+  top: 6px; }
+
+.noUi-handle:after {
+  right: 17px; }
+
+.noUi-vertical .noUi-handle:before,
+.noUi-vertical .noUi-handle:after {
+  width: 14px;
+  height: 1px;
+  right: 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%;
+  right: 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-right: -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;
+  right: 100%; }
+
+.noUi-value-vertical {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  padding-right: 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);
+  right: 50%;
+  bottom: 120%; }
+
+.noUi-vertical .noUi-tooltip {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  top: 50%;
+  left: 120%; }

global/css/formplugins/nouislider/nouislider.css

@@ -0,0 +1,307 @@
+/*! nouislider - 14.0.2 - 6/28/2019 */
+/* Functional styling;
+ * These styles are required for noUiSlider to function.
+ * You don't need to change these rules to apply your design.
+ */
+.noUi-target,
+.noUi-target * {
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-user-select: none;
+  -ms-touch-action: none;
+  touch-action: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+
+.noUi-target {
+  position: relative;
+  direction: ltr; }
+
+.noUi-base,
+.noUi-connects {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  z-index: 1; }
+
+/* Wrapper for all connect elements.
+ */
+.noUi-connects {
+  overflow: hidden;
+  z-index: 0; }
+
+.noUi-connect,
+.noUi-origin {
+  will-change: transform;
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  -ms-transform-origin: 0 0;
+  -webkit-transform-origin: 0 0;
+  -webkit-transform-style: preserve-3d;
+  transform-origin: 0 0;
+  -webkit-transform-style: flat;
+          transform-style: flat; }
+
+.noUi-connect {
+  height: 100%;
+  width: 100%; }
+
+.noUi-origin {
+  height: 10%;
+  width: 10%; }
+
+/* Offset direction
+ */
+html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
+  left: auto;
+  right: 0; }
+
+/* Give origins 0 height/width so they don't interfere with clicking the
+ * connect elements.
+ */
+.noUi-vertical .noUi-origin {
+  width: 0; }
+
+.noUi-horizontal .noUi-origin {
+  height: 0; }
+
+.noUi-handle {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  position: absolute; }
+
+.noUi-touch-area {
+  height: 100%;
+  width: 100%; }
+
+.noUi-state-tap .noUi-connect,
+.noUi-state-tap .noUi-origin {
+  -webkit-transition: transform 0.3s;
+  -webkit-transition: -webkit-transform 0.3s;
+  transition: -webkit-transform 0.3s;
+  transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s; }
+
+.noUi-state-drag * {
+  cursor: inherit !important; }
+
+/* Slider size and handle placement;
+ */
+.noUi-horizontal {
+  height: 18px; }
+
+.noUi-horizontal .noUi-handle {
+  width: 34px;
+  height: 28px;
+  left: -17px;
+  top: -6px; }
+
+.noUi-vertical {
+  width: 18px; }
+
+.noUi-vertical .noUi-handle {
+  width: 28px;
+  height: 34px;
+  left: -6px;
+  top: -17px; }
+
+html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
+  right: -17px;
+  left: auto; }
+
+/* Styling;
+ * Giving the connect element a border radius causes issues with using transform: scale
+ */
+.noUi-target {
+  background: #FAFAFA;
+  border-radius: 4px;
+  border: 1px solid #D3D3D3;
+  -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
+          box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; }
+
+.noUi-connects {
+  border-radius: 3px; }
+
+.noUi-connect {
+  background: #3FB8AF; }
+
+/* Handles and cursors;
+ */
+.noUi-draggable {
+  cursor: ew-resize; }
+
+.noUi-vertical .noUi-draggable {
+  cursor: ns-resize; }
+
+.noUi-handle {
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #FFF;
+  cursor: default;
+  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
+          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; }
+
+.noUi-active {
+  -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
+          box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; }
+
+/* Handle stripes;
+ */
+.noUi-handle:before,
+.noUi-handle:after {
+  content: "";
+  display: block;
+  position: absolute;
+  height: 14px;
+  width: 1px;
+  background: #E8E7E6;
+  left: 14px;
+  top: 6px; }
+
+.noUi-handle:after {
+  left: 17px; }
+
+.noUi-vertical .noUi-handle:before,
+.noUi-vertical .noUi-handle:after {
+  width: 14px;
+  height: 1px;
+  left: 6px;
+  top: 14px; }
+
+.noUi-vertical .noUi-handle:after {
+  top: 17px; }
+
+/* Disabled state;
+ */
+[disabled] .noUi-connect {
+  background: #B8B8B8; }
+
+[disabled].noUi-target,
+[disabled].noUi-handle,
+[disabled] .noUi-handle {
+  cursor: not-allowed; }
+
+/* Base;
+ *
+ */
+.noUi-pips,
+.noUi-pips * {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
+
+.noUi-pips {
+  position: absolute;
+  color: #999; }
+
+/* Values;
+ *
+ */
+.noUi-value {
+  position: absolute;
+  white-space: nowrap;
+  text-align: center; }
+
+.noUi-value-sub {
+  color: #ccc;
+  font-size: 10px; }
+
+/* Markings;
+ *
+ */
+.noUi-marker {
+  position: absolute;
+  background: #CCC; }
+
+.noUi-marker-sub {
+  background: #AAA; }
+
+.noUi-marker-large {
+  background: #AAA; }
+
+/* Horizontal layout;
+ *
+ */
+.noUi-pips-horizontal {
+  padding: 10px 0;
+  height: 80px;
+  top: 100%;
+  left: 0;
+  width: 100%; }
+
+.noUi-value-horizontal {
+  -webkit-transform: translate(-50%, 50%);
+  transform: translate(-50%, 50%); }
+
+.noUi-rtl .noUi-value-horizontal {
+  -webkit-transform: translate(50%, 50%);
+  transform: translate(50%, 50%); }
+
+.noUi-marker-horizontal.noUi-marker {
+  margin-left: -1px;
+  width: 2px;
+  height: 5px; }
+
+.noUi-marker-horizontal.noUi-marker-sub {
+  height: 10px; }
+
+.noUi-marker-horizontal.noUi-marker-large {
+  height: 15px; }
+
+/* Vertical layout;
+ *
+ */
+.noUi-pips-vertical {
+  padding: 0 10px;
+  height: 100%;
+  top: 0;
+  left: 100%; }
+
+.noUi-value-vertical {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  padding-left: 25px; }
+
+.noUi-rtl .noUi-value-vertical {
+  -webkit-transform: translate(0, 50%);
+  transform: translate(0, 50%); }
+
+.noUi-marker-vertical.noUi-marker {
+  width: 5px;
+  height: 2px;
+  margin-top: -1px; }
+
+.noUi-marker-vertical.noUi-marker-sub {
+  width: 10px; }
+
+.noUi-marker-vertical.noUi-marker-large {
+  width: 15px; }
+
+.noUi-tooltip {
+  display: block;
+  position: absolute;
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  background: #fff;
+  color: #000;
+  padding: 5px;
+  text-align: center;
+  white-space: nowrap; }
+
+.noUi-horizontal .noUi-tooltip {
+  -webkit-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+  left: 50%;
+  bottom: 120%; }
+
+.noUi-vertical .noUi-tooltip {
+  -webkit-transform: translate(0, -50%);
+  transform: translate(0, -50%);
+  top: 50%;
+  right: 120%; }
+
+/*# sourceMappingURL=nouislider.css.map */

global/css/formplugins/smartwizard/smartwizard-rtl.css

@@ -0,0 +1,609 @@
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Basic CSS */
+.sw-main {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  border-radius: 0.25rem !important; }
+
+.sw-main .sw-container {
+  display: block;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.sw-main .step-content {
+  display: none;
+  position: relative;
+  margin: 0; }
+
+.sw-main .sw-toolbar {
+  margin-right: 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: right; }
+
+.sw-theme-default .sw-toolbar {
+  background: #f9f9f9;
+  border-radius: 0 !important;
+  padding-right: 10px;
+  padding-left: 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-left: 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%;
+  right: 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-right-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;
+  right: 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%;
+  right: 50%;
+  z-index: 10;
+  border: 10px solid #f3f3f3;
+  border-radius: 50%;
+  border-top: 10px solid #3498db;
+  width: 80px;
+  height: 80px;
+  margin-top: -40px;
+  margin-right: -40px;
+  -webkit-animation: spin 1s linear infinite;
+  /* Safari */
+  animation: spin 1s linear infinite; }
+
+/* Safari */
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(-360deg); } }
+
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(-360deg);
+    transform: rotate(-360deg); } }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Arrows */
+.sw-theme-arrows {
+  border-radius: 5px;
+  border: 1px solid #ddd; }
+
+.sw-theme-arrows > .sw-container {
+  min-height: 200px; }
+
+.sw-theme-arrows .step-content {
+  padding: 0 10px;
+  border: 0px solid #D4D4D4;
+  background-color: #FFF;
+  text-align: right; }
+
+.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-left-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 45px 10px 0;
+  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-right: 30px solid #f5f5f5;
+  position: absolute;
+  top: 50%;
+  margin-top: -50px;
+  right: 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-right: 30px solid #ddd;
+  position: absolute;
+  top: 50%;
+  margin-top: -50px;
+  margin-right: 1px;
+  right: 100%;
+  z-index: 1; }
+
+.sw-theme-arrows > ul.step-anchor > li:first-child > a {
+  padding-right: 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-right-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-right: 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-right: 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-right: 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-right: 15px;
+    margin-left: 0;
+    margin-bottom: 1px; }
+  .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
+    display: none; } }
+
+/* Loader Custom Style */
+.sw-theme-arrows::before {
+  border: 10px solid #f3f3f3;
+  border-top: 10px solid #5cb85c; }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Circles */
+.sw-theme-circles .sw-container {
+  min-height: 300px; }
+
+.sw-theme-circles .step-content {
+  padding: 10px 0;
+  background-color: #FFF;
+  text-align: right; }
+
+.sw-theme-circles .sw-toolbar {
+  background: #fff;
+  padding-right: 10px;
+  padding-left: 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-right: 40px;
+  z-index: 98; }
+
+.sw-theme-circles > ul.step-anchor > li > a {
+  border: 2px solid #f5f5f5;
+  background: #f5f5f5;
+  width: 75px;
+  height: 75px;
+  text-align: center;
+  padding: 25px 0;
+  border-radius: 50%;
+  -webkit-box-shadow: inset 0px 0px 0px 3px #fff !important;
+  box-shadow: inset 0px 0px 0px 3px #fff !important;
+  text-decoration: none;
+  outline-style: none;
+  z-index: 99;
+  color: #bbb;
+  background: #f5f5f5;
+  line-height: 1; }
+
+.sw-theme-circles > ul.step-anchor > li > a:hover {
+  color: #bbb;
+  background: #f5f5f5;
+  border-width: 2px; }
+
+.sw-theme-circles > ul.step-anchor > li > a > small {
+  position: relative;
+  bottom: -40px;
+  color: #ccc; }
+
+.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {
+  color: #4285F4 !important; }
+
+.sw-theme-circles > ul.step-anchor > li.active > a {
+  border-color: #5bc0de;
+  color: #fff;
+  background: #5bc0de; }
+
+.sw-theme-circles > ul.step-anchor > li.active > a > small {
+  color: #5bc0de; }
+
+.sw-theme-circles > ul.step-anchor > li.done > a {
+  border-color: #5cb85c;
+  color: #fff;
+  background: #5cb85c; }
+
+.sw-theme-circles > ul.step-anchor > li.done > a > small {
+  color: #5cb85c; }
+
+.sw-theme-circles > ul.step-anchor > li.danger > a {
+  border-color: #d9534f;
+  color: #d9534f;
+  background: #fff; }
+
+.sw-theme-circles > ul.step-anchor > li.danger > a > small {
+  color: #d9534f; }
+
+.sw-theme-circles > ul.step-anchor > li.disabled > a, .sw-theme-circles > ul.step-anchor > li.disabled > a:hover {
+  color: #eee !important; }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Dots */
+.sw-theme-dots .sw-container {
+  min-height: 300px; }
+
+.sw-theme-dots .step-content {
+  padding: 10px 0;
+  border: none;
+  background-color: #FFF;
+  text-align: right; }
+
+.sw-theme-dots .sw-toolbar {
+  background: #fff;
+  border-radius: 0 !important;
+  padding-right: 10px;
+  padding-left: 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;
+  right: 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;
+  right: 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;
+    right: 10px;
+    width: 5px;
+    height: 100%;
+    background-color: #f5f5f5;
+    display: block;
+    margin-left: 10px; }
+  .sw-theme-dots > ul.step-anchor > li {
+    margin-right: 20px;
+    display: block;
+    clear: both; }
+  .sw-theme-dots > ul.step-anchor > li > a {
+    text-align: right;
+    margin-right: 0;
+    display: block; }
+  .sw-theme-dots > ul.step-anchor > li > a:before {
+    top: 5px;
+    right: -23px;
+    margin-left: 10px;
+    display: block; }
+  .sw-theme-dots > ul.step-anchor > li > a:after {
+    top: -38px;
+    right: -31px;
+    margin-left: 10px;
+    display: block; } }

global/css/formplugins/smartwizard/smartwizard.css

@@ -0,0 +1,611 @@
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Basic CSS */
+.sw-main {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  border-radius: 0.25rem !important; }
+
+.sw-main .sw-container {
+  display: block;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.sw-main .step-content {
+  display: none;
+  position: relative;
+  margin: 0; }
+
+.sw-main .sw-toolbar {
+  margin-left: 0; }
+
+/* SmartWizard Theme: White */
+.sw-theme-default {
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); }
+
+.sw-theme-default .sw-container {
+  min-height: 250px; }
+
+.sw-theme-default .step-content {
+  padding: 10px;
+  border: 0px solid #D4D4D4;
+  background-color: #FFF;
+  text-align: left; }
+
+.sw-theme-default .sw-toolbar {
+  background: #f9f9f9;
+  border-radius: 0 !important;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding: 10px;
+  margin-bottom: 0 !important; }
+
+.sw-theme-default .sw-toolbar-top {
+  border-bottom-color: #ddd !important; }
+
+.sw-theme-default .sw-toolbar-bottom {
+  border-top-color: #ddd !important; }
+
+.sw-theme-default > ul.step-anchor > li {
+  position: relative;
+  margin-right: 2px; }
+
+.sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover {
+  border: none !important;
+  color: #bbb;
+  text-decoration: none;
+  outline-style: none;
+  background: transparent !important;
+  border: none !important;
+  cursor: not-allowed; }
+
+.sw-theme-default > ul.step-anchor > li.clickable > a:hover {
+  color: #4285F4 !important;
+  background: transparent !important;
+  cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li > a::after {
+  content: "";
+  background: #4285F4;
+  height: 2px;
+  position: absolute;
+  width: 100%;
+  left: 0px;
+  bottom: 0px;
+  -webkit-transition: all 250ms ease 0s;
+  transition: all 250ms ease 0s;
+  -webkit-transform: scale(0);
+  transform: scale(0); }
+
+.sw-theme-default > ul.step-anchor > li.active > a {
+  border: none !important;
+  color: #4285F4 !important;
+  background: transparent !important;
+  cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li.active > a::after {
+  -webkit-transform: scale(1);
+  transform: scale(1); }
+
+.sw-theme-default > ul.step-anchor > li.done > a {
+  border: none !important;
+  color: #000 !important;
+  background: transparent !important;
+  cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li.done > a::after {
+  background: #5cb85c;
+  -webkit-transform: scale(1);
+  transform: scale(1); }
+
+.sw-theme-default > ul.step-anchor > li.danger > a {
+  border: none !important;
+  color: #d9534f !important;
+  /* background: #d9534f !important; */
+  cursor: pointer; }
+
+.sw-theme-default > ul.step-anchor > li.danger > a::after {
+  background: #d9534f;
+  border-left-color: #f8d7da;
+  -webkit-transform: scale(1);
+  transform: scale(1); }
+
+.sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover {
+  color: #eee !important;
+  cursor: not-allowed; }
+
+/* Responsive CSS */
+@media screen and (max-width: 768px) {
+  .sw-theme-default > .nav-tabs > li {
+    float: none !important; } }
+
+/* Common Loader */
+.sw-loading::after {
+  position: absolute;
+  display: block;
+  opacity: 1;
+  content: "";
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: rgba(255, 255, 255, 0.7);
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  z-index: 2; }
+
+.sw-loading::before {
+  content: '';
+  display: inline-block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 10;
+  border: 10px solid #f3f3f3;
+  border-radius: 50%;
+  border-top: 10px solid #3498db;
+  width: 80px;
+  height: 80px;
+  margin-top: -40px;
+  margin-left: -40px;
+  -webkit-animation: spin 1s linear infinite;
+  /* Safari */
+  animation: spin 1s linear infinite; }
+
+/* Safari */
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg); } }
+
+@keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg); } }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Arrows */
+.sw-theme-arrows {
+  border-radius: 5px;
+  border: 1px solid #ddd; }
+
+.sw-theme-arrows > .sw-container {
+  min-height: 200px; }
+
+.sw-theme-arrows .step-content {
+  padding: 0 10px;
+  border: 0px solid #D4D4D4;
+  background-color: #FFF;
+  text-align: left; }
+
+.sw-theme-arrows .sw-toolbar {
+  padding: 10px;
+  margin-bottom: 0 !important; }
+
+.sw-theme-arrows > ul.step-anchor {
+  border: 0;
+  border-bottom: 1px solid #ddd;
+  padding: 0px;
+  background: #f5f5f5;
+  border-radius: 0;
+  border-top-right-radius: 5px;
+  list-style: none;
+  overflow: hidden; }
+
+.sw-theme-arrows > ul.step-anchor li + li:before {
+  padding: 0; }
+
+.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
+  color: #bbb;
+  text-decoration: none;
+  padding: 10px 0 10px 45px;
+  position: relative;
+  display: block;
+  border: 0 !important;
+  border-radius: 0;
+  outline-style: none;
+  background: #f5f5f5; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:after {
+  content: " ";
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 50px solid transparent;
+  border-bottom: 50px solid transparent;
+  border-left: 30px solid #f5f5f5;
+  position: absolute;
+  top: 50%;
+  margin-top: -50px;
+  left: 100%;
+  z-index: 2; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:before {
+  content: " ";
+  display: block;
+  width: 0;
+  height: 0;
+  border-top: 50px solid transparent;
+  /* Go big on the size, and let overflow hide */
+  border-bottom: 50px solid transparent;
+  border-left: 30px solid #ddd;
+  position: absolute;
+  top: 50%;
+  margin-top: -50px;
+  margin-left: 1px;
+  left: 100%;
+  z-index: 1; }
+
+.sw-theme-arrows > ul.step-anchor > li:first-child > a {
+  padding-left: 15px; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:hover {
+  color: #bbb;
+  text-decoration: none;
+  outline-style: none;
+  background: #f5f5f5;
+  border-color: #f5f5f5; }
+
+.sw-theme-arrows > ul.step-anchor > li > a:hover:after {
+  border-left-color: #f5f5f5; }
+
+.sw-theme-arrows > ul.step-anchor > li.clickable > a:hover {
+  color: #4285F4 !important;
+  background: #46b8da !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.active > a {
+  border-color: #5cb85c !important;
+  color: #fff !important;
+  background: #5cb85c !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.active > a:after {
+  border-left: 30px solid #5cb85c !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.done > a {
+  border-color: #b1dfbb !important;
+  /*  #5cb85c */
+  color: #fff !important;
+  background: #b1dfbb !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.done > a:after {
+  border-left: 30px solid #b1dfbb;
+  /* c3e6cb */ }
+
+.sw-theme-arrows > ul.step-anchor > li.danger > a {
+  border-color: #d9534f !important;
+  color: #fff !important;
+  background: #d9534f !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.danger > a:after {
+  border-left: 30px solid #d9534f !important; }
+
+.sw-theme-arrows > ul.step-anchor > li.disabled > a, .sw-theme-arrows > ul.step-anchor > li.disabled > a:hover {
+  color: #eee !important; }
+
+/* Responsive CSS */
+@media screen and (max-width: 768px) {
+  .sw-theme-arrows > ul.step-anchor {
+    border: 0;
+    background: #ddd !important; }
+  .sw-theme-arrows > .nav-tabs > li {
+    float: none !important;
+    margin-bottom: 0; }
+  .sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover {
+    padding-left: 15px;
+    margin-right: 0;
+    margin-bottom: 1px; }
+  .sw-theme-arrows > ul.step-anchor > li > a:after, .sw-theme-arrows > ul.step-anchor > li > a:before {
+    display: none; } }
+
+/* Loader Custom Style */
+.sw-theme-arrows::before {
+  border: 10px solid #f3f3f3;
+  border-top: 10px solid #5cb85c; }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Circles */
+.sw-theme-circles .sw-container {
+  min-height: 300px; }
+
+.sw-theme-circles .step-content {
+  padding: 10px 0;
+  background-color: #FFF;
+  text-align: left; }
+
+.sw-theme-circles .sw-toolbar {
+  background: #fff;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-bottom: 0 !important; }
+
+.sw-theme-circles .sw-toolbar-bottom {
+  border-top-color: #ddd !important;
+  border-bottom-color: #ddd !important; }
+
+.sw-theme-circles > ul.step-anchor {
+  position: relative;
+  background: #fff;
+  border: none;
+  list-style: none;
+  margin-bottom: 40px; }
+
+.sw-theme-circles > ul.step-anchor:before {
+  content: " ";
+  position: absolute;
+  top: 50%;
+  bottom: 0;
+  width: 100%;
+  height: 5px;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+  z-index: 0; }
+
+.sw-theme-circles > ul.step-anchor > li {
+  border: none;
+  margin-left: 40px;
+  z-index: 98; }
+
+.sw-theme-circles > ul.step-anchor > li > a {
+  border: 2px solid #f5f5f5;
+  background: #f5f5f5;
+  width: 75px;
+  height: 75px;
+  text-align: center;
+  padding: 25px 0;
+  border-radius: 50%;
+  -webkit-box-shadow: inset 0px 0px 0px 3px #fff !important;
+  box-shadow: inset 0px 0px 0px 3px #fff !important;
+  text-decoration: none;
+  outline-style: none;
+  z-index: 99;
+  color: #bbb;
+  background: #f5f5f5;
+  line-height: 1; }
+
+.sw-theme-circles > ul.step-anchor > li > a:hover {
+  color: #bbb;
+  background: #f5f5f5;
+  border-width: 2px; }
+
+.sw-theme-circles > ul.step-anchor > li > a > small {
+  position: relative;
+  bottom: -40px;
+  color: #ccc; }
+
+.sw-theme-circles > ul.step-anchor > li.clickable > a:hover {
+  color: #4285F4 !important; }
+
+.sw-theme-circles > ul.step-anchor > li.active > a {
+  border-color: #5bc0de;
+  color: #fff;
+  background: #5bc0de; }
+
+.sw-theme-circles > ul.step-anchor > li.active > a > small {
+  color: #5bc0de; }
+
+.sw-theme-circles > ul.step-anchor > li.done > a {
+  border-color: #5cb85c;
+  color: #fff;
+  background: #5cb85c; }
+
+.sw-theme-circles > ul.step-anchor > li.done > a > small {
+  color: #5cb85c; }
+
+.sw-theme-circles > ul.step-anchor > li.danger > a {
+  border-color: #d9534f;
+  color: #d9534f;
+  background: #fff; }
+
+.sw-theme-circles > ul.step-anchor > li.danger > a > small {
+  color: #d9534f; }
+
+.sw-theme-circles > ul.step-anchor > li.disabled > a, .sw-theme-circles > ul.step-anchor > li.disabled > a:hover {
+  color: #eee !important; }
+
+/*!
+ * SmartWizard v4.3.x
+ * jQuery Wizard Plugin
+ * http://www.techlaboratory.net/smartwizard
+ *
+ * Created by Dipu Raj
+ * http://dipuraj.me
+ *
+ * Licensed under the terms of MIT License
+ * https://github.com/techlab/SmartWizard/blob/master/LICENSE
+ */
+/* SmartWizard Theme: Dots */
+.sw-theme-dots .sw-container {
+  min-height: 300px; }
+
+.sw-theme-dots .step-content {
+  padding: 10px 0;
+  border: none;
+  background-color: #FFF;
+  text-align: left; }
+
+.sw-theme-dots .sw-toolbar {
+  background: #fff;
+  border-radius: 0 !important;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-bottom: 0 !important; }
+
+.sw-theme-dots .sw-toolbar-top {
+  border-bottom-color: #ddd !important; }
+
+.sw-theme-dots .sw-toolbar-bottom {
+  border-top-color: #ddd !important;
+  border-bottom-color: #ddd !important; }
+
+.sw-theme-dots > ul.step-anchor {
+  position: relative;
+  background: #fff;
+  border: 0px solid #ccc !important;
+  list-style: none; }
+
+.sw-theme-dots > ul.step-anchor:before {
+  content: " ";
+  position: absolute;
+  top: 70px;
+  bottom: 0;
+  width: 100%;
+  height: 5px;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+  z-order: 0;
+  z-index: 95; }
+
+.sw-theme-dots > ul.step-anchor > li {
+  border: none; }
+
+/* Anchors styles */
+.sw-theme-dots > ul.step-anchor > li > a {
+  position: relative;
+  text-align: center;
+  font-weight: bold;
+  background: transparent;
+  border: none;
+  color: #ccc;
+  text-decoration: none;
+  outline-style: none;
+  z-index: 96;
+  display: block; }
+
+.sw-theme-dots > ul.step-anchor > li > a:before {
+  content: ' ';
+  position: absolute;
+  bottom: 2px;
+  left: 40%;
+  margin-top: 10px;
+  display: block;
+  border-radius: 50%;
+  color: #428bca;
+  background: #f5f5f5;
+  border: none;
+  width: 30px;
+  height: 30px;
+  text-decoration: none;
+  z-index: 98; }
+
+.sw-theme-dots > ul.step-anchor > li > a:after {
+  content: ' ';
+  position: relative;
+  left: 43%;
+  bottom: 2px;
+  margin-top: 10px;
+  display: block;
+  width: 15px;
+  height: 15px;
+  background: #f5f5f5;
+  border-radius: 50%;
+  z-index: 99; }
+
+.sw-theme-dots > ul.step-anchor > li > a:hover {
+  color: #ccc;
+  background: transparent; }
+
+.sw-theme-dots > ul.step-anchor > li > a:focus {
+  color: #ccc;
+  border: none; }
+
+.sw-theme-dots > ul.step-anchor > li.clickable > a:hover {
+  color: #999; }
+
+/* Active anchors */
+.sw-theme-dots > ul.step-anchor > li.active > a {
+  color: #5bc0de; }
+
+.sw-theme-dots > ul.step-anchor > li.active > a:hover {
+  border: none; }
+
+.sw-theme-dots > ul.step-anchor > li.active > a:after {
+  background: #5bc0de; }
+
+/* Done anchors */
+.sw-theme-dots > ul.step-anchor > li.done > a {
+  color: #5cb85c; }
+
+.sw-theme-dots > ul.step-anchor > li.done > a:after {
+  background: #5cb85c; }
+
+/* Danger anchors */
+.sw-theme-dots > ul.step-anchor > li.danger > a {
+  color: #d9534f; }
+
+.sw-theme-dots > ul.step-anchor > li.danger > a:after {
+  background: #d9534f; }
+
+.sw-theme-dots > ul.step-anchor > li.disabled > a, .sw-theme-dots > ul.step-anchor > li.disabled > a:hover {
+  color: #eee !important; }
+
+.sw-theme-dots > ul.step-anchor > li.disabled > a:after {
+  background: #eee; }
+
+/* Responsive CSS */
+@media screen and (max-width: 768px) {
+  .sw-theme-dots > ul.step-anchor:before {
+    top: 0;
+    bottom: 0;
+    left: 10px;
+    width: 5px;
+    height: 100%;
+    background-color: #f5f5f5;
+    display: block;
+    margin-right: 10px; }
+  .sw-theme-dots > ul.step-anchor > li {
+    margin-left: 20px;
+    display: block;
+    clear: both; }
+  .sw-theme-dots > ul.step-anchor > li > a {
+    text-align: left;
+    margin-left: 0;
+    display: block; }
+  .sw-theme-dots > ul.step-anchor > li > a:before {
+    top: 5px;
+    left: -23px;
+    margin-right: 10px;
+    display: block; }
+  .sw-theme-dots > ul.step-anchor > li > a:after {
+    top: -38px;
+    left: -31px;
+    margin-right: 10px;
+    display: block; } }
+
+/*# sourceMappingURL=smartwizard.css.map */

global/css/miscellaneous/jqvmap/jqvmap.bundle-rtl.css

@@ -0,0 +1,454 @@
+@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;
+  right: 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) */
+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, right top, right 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, right bottom, right 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;
+  right: 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 {
+  right: 1rem;
+  top: 1rem; }
+
+.p-0 .jqvmap-zoomout {
+  top: 3rem; }
+
+.jqvmap-bg-ocean {
+  background-color: #eafeff; }

global/css/miscellaneous/jqvmap/jqvmap.bundle.css

@@ -0,0 +1,456 @@
+@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) */
+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 */

global/css/miscellaneous/nestable/nestable-rtl.css

@@ -0,0 +1,581 @@
+@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) */
+@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, right top, right 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-right: 30px; }
+
+.dd-item > button {
+  display: block;
+  position: relative;
+  cursor: pointer;
+  float: right;
+  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: 100% 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, right top, right 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, right top, right 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: right;
+    width: 48%; }
+    .dd + .dd {
+      margin-right: 2%; } }
+
+.dd3-content {
+  display: block;
+  height: 30px;
+  margin: 5px 0;
+  padding: 5px 40px 5px 10px;
+  color: #333;
+  text-decoration: none;
+  font-weight: bold;
+  border: 1px solid #ccc;
+  background: #fafafa;
+  background: -webkit-gradient(linear, right top, right 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;
+  right: 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, right top, right bottom, color-stop(0, #ddd), to(#bbb));
+  background: linear-gradient(to bottom, #ddd 0, #bbb 100%);
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0; }
+  .dd3-handle:before {
+    content: '≡';
+    display: block;
+    position: absolute;
+    right: 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-right: 30px; }

global/css/miscellaneous/nestable/nestable.css

@@ -0,0 +1,583 @@
+@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) */
+@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 */

global/css/miscellaneous/reactions/reactions-rtl.css

@@ -0,0 +1,752 @@
+.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;
+    right: 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 {
+    right: 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 {
+      right: 25em;
+      bottom: 5em;
+      width: 40em;
+      background: inherit;
+      height: 10em;
+      border-radius: 10em 2em 2em 10em;
+      -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-right: 20em solid transparent;
+    top: -25em;
+    left: -25em;
+    z-index: 2;
+    -webkit-transform: rotate(-5deg);
+            transform: rotate(-5deg);
+    -webkit-transform-origin: 100% 100%;
+            transform-origin: 100% 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;
+      right: -10em;
+      top: -8em;
+      -webkit-transform: rotate(15deg);
+              transform: rotate(15deg);
+      -webkit-transform-origin: 0% 100%;
+              transform-origin: 0% 100%;
+      -webkit-box-shadow: 1em 4em 0 -1em #FFFFFF;
+              box-shadow: 1em 4em 0 -1em #FFFFFF; }
+
+.emoji--love {
+  background: #F55064; }
+  .emoji--love .emoji__heart {
+    right: 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 {
+      right: 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: 100% 100%;
+              transform-origin: 100% 100%; }
+    .emoji--love .emoji__heart:after {
+      -webkit-transform: translate(20em) rotate(-45deg);
+              transform: translate(20em) rotate(-45deg);
+      -webkit-transform-origin: 0% 100%;
+              transform-origin: 0% 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;
+  right: 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 {
+    right: 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;
+  right: 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;
+  right: 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 {
+  right: 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;
+    right: calc(50% - 18em); }
+  .emoji--yay .emoji__eyebrows:before {
+    margin-right: -21em; }
+  .emoji--yay .emoji__eyebrows:after {
+    margin-right: 21em; }
+
+.emoji--yay .emoji__mouth {
+  top: 60em;
+  background: transparent;
+  right: 50%; }
+  .emoji--yay .emoji__mouth:after {
+    width: 80em;
+    height: 80em;
+    right: 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-right-color: transparent;
+    border-left-color: transparent;
+    z-index: 1; }
+  .emoji--yay .emoji__mouth:before {
+    width: 6em;
+    height: 6em;
+    background: transparent;
+    border-radius: 50%;
+    bottom: 5em;
+    right: 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 {
+  right: 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-right-color: transparent;
+    border-left-color: transparent;
+    top: -3em;
+    right: calc(50% - 12em); }
+  .emoji--wow .emoji__eyebrows:before {
+    margin-right: -25em; }
+  .emoji--wow .emoji__eyebrows:after {
+    margin-right: 25em; }
+
+.emoji--wow .emoji__eyes {
+  width: 16em;
+  height: 24em;
+  right: 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;
+  right: 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 {
+  right: 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-right-color: transparent;
+    border-left-color: transparent;
+    top: 2em;
+    right: calc(50% - 15em); }
+  .emoji--sad .emoji__eyebrows:before {
+    margin-right: -30em;
+    -webkit-transform: rotate(30deg);
+            transform: rotate(30deg); }
+  .emoji--sad .emoji__eyebrows:after {
+    margin-right: 30em;
+    -webkit-transform: rotate(-30deg);
+            transform: rotate(-30deg); }
+
+.emoji--sad .emoji__eyes {
+  width: 14em;
+  height: 16em;
+  right: 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-right: 6em;
+    border-radius: 100% 0 50% 40% / 50% 0 100% 40%;
+    -webkit-transform-origin: 100% 0%;
+            transform-origin: 100% 0%;
+    -webkit-animation: tear-drop 2s ease-in infinite;
+            animation: tear-drop 2s ease-in infinite; }
+
+.emoji--sad .emoji__mouth {
+  width: 60em;
+  height: 80em;
+  right: 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-right-color: transparent;
+  border-left-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;
+    right: 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, right top, right 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 {
+    right: 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-right-color: transparent;
+      border-left-color: transparent;
+      top: 0;
+      right: calc(50% - 25em); }
+    .emoji--angry .emoji__eyebrows:before {
+      margin-right: -25em;
+      -webkit-transform: rotate(-15deg);
+              transform: rotate(-15deg); }
+    .emoji--angry .emoji__eyebrows:after {
+      margin-right: 25em;
+      -webkit-transform: rotate(15deg);
+              transform: rotate(15deg); }
+  .emoji--angry .emoji__eyes {
+    width: 12em;
+    height: 12em;
+    right: 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;
+    right: 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;
+    right: calc(50% - 10em); }
+  50%, 70% {
+    width: 30em;
+    height: 40em;
+    right: calc(50% - 15em); }
+  75%, 100% {
+    height: 50em; } }
+
+@keyframes wow-mouth {
+  10%, 30% {
+    width: 20em;
+    height: 20em;
+    right: calc(50% - 10em); }
+  50%, 70% {
+    width: 30em;
+    height: 40em;
+    right: 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;
+    right: 35em;
+    top: 15em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); }
+  25% {
+    display: block;
+    right: 35em;
+    -webkit-transform: rotate(-45deg) scale(2);
+            transform: rotate(-45deg) scale(2); }
+  49.9% {
+    display: block;
+    right: 35em;
+    top: 65em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); }
+  50% {
+    display: block;
+    right: -35em;
+    top: 15em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); }
+  75% {
+    display: block;
+    right: -35em;
+    -webkit-transform: rotate(-45deg) scale(2);
+            transform: rotate(-45deg) scale(2); }
+  99.9% {
+    display: block;
+    right: -35em;
+    top: 65em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); } }
+
+@keyframes tear-drop {
+  0%, 100% {
+    display: block;
+    right: 35em;
+    top: 15em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); }
+  25% {
+    display: block;
+    right: 35em;
+    -webkit-transform: rotate(-45deg) scale(2);
+            transform: rotate(-45deg) scale(2); }
+  49.9% {
+    display: block;
+    right: 35em;
+    top: 65em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); }
+  50% {
+    display: block;
+    right: -35em;
+    top: 15em;
+    -webkit-transform: rotate(-45deg) scale(0);
+            transform: rotate(-45deg) scale(0); }
+  75% {
+    display: block;
+    right: -35em;
+    -webkit-transform: rotate(-45deg) scale(2);
+            transform: rotate(-45deg) scale(2); }
+  99.9% {
+    display: block;
+    right: -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; } }

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

global/css/miscellaneous/treeview/treeview-rtl.css

@@ -0,0 +1,448 @@
+@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) */
+@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, right top, right 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: '';
+  right: -20px;
+  position: absolute;
+  left: 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-right: 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-right-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-right: 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-right: 34px;
+    padding-top: 10px; }
+    .tree ul ul li:hover {
+      background: rgba(0, 0, 0, 0.015); }

global/css/miscellaneous/treeview/treeview.css

@@ -0,0 +1,450 @@
+@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) */
+@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 */

global/css/page-invoice-rtl.css

@@ -0,0 +1,81 @@
+@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: right;
+    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; } }

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

global/css/page-login-rtl.css

@@ -0,0 +1,429 @@
+/* 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, right top, right 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%;
+    right: 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%;
+    right: 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; } }

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