CLDv2.0

css/cld-custom.css

@@ -0,0 +1,166 @@
+/* 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: 700px;
+  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 .card{
+  cursor: pointer;
+}
+.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;
+}
+.modal {
+  background:rgba(0, 0, 0,0.2);
+}
+.modal-backdrop {
+  background:none;
+}
+.modal-search-result > .card:hover{
+  background-color: #fafafa;
+  cursor: pointer;
+}

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'; }

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

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; }

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

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; }

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

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; }

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

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; }

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

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%; }

css/formplugins/bootstrap-markdown/bootstrap-markdown.css

@@ -0,0 +1,146 @@
+.md-editor {
+  display: block;
+  border: 1px solid #ddd; }
+
+.md-editor .md-footer, .md-editor > .md-header {
+  display: block;
+  padding: 6px 4px;
+  background: #f5f5f5; }
+
+.md-editor > .md-header {
+  margin: 0; }
+
+.md-editor > .md-preview {
+  background: #fff;
+  border-top: 1px dashed #ddd;
+  border-bottom: 1px dashed #ddd;
+  min-height: 10px;
+  overflow: auto; }
+
+.md-editor > textarea {
+  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
+  font-size: 14px;
+  outline: 0;
+  margin: 0;
+  display: block;
+  padding: 0;
+  width: 100%;
+  border: 0;
+  border-top: 1px dashed #ddd;
+  border-bottom: 1px dashed #ddd;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #eee; }
+
+.md-editor > textarea:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  background: #fff; }
+
+.md-editor.active {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
+
+.md-editor .md-controls {
+  float: right;
+  padding: 3px; }
+
+.md-editor .md-controls .md-control {
+  right: 5px;
+  color: #bebebe;
+  padding: 3px 3px 3px 10px; }
+
+.md-editor .md-controls .md-control:hover {
+  color: #333; }
+
+.md-editor.md-fullscreen-mode {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 99999;
+  padding: 60px 30px 15px;
+  background: #fff !important;
+  border: 0 !important; }
+
+.md-editor.md-fullscreen-mode .md-footer {
+  display: none; }
+
+.md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview {
+  margin: 0 auto !important;
+  height: 100% !important;
+  font-size: 20px !important;
+  padding: 20px !important;
+  color: #999;
+  line-height: 1.6em !important;
+  resize: none !important;
+  -webkit-box-shadow: none !important;
+          box-shadow: none !important;
+  background: #fff !important;
+  border: 0 !important; }
+
+.md-editor.md-fullscreen-mode .md-preview {
+  color: #333;
+  overflow: auto; }
+
+.md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover {
+  color: #333;
+  background: #fff !important; }
+
+.md-editor.md-fullscreen-mode .md-header {
+  background: 0 0;
+  text-align: center;
+  position: fixed;
+  width: 100%;
+  top: 20px; }
+
+.md-editor.md-fullscreen-mode .btn-group {
+  float: none; }
+
+.md-editor.md-fullscreen-mode .btn {
+  border: 0;
+  background: 0 0;
+  color: #b3b3b3; }
+
+.md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  color: #333; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  text-align: right;
+  z-index: 1002;
+  display: block; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
+  color: #b3b3b3;
+  clear: right;
+  margin: 10px;
+  width: 30px;
+  height: 30px;
+  text-align: center; }
+
+.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
+  color: #333;
+  text-decoration: none; }
+
+.md-editor.md-fullscreen-mode .md-editor {
+  height: 100% !important;
+  position: relative; }
+
+.md-editor .md-fullscreen-controls {
+  display: none; }
+
+.md-nooverflow {
+  overflow: hidden;
+  position: fixed;
+  width: 100%; }
+
+/*# sourceMappingURL=bootstrap-markdown.css.map */

css/formplugins/cropperjs/cropper-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%; }

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

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; }

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

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%; }

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

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; } }

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

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; }

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

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; }

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

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; } }

css/miscellaneous/reactions/reactions.css

@@ -0,0 +1,754 @@
+.emoji {
+  font-size: 0.25px;
+  width: 120em;
+  height: 120em;
+  margin: 15em 7em;
+  background: #FFDA6A;
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  border-radius: 50%;
+  position: relative; }
+  .emoji:hover {
+    -webkit-transform: scale(1.2);
+            transform: scale(1.2); }
+  .emoji:after {
+    position: absolute;
+    bottom: -40em;
+    font-size: 18em;
+    width: 60em;
+    left: calc(50% - 30em);
+    color: #8A8A8A; }
+
+.emoji__face, .emoji__eyebrows, .emoji__eyes, .emoji__mouth, .emoji__tongue, .emoji__heart, .emoji__hand, .emoji__thumb {
+  position: absolute; }
+  .emoji__face:before, .emoji__face:after, .emoji__eyebrows:before, .emoji__eyebrows:after, .emoji__eyes:before, .emoji__eyes:after, .emoji__mouth:before, .emoji__mouth:after, .emoji__tongue:before, .emoji__tongue:after, .emoji__heart:before, .emoji__heart:after, .emoji__hand:before, .emoji__hand:after, .emoji__thumb:before, .emoji__thumb:after {
+    position: absolute;
+    content: ''; }
+
+.emoji__face {
+  width: inherit;
+  height: inherit; }
+
+.emoji--like {
+  background: #548DFF; }
+  .emoji--like .emoji__hand {
+    left: 25em;
+    bottom: 30em;
+    width: 20em;
+    height: 40em;
+    background: #FFFFFF;
+    border-radius: 5em;
+    z-index: 0;
+    -webkit-animation: hands-up 2s linear infinite;
+            animation: hands-up 2s linear infinite; }
+    .emoji--like .emoji__hand:before {
+      left: 25em;
+      bottom: 5em;
+      width: 40em;
+      background: inherit;
+      height: 10em;
+      border-radius: 2em 10em 10em 2em;
+      -webkit-box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF;
+              box-shadow: 1em -9em 0 1em #FFFFFF, 2em -19em 0 2em #FFFFFF, 3em -29em 0 3em #FFFFFF; }
+  .emoji--like .emoji__thumb {
+    border-bottom: 20em solid #FFFFFF;
+    border-left: 20em solid transparent;
+    top: -25em;
+    right: -25em;
+    z-index: 2;
+    -webkit-transform: rotate(5deg);
+            transform: rotate(5deg);
+    -webkit-transform-origin: 0% 100%;
+            transform-origin: 0% 100%;
+    -webkit-animation: thumbs-up 2s linear infinite;
+            animation: thumbs-up 2s linear infinite; }
+    .emoji--like .emoji__thumb:before {
+      border-radius: 50% 50% 0 0;
+      background: #FFFFFF;
+      width: 10em;
+      height: 12em;
+      left: -10em;
+      top: -8em;
+      -webkit-transform: rotate(-15deg);
+              transform: rotate(-15deg);
+      -webkit-transform-origin: 100% 100%;
+              transform-origin: 100% 100%;
+      -webkit-box-shadow: -1em 4em 0 -1em #FFFFFF;
+              box-shadow: -1em 4em 0 -1em #FFFFFF; }
+
+.emoji--love {
+  background: #F55064; }
+  .emoji--love .emoji__heart {
+    left: calc(50% - 40em);
+    top: calc(50% - 40em);
+    width: 80em;
+    height: 80em;
+    -webkit-animation: heart-beat 1s linear infinite alternate;
+            animation: heart-beat 1s linear infinite alternate; }
+    .emoji--love .emoji__heart:before, .emoji--love .emoji__heart:after {
+      left: calc(50% - 20em);
+      top: calc(50% - 32em);
+      width: 40em;
+      height: 64em;
+      background: #FFFFFF;
+      border-radius: 20em 20em 0 0; }
+    .emoji--love .emoji__heart:before {
+      -webkit-transform: translate(20em) rotate(-45deg);
+              transform: translate(20em) rotate(-45deg);
+      -webkit-transform-origin: 0 100%;
+              transform-origin: 0 100%; }
+    .emoji--love .emoji__heart:after {
+      -webkit-transform: translate(-20em) rotate(45deg);
+              transform: translate(-20em) rotate(45deg);
+      -webkit-transform-origin: 100% 100%;
+              transform-origin: 100% 100%; }
+
+.emoji--haha .emoji__face {
+  -webkit-animation: haha-face 2s linear infinite;
+          animation: haha-face 2s linear infinite; }
+
+.emoji--haha .emoji__eyes {
+  width: 26em;
+  height: 6em;
+  border-radius: 2em;
+  left: calc(50% - 13em);
+  top: 35em;
+  -webkit-transform: rotate(20deg);
+          transform: rotate(20deg);
+  background: transparent;
+  -webkit-box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000;
+          box-shadow: -25em 5em 0 0 #000000, 25em -5em 0 0 #000000; }
+  .emoji--haha .emoji__eyes:after {
+    left: 0;
+    top: 0;
+    width: 26em;
+    height: 6em;
+    border-radius: 2em;
+    -webkit-transform: rotate(-40deg);
+            transform: rotate(-40deg);
+    background: transparent;
+    -webkit-box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000;
+            box-shadow: -25em -5em 0 0 #000000, 25em 5em 0 0 #000000; }
+
+.emoji--haha .emoji__mouth {
+  width: 80em;
+  height: 40em;
+  left: calc(50% - 40em);
+  top: 50%;
+  background: #000000;
+  border-radius: 0 0 40em 40em;
+  overflow: hidden;
+  z-index: 1;
+  -webkit-animation: haha-mouth 2s linear infinite;
+          animation: haha-mouth 2s linear infinite; }
+
+.emoji--haha .emoji__tongue {
+  width: 70em;
+  height: 30em;
+  background: #F55064;
+  left: calc(50% - 35em);
+  bottom: -10em;
+  border-radius: 50%; }
+
+.emoji--yay:after {
+  -webkit-animation: yay-reverse 1s linear infinite;
+          animation: yay-reverse 1s linear infinite; }
+
+.emoji--yay .emoji__face {
+  -webkit-animation: yay 1s linear infinite alternate;
+          animation: yay 1s linear infinite alternate; }
+
+.emoji--yay .emoji__eyebrows {
+  left: calc(50% - 3em);
+  top: 30em;
+  height: 6em;
+  width: 6em;
+  border-radius: 50%;
+  background: transparent;
+  -webkit-box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000;
+          box-shadow: -6em 0 0 0 #000000, -36em 0 0 0em #000000, 6em 0 0 0 #000000, 36em 0 0 0em #000000; }
+  .emoji--yay .emoji__eyebrows:before, .emoji--yay .emoji__eyebrows:after {
+    width: 36em;
+    height: 18em;
+    border-radius: 60em 60em 0 0;
+    background: transparent;
+    border: 6em solid black;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border-bottom: 0;
+    bottom: 3em;
+    left: calc(50% - 18em); }
+  .emoji--yay .emoji__eyebrows:before {
+    margin-left: -21em; }
+  .emoji--yay .emoji__eyebrows:after {
+    margin-left: 21em; }
+
+.emoji--yay .emoji__mouth {
+  top: 60em;
+  background: transparent;
+  left: 50%; }
+  .emoji--yay .emoji__mouth:after {
+    width: 80em;
+    height: 80em;
+    left: calc(50% - 40em);
+    top: -75em;
+    border-radius: 50%;
+    background: transparent;
+    border: 6em solid #000000;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border-top-color: transparent;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    z-index: 1; }
+  .emoji--yay .emoji__mouth:before {
+    width: 6em;
+    height: 6em;
+    background: transparent;
+    border-radius: 50%;
+    bottom: 5em;
+    left: calc(50% - 3em);
+    -webkit-box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C;
+            box-shadow: -25em 0 0 0 #000000, 25em 0 0 0 #000000, -35em -2em 30em 10em #D5234C, 35em -2em 30em 10em #D5234C; }
+
+.emoji--wow .emoji__face {
+  -webkit-animation: wow-face 3s linear infinite;
+          animation: wow-face 3s linear infinite; }
+
+.emoji--wow .emoji__eyebrows {
+  left: calc(50% - 3em);
+  height: 6em;
+  width: 6em;
+  border-radius: 50%;
+  background: transparent;
+  -webkit-box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000;
+          box-shadow: -18em 0 0 0 #000000, -33em 0 0 0 #000000, 18em 0 0 0 #000000, 33em 0 0 0 #000000;
+  -webkit-animation: wow-brow 3s linear infinite;
+          animation: wow-brow 3s linear infinite; }
+  .emoji--wow .emoji__eyebrows:before, .emoji--wow .emoji__eyebrows:after {
+    width: 24em;
+    height: 20em;
+    border: 6em solid #000000;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border-radius: 50%;
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    top: -3em;
+    left: calc(50% - 12em); }
+  .emoji--wow .emoji__eyebrows:before {
+    margin-left: -25em; }
+  .emoji--wow .emoji__eyebrows:after {
+    margin-left: 25em; }
+
+.emoji--wow .emoji__eyes {
+  width: 16em;
+  height: 24em;
+  left: calc(50% - 8em);
+  top: 35em;
+  border-radius: 50%;
+  background: transparent;
+  -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
+          box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
+
+.emoji--wow .emoji__mouth {
+  width: 30em;
+  height: 45em;
+  left: calc(50% - 15em);
+  top: 50%;
+  border-radius: 50%;
+  background: #000000;
+  -webkit-animation: wow-mouth 3s linear infinite;
+          animation: wow-mouth 3s linear infinite; }
+
+.emoji--sad .emoji__face {
+  -webkit-animation: sad-face 2s ease-in infinite;
+          animation: sad-face 2s ease-in infinite; }
+
+.emoji--sad .emoji__eyebrows {
+  left: calc(50% - 3em);
+  top: 35em;
+  height: 6em;
+  width: 6em;
+  border-radius: 50%;
+  background: transparent;
+  -webkit-box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000;
+          box-shadow: -40em 9em 0 0 #000000, -25em 0 0 0 #000000, 25em 0 0 0 #000000, 40em 9em 0 0 #000000; }
+  .emoji--sad .emoji__eyebrows:before, .emoji--sad .emoji__eyebrows:after {
+    width: 30em;
+    height: 20em;
+    border: 6em solid #000000;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    border-radius: 50%;
+    border-bottom-color: transparent;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    top: 2em;
+    left: calc(50% - 15em); }
+  .emoji--sad .emoji__eyebrows:before {
+    margin-left: -30em;
+    -webkit-transform: rotate(-30deg);
+            transform: rotate(-30deg); }
+  .emoji--sad .emoji__eyebrows:after {
+    margin-left: 30em;
+    -webkit-transform: rotate(30deg);
+            transform: rotate(30deg); }
+
+.emoji--sad .emoji__eyes {
+  width: 14em;
+  height: 16em;
+  left: calc(50% - 7em);
+  top: 50em;
+  border-radius: 50%;
+  background: transparent;
+  -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
+          box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
+  .emoji--sad .emoji__eyes:after {
+    background: #548DFF;
+    width: 12em;
+    height: 12em;
+    margin-left: 6em;
+    border-radius: 0 100% 40% 50% / 0 50% 40% 100%;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-animation: tear-drop 2s ease-in infinite;
+            animation: tear-drop 2s ease-in infinite; }
+
+.emoji--sad .emoji__mouth {
+  width: 60em;
+  height: 80em;
+  left: calc(50% - 30em);
+  top: 80em;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  border: 6em solid #000000;
+  border-radius: 50%;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  border-right-color: transparent;
+  background: transparent;
+  -webkit-animation: sad-mouth 2s ease-in infinite;
+          animation: sad-mouth 2s ease-in infinite; }
+  .emoji--sad .emoji__mouth:after {
+    width: 6em;
+    height: 6em;
+    background: transparent;
+    border-radius: 50%;
+    top: 4em;
+    left: calc(50% - 3em);
+    -webkit-box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000;
+            box-shadow: -18em 0 0 0 #000000, 18em 0 0 0 #000000; }
+
+.emoji--angry {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(-10%, #D5234C), to(#FFDA6A));
+  background: linear-gradient(#D5234C -10%, #FFDA6A);
+  background-size: 100%;
+  -webkit-animation: angry-color 2s ease-in infinite;
+          animation: angry-color 2s ease-in infinite; }
+  .emoji--angry .emoji__face {
+    -webkit-animation: angry-face 2s ease-in infinite;
+            animation: angry-face 2s ease-in infinite; }
+  .emoji--angry .emoji__eyebrows {
+    left: calc(50% - 3em);
+    top: 55em;
+    height: 6em;
+    width: 6em;
+    border-radius: 50%;
+    background: transparent;
+    -webkit-box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000;
+            box-shadow: -44em 5em 0 0 #000000, -7em 16em 0 0 #000000, 7em 16em 0 0 #000000, 44em 5em 0 0 #000000; }
+    .emoji--angry .emoji__eyebrows:before, .emoji--angry .emoji__eyebrows:after {
+      width: 50em;
+      height: 20em;
+      border: 6em solid #000000;
+      -webkit-box-sizing: border-box;
+              box-sizing: border-box;
+      border-radius: 50%;
+      border-top-color: transparent;
+      border-left-color: transparent;
+      border-right-color: transparent;
+      top: 0;
+      left: calc(50% - 25em); }
+    .emoji--angry .emoji__eyebrows:before {
+      margin-left: -25em;
+      -webkit-transform: rotate(15deg);
+              transform: rotate(15deg); }
+    .emoji--angry .emoji__eyebrows:after {
+      margin-left: 25em;
+      -webkit-transform: rotate(-15deg);
+              transform: rotate(-15deg); }
+  .emoji--angry .emoji__eyes {
+    width: 12em;
+    height: 12em;
+    left: calc(50% - 6em);
+    top: 70em;
+    border-radius: 50%;
+    background: transparent;
+    -webkit-box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000;
+            box-shadow: 25em 0 0 0 #000000, -25em 0 0 0 #000000; }
+  .emoji--angry .emoji__mouth {
+    width: 36em;
+    height: 18em;
+    left: calc(50% - 18em);
+    bottom: 15em;
+    background: #000000;
+    border-radius: 50%;
+    -webkit-animation: angry-mouth 2s ease-in infinite;
+            animation: angry-mouth 2s ease-in infinite; }
+
+@-webkit-keyframes heart-beat {
+  25% {
+    -webkit-transform: scale(1.1);
+            transform: scale(1.1); }
+  75% {
+    -webkit-transform: scale(0.6);
+            transform: scale(0.6); } }
+
+@keyframes heart-beat {
+  25% {
+    -webkit-transform: scale(1.1);
+            transform: scale(1.1); }
+  75% {
+    -webkit-transform: scale(0.6);
+            transform: scale(0.6); } }
+
+@-webkit-keyframes haha-face {
+  10%, 30%, 50% {
+    -webkit-transform: translateY(25em);
+            transform: translateY(25em); }
+  20%, 40% {
+    -webkit-transform: translateY(15em);
+            transform: translateY(15em); }
+  60%, 80% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  70%, 90% {
+    -webkit-transform: translateY(-10em);
+            transform: translateY(-10em); } }
+
+@keyframes haha-face {
+  10%, 30%, 50% {
+    -webkit-transform: translateY(25em);
+            transform: translateY(25em); }
+  20%, 40% {
+    -webkit-transform: translateY(15em);
+            transform: translateY(15em); }
+  60%, 80% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0); }
+  70%, 90% {
+    -webkit-transform: translateY(-10em);
+            transform: translateY(-10em); } }
+
+@-webkit-keyframes haha-mouth {
+  10%, 30%, 50% {
+    -webkit-transform: scale(0.6);
+            transform: scale(0.6);
+    top: 45%; }
+  20%, 40% {
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+    top: 45%; }
+  60%, 80% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    top: 50%; }
+  70% {
+    -webkit-transform: scale(1.2);
+            transform: scale(1.2);
+    top: 50%; }
+  90% {
+    -webkit-transform: scale(1.1);
+            transform: scale(1.1);
+    top: 50%; } }
+
+@keyframes haha-mouth {
+  10%, 30%, 50% {
+    -webkit-transform: scale(0.6);
+            transform: scale(0.6);
+    top: 45%; }
+  20%, 40% {
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+    top: 45%; }
+  60%, 80% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    top: 50%; }
+  70% {
+    -webkit-transform: scale(1.2);
+            transform: scale(1.2);
+    top: 50%; }
+  90% {
+    -webkit-transform: scale(1.1);
+            transform: scale(1.1);
+    top: 50%; } }
+
+@-webkit-keyframes yay {
+  25% {
+    -webkit-transform: rotate(-15deg);
+            transform: rotate(-15deg); }
+  75% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); } }
+
+@keyframes yay {
+  25% {
+    -webkit-transform: rotate(-15deg);
+            transform: rotate(-15deg); }
+  75% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); } }
+
+@-webkit-keyframes wow-face {
+  15%, 25% {
+    -webkit-transform: rotate(20deg) translateX(-25em);
+            transform: rotate(20deg) translateX(-25em); }
+  45%, 65% {
+    -webkit-transform: rotate(-20deg) translateX(25em);
+            transform: rotate(-20deg) translateX(25em); }
+  75%, 100% {
+    -webkit-transform: rotate(0deg) translateX(0);
+            transform: rotate(0deg) translateX(0); } }
+
+@keyframes wow-face {
+  15%, 25% {
+    -webkit-transform: rotate(20deg) translateX(-25em);
+            transform: rotate(20deg) translateX(-25em); }
+  45%, 65% {
+    -webkit-transform: rotate(-20deg) translateX(25em);
+            transform: rotate(-20deg) translateX(25em); }
+  75%, 100% {
+    -webkit-transform: rotate(0deg) translateX(0);
+            transform: rotate(0deg) translateX(0); } }
+
+@-webkit-keyframes wow-brow {
+  15%, 65% {
+    top: 25em; }
+  75%, 100%, 0% {
+    top: 15em; } }
+
+@keyframes wow-brow {
+  15%, 65% {
+    top: 25em; }
+  75%, 100%, 0% {
+    top: 15em; } }
+
+@-webkit-keyframes wow-mouth {
+  10%, 30% {
+    width: 20em;
+    height: 20em;
+    left: calc(50% - 10em); }
+  50%, 70% {
+    width: 30em;
+    height: 40em;
+    left: calc(50% - 15em); }
+  75%, 100% {
+    height: 50em; } }
+
+@keyframes wow-mouth {
+  10%, 30% {
+    width: 20em;
+    height: 20em;
+    left: calc(50% - 10em); }
+  50%, 70% {
+    width: 30em;
+    height: 40em;
+    left: calc(50% - 15em); }
+  75%, 100% {
+    height: 50em; } }
+
+@-webkit-keyframes sad-face {
+  25%, 35% {
+    top: -15em; }
+  55%, 95% {
+    top: 10em; }
+  100%, 0% {
+    top: 0; } }
+
+@keyframes sad-face {
+  25%, 35% {
+    top: -15em; }
+  55%, 95% {
+    top: 10em; }
+  100%, 0% {
+    top: 0; } }
+
+@-webkit-keyframes sad-mouth {
+  25%, 35% {
+    -webkit-transform: scale(0.85);
+            transform: scale(0.85);
+    top: 70em; }
+  55%, 100%, 0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    top: 80em; } }
+
+@keyframes sad-mouth {
+  25%, 35% {
+    -webkit-transform: scale(0.85);
+            transform: scale(0.85);
+    top: 70em; }
+  55%, 100%, 0% {
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    top: 80em; } }
+
+@-webkit-keyframes tear-drop {
+  0%, 100% {
+    display: block;
+    left: 35em;
+    top: 15em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); }
+  25% {
+    display: block;
+    left: 35em;
+    -webkit-transform: rotate(45deg) scale(2);
+            transform: rotate(45deg) scale(2); }
+  49.9% {
+    display: block;
+    left: 35em;
+    top: 65em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); }
+  50% {
+    display: block;
+    left: -35em;
+    top: 15em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); }
+  75% {
+    display: block;
+    left: -35em;
+    -webkit-transform: rotate(45deg) scale(2);
+            transform: rotate(45deg) scale(2); }
+  99.9% {
+    display: block;
+    left: -35em;
+    top: 65em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); } }
+
+@keyframes tear-drop {
+  0%, 100% {
+    display: block;
+    left: 35em;
+    top: 15em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); }
+  25% {
+    display: block;
+    left: 35em;
+    -webkit-transform: rotate(45deg) scale(2);
+            transform: rotate(45deg) scale(2); }
+  49.9% {
+    display: block;
+    left: 35em;
+    top: 65em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); }
+  50% {
+    display: block;
+    left: -35em;
+    top: 15em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); }
+  75% {
+    display: block;
+    left: -35em;
+    -webkit-transform: rotate(45deg) scale(2);
+            transform: rotate(45deg) scale(2); }
+  99.9% {
+    display: block;
+    left: -35em;
+    top: 65em;
+    -webkit-transform: rotate(45deg) scale(0);
+            transform: rotate(45deg) scale(0); } }
+
+@-webkit-keyframes hands-up {
+  25% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); }
+  50% {
+    -webkit-transform: rotate(-15deg) translateY(-10em);
+            transform: rotate(-15deg) translateY(-10em); }
+  75%, 100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); } }
+
+@keyframes hands-up {
+  25% {
+    -webkit-transform: rotate(15deg);
+            transform: rotate(15deg); }
+  50% {
+    -webkit-transform: rotate(-15deg) translateY(-10em);
+            transform: rotate(-15deg) translateY(-10em); }
+  75%, 100% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); } }
+
+@-webkit-keyframes thumbs-up {
+  25% {
+    -webkit-transform: rotate(20deg);
+            transform: rotate(20deg); }
+  50%, 100% {
+    -webkit-transform: rotate(5deg);
+            transform: rotate(5deg); } }
+
+@keyframes thumbs-up {
+  25% {
+    -webkit-transform: rotate(20deg);
+            transform: rotate(20deg); }
+  50%, 100% {
+    -webkit-transform: rotate(5deg);
+            transform: rotate(5deg); } }
+
+@-webkit-keyframes angry-color {
+  45%, 60% {
+    background-size: 250%; }
+  85%, 100%, 0% {
+    background-size: 100%; } }
+
+@keyframes angry-color {
+  45%, 60% {
+    background-size: 250%; }
+  85%, 100%, 0% {
+    background-size: 100%; } }
+
+@-webkit-keyframes angry-face {
+  35%, 60% {
+    -webkit-transform: translateX(0) translateY(10em) scale(0.9);
+            transform: translateX(0) translateY(10em) scale(0.9); }
+  40%, 50% {
+    -webkit-transform: translateX(-5em) translateY(10em) scale(0.9);
+            transform: translateX(-5em) translateY(10em) scale(0.9); }
+  45%, 55% {
+    -webkit-transform: translateX(5em) translateY(10em) scale(0.9);
+            transform: translateX(5em) translateY(10em) scale(0.9); } }
+
+@keyframes angry-face {
+  35%, 60% {
+    -webkit-transform: translateX(0) translateY(10em) scale(0.9);
+            transform: translateX(0) translateY(10em) scale(0.9); }
+  40%, 50% {
+    -webkit-transform: translateX(-5em) translateY(10em) scale(0.9);
+            transform: translateX(-5em) translateY(10em) scale(0.9); }
+  45%, 55% {
+    -webkit-transform: translateX(5em) translateY(10em) scale(0.9);
+            transform: translateX(5em) translateY(10em) scale(0.9); } }
+
+@-webkit-keyframes angry-mouth {
+  25%, 50% {
+    height: 6em;
+    bottom: 25em; } }
+
+@keyframes angry-mouth {
+  25%, 50% {
+    height: 6em;
+    bottom: 25em; } }
+
+/*# sourceMappingURL=reactions.css.map */

css/miscellaneous/treeview/treeview-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); }

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

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; } }

css/page-invoice.css

@@ -0,0 +1,83 @@
+@media print {
+  html,
+  body {
+    width: 210mm;
+    height: 297mm; }
+  .invoice-page {
+    -webkit-print-color-adjust: exact; }
+  .col-sm-1,
+  .col-sm-2,
+  .col-sm-3,
+  .col-sm-4,
+  .col-sm-5,
+  .col-sm-6,
+  .col-sm-7,
+  .col-sm-8,
+  .col-sm-9,
+  .col-sm-10,
+  .col-sm-11,
+  .col-sm-12 {
+    float: left;
+    padding: 0; }
+  .col-sm-12 {
+    width: 100%; }
+  .col-sm-11 {
+    width: 91.66666667%; }
+  .col-sm-10 {
+    width: 83.33333333%; }
+  .col-sm-9 {
+    width: 75%; }
+  .col-sm-8 {
+    width: 66.66666667%; }
+  .col-sm-7 {
+    width: 58.33333333%; }
+  .col-sm-6 {
+    width: 50%; }
+  .col-sm-5 {
+    width: 41.66666667%; }
+  .col-sm-4 {
+    width: 33.33333333%; }
+  .col-sm-3 {
+    width: 25%; }
+  .col-sm-2 {
+    width: 16.66666667%; }
+  .col-sm-1 {
+    width: 8.33333333%; }
+  div[data-size="A4"] {
+    margin: 0;
+    -webkit-box-shadow: 0;
+            box-shadow: 0;
+    padding: 3em 5em !important; }
+  .breadcrumb,
+  .subheader {
+    display: none; }
+  *:not(.keep-print-font) {
+    font-family: Arial, Helvetica, sans-serif !important;
+    font-size: 11pt !important; }
+  table {
+    font-size: 100% !important; } }
+
+@page {
+  size: auto;
+  margin: 0; }
+
+div[data-size="A4"] {
+  background: white;
+  display: block;
+  margin: 0 auto;
+  margin-bottom: 0.5cm;
+  -webkit-box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
+          box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
+  background: url(../img/svg/pattern-1.svg) no-repeat center bottom;
+  background-size: cover;
+  padding: 4rem;
+  position: relative; }
+
+@media only screen and (max-width: 992px) {
+  div[data-size="A4"],
+  .container {
+    padding: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none; } }
+
+/*# sourceMappingURL=page-invoice.css.map */

css/page-login-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; } }

css/page-login.css

@@ -0,0 +1,431 @@
+/* Theme IMPORTS
+========================================================================== */
+/* #BOOTSTRAP AND MIXINS - Base Unmodified Bootstrap file with theme mixins
+========================================================================== */
+/*---------------------------------------------------
+    SASS ELements (based on LESS Elements 0.9 http://lesselements.com) 
+  -------------------------------- -------------------
+    LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
+    SASS port by Samuel Beek (http://samuelbeek.com) 
+  ---------------------------------------------------*/
+/*------------------------
+    Usage
+
+    h1 {
+      font-size: rem(32);
+    }
+
+    OR:
+
+    h1 {
+      font-size: rem(32px);
+    }
+------------------------*/
+/*------------------------
+  FADE IN
+  e.g. @include fadeIn( 2s );
+------------------------*/
+/*------------------------
+mixin that calculates if text needs to be light or dark
+depending on the background color passed.
+
+From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
+
+usage:
+@include text-contrast($bgcolor)
+      
+Color brightness is determined by the following formula: 
+((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
+------------------------*/
+/*------------------------
+ color factory 
+  eg: @include paint($blue-grey-50, bg-blue-grey-50);
+------------------------*/
+/* backface visibility */
+/* generate theme button */
+/* #BASE - Base Variable file along with font library, and colors.
+========================================================================== */
+/*  THEME COLORs
+========================================================================== */
+/* Looks good on chrome default color profile */
+/* looks good in sRGB but washed up on chrome default 
+$color-primary:						#826bb0;
+$color-success:						#31cb55;
+$color-info:						#5e93ec;
+$color-warning:						#eec559;
+$color-danger:						#dc4b92;
+$color-fusion:						darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
+/*  Color Polarity
+========================================================================== */
+/*  PAINTBUCKET MIXER
+========================================================================== */
+/* the grays */
+/* the sapphires */
+/* the emeralds */
+/* the amethyths */
+/* the topaz */
+/* the rubies */
+/* the graphites */
+/*  Define universal border difition (div outlines, etc)
+========================================================================== */
+/*  MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
+========================================================================== */
+/* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
+/* bootstrap reference xs: 0,  sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
+/* global var used for spacing*/
+/* Uniform Padding variable */
+/* Heads up! This is a global scoped variable - changing may impact the whole template */
+/*   BOOTSTRAP OVERRIDES (bootstrap variables)
+========================================================================== */
+/* usage: theme-colors("primary"); */
+/* forms */
+/*$input-height:							calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
+/* links */
+/* checkbox */
+/*$custom-file-height-inner:				calc(2.25rem - 1px);*/
+/* not part of bootstrap variable */
+/* custom checkbox */
+/* custom range */
+/* select */
+/* badge */
+/* cards */
+/*border radius*/
+/* alert */
+/* toast */
+/* breadcrumb */
+/* input button */
+/* nav link */
+/* nav, tabs, pills */
+/* tables */
+/* dropdowns */
+/* dropdowns sizes */
+/* popovers */
+/* tooltips */
+/* modal */
+/* reference guide
+http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
+8px = 0.5rem
+9px = 0.5625rem
+10px = 0.625rem
+11px = 0.6875rem
+12px = 0.75rem
+13px = 0.8125rem
+14px = 0.875rem
+15px = 0.9375rem
+16px = 1rem (base)
+17px = 1.0625rem
+18px = 1.125rem
+19px = 1.1875rem
+20px = 1.25rem
+21px = 1.3125rem
+22px = 1.375rem
+24px = 1.5rem
+25px = 1.5625rem
+26px = 1.625rem
+28px = 1.75rem
+30px = 1.875rem
+32px = 2rem
+34px = 2.125rem
+36px = 2.25rem
+38px = 2.375rem
+40px = 2.5rem
+*/
+/* Fonts */
+/* carousel */
+/*  BASE VARS
+========================================================================== */
+/* font vars below will auto change to rem values using function rem($value)*/
+/* 11px   */
+/* 12px   */
+/* 12.5px */
+/* 14px   */
+/* 15px   */
+/* 16px   */
+/* 28px   */
+/*  Font Family
+========================================================================== */
+/*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
+/*  ANIMATIONS
+========================================================================== */
+/* this addresses all animation related to nav hide to nav minify */
+/*  Z-INDEX declearation
+========================================================================== */
+/* we adjust bootstrap z-index to be higher than our higest z-index*/
+/*  CUSTOM ICON PREFIX 
+========================================================================== */
+/*  PRINT CSS (landscape or portrait)
+========================================================================== */
+/* landscape or portrait */
+/* auto, letter */
+/*  Common Element Variables
+========================================================================== */
+/* Z-index decleartion "birds eye view"
+========================================================================== */
+/*  Components
+========================================================================== */
+/*  PAGE HEADER STUFF
+========================================================================== */
+/* colors */
+/* height */
+/* logo */
+/* try not to go beywond the width of $main_nav_width value */
+/* you may need to change this depending on your logo design */
+/* adjust this as you see fit : left, right, center */
+/* icon font size (not button) */
+/* search input box */
+/* suggestion: #ccced0*/
+/* btn */
+/* dropdown: app list */
+/* badge */
+/* COMPONENTS & MODS */
+/*  NAVIGATION STUFF
+
+Guide:
+
+aside.page-sidebar ($nav-width, $nav-background)
+	.page-logo
+	.primary-nav
+		.info-card
+		ul.nav-menu
+			li
+				a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
+					icon 
+					span
+					collapse-sign 
+					
+				ul.nav-menu-sub-one  
+					li
+						a ($nav-level-1... $nav-sub-link-height)
+							span
+							collapse-sign
+
+						ul.nav-menu-sub-two
+							li
+								a ($nav-level-2... $nav-sub-link-height)
+									span
+
+		p.nav-title ($nav-title-*...)
+
+
+========================================================================== */
+/* main navigation */
+/* left panel */
+/* nav parent level-0 */
+/* nav icon sizes */
+/* badge default */
+/* all child */
+/* nav title */
+/* nav Minify */
+/* when the menu pops on hover */
+/* navigation Width */
+/* partial visibility of the menu */
+/* top navigation */
+/* nav Info Card (appears below the logo) */
+/* width is auto */
+/* nav DL labels for all child */
+/* will be pulled to left as a negative value */
+/*   MISC Settings
+========================================================================== */
+/* List Table */
+/*   PAGE SETTINGS
+========================================================================== */
+/*   PAGE BREADCRUMB 
+========================================================================== */
+/*   PAGE COMPONENT PANELS 
+========================================================================== */
+/*   PAGE COMPONENT PROGRESSBARS 
+========================================================================== */
+/*   PAGE COMPONENT MESSENGER 
+========================================================================== */
+/*   FOOTER
+========================================================================== */
+/*   GLOBALS
+========================================================================== */
+/* ACCESSIBILITIES */
+/* SHORTCUT BUTTON (appears on bottom right of the page) */
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900");
+body {
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial;
+  font-size: 0.8125rem;
+  letter-spacing: 0.1px; }
+
+.page-content {
+  color: #666666; }
+
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.3;
+  font-weight: 400; }
+
+strong {
+  font-weight: 500; }
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small {
+  font-weight: 300;
+  display: block;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  margin: 2px 0 1.5rem; }
+
+h2 small,
+h3 small,
+.h2 small,
+.h3 small {
+  font-size: 0.9375rem; }
+
+h4 small,
+.h4 small {
+  font-size: 0.875rem; }
+
+h5 small,
+h6 small,
+.h5 small,
+.h6 small {
+  font-size: 0.8125rem; }
+
+/* contrast text */
+.text-contrast {
+  color: #333333; }
+
+/* text-gradient */
+.text-gradient {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #6e4e9e), color-stop(50%, #62468d), color-stop(75%, #0c7cd5), to(#0960a5));
+  background: linear-gradient(180deg, #6e4e9e 25%, #62468d 50%, #0c7cd5 75%, #0960a5 100%);
+  color: #886ab5;
+  background-clip: text;
+  text-fill-color: transparent;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  text-shadow: none; }
+
+/* looking for font size? Check _helpers.scss */
+/* PLACEHOLDER 
+============================================= 
+
+EXAMPLE:
+
+%bg-image {
+		width: 100%;
+		background-position: center center;
+		background-size: cover;
+		background-repeat: no-repeat;
+}
+
+.image-one {
+		@extend %bg-image;
+		background-image:url(/img/image-one.jpg");
+}
+
+RESULT:
+
+.image-one, .image-two {
+		width: 100%;
+		background-position: center center;
+		background-size: cover;
+		background-repeat: no-repeat;
+}
+
+*/
+/*
+%shadow-hover {
+	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
+	transition: all 0.2s ease-in-out;
+
+	&:hover {
+		box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
+	}
+}
+*/
+/*%fixed-header-shadow {
+	@include box-shadow(0 2px 2px -1px rgba(0,0,0,.1));
+}*/
+/*  %selected-dot {
+		&:before {
+			content: " ";
+			display: block;
+			border-radius: 50%;
+			background: inherit;
+			background-image: none;
+			border: 2px solid rgba(0,0,0,0.2);
+			position: absolute;
+			top: 15px;
+			left: 15px;
+			height: 20px;
+			width: 20px;
+		}
+		&:after {
+			content: " ";
+			height: inherit;
+			width: inherit;
+			border: 5px solid rgba(0,0,0,0.1);
+			position: absolute;
+			left: 0;
+			top: 0;
+			border-radius: 50%;
+		} 
+	}*/
+/* patterns */
+/* Page Layout Starts below...
+========================================================================== */
+html body {
+  background: #faf8fb;
+  /* NEW*/ }
+  html body .blankpage-logo {
+    padding: 20px 0 30px; }
+  html body .blankpage-form-field {
+    position: fixed;
+    top: 45%;
+    left: 50%;
+    width: 320px;
+    height: auto;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%); }
+    html body .blankpage-form-field .card {
+      margin: 0;
+      padding: 13.5px 20px 15.5px;
+      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+              box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }
+    html body .blankpage-form-field .blankpage-btn {
+      font-size: 1rem;
+      font-weight: 400;
+      padding: 10px 15px;
+      margin: 10px 0 5px; }
+  html body .blankpage-footer {
+    padding: 10px 0;
+    font-size: 0.75rem;
+    color: #73579d; }
+  html body .login-footer {
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 0.6875rem; }
+  html body video {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    min-width: 100%;
+    min-height: 100%;
+    width: auto;
+    height: auto;
+    z-index: -100;
+    -webkit-transform: translateX(-50%) translateY(-50%);
+            transform: translateX(-50%) translateY(-50%);
+    background: url("../img/clouds.png") no-repeat;
+    background-size: cover;
+    -webkit-transition: 1s opacity;
+    transition: 1s opacity; }
+  @media screen and (max-device-width: 800px) {
+    html body html {
+      background: url("../img/clouds.png") #FFF no-repeat center center fixed; }
+    html body #bgvid {
+      display: none; } }
+
+/*# sourceMappingURL=page-login.css.map */

css/statistics/c3/c3-rtl.css

@@ -0,0 +1,193 @@
+/*-- Chart --*/
+.c3 svg {
+  font: 10px sans-serif;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.c3 path, .c3 line {
+  fill: none;
+  stroke: #000; }
+
+.c3 text {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none; }
+
+.c3-legend-item-tile,
+.c3-xgrid-focus,
+.c3-ygrid,
+.c3-event-rect,
+.c3-bars path {
+  shape-rendering: crispEdges; }
+
+.c3-chart-arc path {
+  stroke: #fff; }
+
+.c3-chart-arc rect {
+  stroke: white;
+  stroke-width: 1; }
+
+.c3-chart-arc text {
+  fill: #fff;
+  font-size: 13px; }
+
+/*-- Axis --*/
+/*-- Grid --*/
+.c3-grid line {
+  stroke: #aaa; }
+
+.c3-grid text {
+  fill: #aaa; }
+
+.c3-xgrid, .c3-ygrid {
+  stroke-dasharray: 3 3; }
+
+/*-- Text on Chart --*/
+.c3-text.c3-empty {
+  fill: #808080;
+  font-size: 2em; }
+
+/*-- Line --*/
+.c3-line {
+  stroke-width: 1px; }
+
+/*-- Point --*/
+.c3-circle {
+  fill: currentColor; }
+
+.c3-circle._expanded_ {
+  stroke-width: 1px;
+  stroke: white; }
+
+.c3-selected-circle {
+  fill: white;
+  stroke-width: 2px; }
+
+/*-- Bar --*/
+.c3-bar {
+  stroke-width: 0; }
+
+.c3-bar._expanded_ {
+  fill-opacity: 1;
+  fill-opacity: 0.75; }
+
+/*-- Focus --*/
+.c3-target.c3-focused {
+  opacity: 1; }
+
+.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
+  stroke-width: 2px; }
+
+.c3-target.c3-defocused {
+  opacity: 0.3 !important; }
+
+/*-- Region --*/
+.c3-region {
+  fill: steelblue;
+  fill-opacity: 0.1; }
+
+/*-- Brush --*/
+.c3-brush .extent {
+  fill-opacity: 0.1; }
+
+/*-- Select - Drag --*/
+/*-- Legend --*/
+.c3-legend-item {
+  font-size: 12px; }
+
+.c3-legend-item-hidden {
+  opacity: 0.15; }
+
+.c3-legend-background {
+  opacity: 0.75;
+  fill: white;
+  stroke: lightgray;
+  stroke-width: 1; }
+
+/*-- Title --*/
+.c3-title {
+  font: 14px sans-serif; }
+
+/*-- Tooltip --*/
+.c3-tooltip-container {
+  z-index: 10; }
+
+.c3-tooltip {
+  border-collapse: collapse;
+  border-spacing: 0;
+  background-color: #fff;
+  empty-cells: show;
+  -webkit-box-shadow: -7px 7px 12px -9px #777777;
+  box-shadow: -7px 7px 12px -9px #777777;
+  opacity: 0.9; }
+
+.c3-tooltip tr {
+  border: 1px solid #CCC; }
+
+.c3-tooltip th {
+  background-color: #aaa;
+  font-size: 14px;
+  padding: 2px 5px;
+  text-align: right;
+  color: #FFF; }
+
+.c3-tooltip td {
+  font-size: 13px;
+  padding: 3px 6px;
+  background-color: #fff;
+  border-right: 1px dotted #999; }
+
+.c3-tooltip td > span {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin-left: 6px; }
+
+.c3-tooltip .value {
+  text-align: left; }
+
+/*-- Area --*/
+.c3-area {
+  stroke-width: 0;
+  opacity: 0.2; }
+
+/*-- Arc --*/
+.c3-chart-arcs-title {
+  dominant-baseline: middle;
+  font-size: 1.3em; }
+
+.c3-chart-arcs .c3-chart-arcs-background {
+  fill: #e0e0e0;
+  stroke: #FFF; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-unit {
+  fill: #000;
+  font-size: 16px; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-max {
+  fill: #777; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-min {
+  fill: #777; }
+
+.c3-chart-arc .c3-gauge-value {
+  fill: #000;
+  /*  font-size: 28px !important;*/ }
+
+.c3-chart-arc.c3-target g path {
+  opacity: 1; }
+
+.c3-chart-arc.c3-target.c3-focused g path {
+  opacity: 1; }
+
+/*-- Zoom --*/
+.c3-drag-zoom.enabled {
+  pointer-events: all !important;
+  visibility: visible; }
+
+.c3-drag-zoom.disabled {
+  pointer-events: none !important;
+  visibility: hidden; }
+
+.c3-drag-zoom .extent {
+  fill-opacity: 0.1; }

css/statistics/c3/c3.css

@@ -0,0 +1,195 @@
+/*-- Chart --*/
+.c3 svg {
+  font: 10px sans-serif;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+.c3 path, .c3 line {
+  fill: none;
+  stroke: #000; }
+
+.c3 text {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+      user-select: none; }
+
+.c3-legend-item-tile,
+.c3-xgrid-focus,
+.c3-ygrid,
+.c3-event-rect,
+.c3-bars path {
+  shape-rendering: crispEdges; }
+
+.c3-chart-arc path {
+  stroke: #fff; }
+
+.c3-chart-arc rect {
+  stroke: white;
+  stroke-width: 1; }
+
+.c3-chart-arc text {
+  fill: #fff;
+  font-size: 13px; }
+
+/*-- Axis --*/
+/*-- Grid --*/
+.c3-grid line {
+  stroke: #aaa; }
+
+.c3-grid text {
+  fill: #aaa; }
+
+.c3-xgrid, .c3-ygrid {
+  stroke-dasharray: 3 3; }
+
+/*-- Text on Chart --*/
+.c3-text.c3-empty {
+  fill: #808080;
+  font-size: 2em; }
+
+/*-- Line --*/
+.c3-line {
+  stroke-width: 1px; }
+
+/*-- Point --*/
+.c3-circle {
+  fill: currentColor; }
+
+.c3-circle._expanded_ {
+  stroke-width: 1px;
+  stroke: white; }
+
+.c3-selected-circle {
+  fill: white;
+  stroke-width: 2px; }
+
+/*-- Bar --*/
+.c3-bar {
+  stroke-width: 0; }
+
+.c3-bar._expanded_ {
+  fill-opacity: 1;
+  fill-opacity: 0.75; }
+
+/*-- Focus --*/
+.c3-target.c3-focused {
+  opacity: 1; }
+
+.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
+  stroke-width: 2px; }
+
+.c3-target.c3-defocused {
+  opacity: 0.3 !important; }
+
+/*-- Region --*/
+.c3-region {
+  fill: steelblue;
+  fill-opacity: 0.1; }
+
+/*-- Brush --*/
+.c3-brush .extent {
+  fill-opacity: 0.1; }
+
+/*-- Select - Drag --*/
+/*-- Legend --*/
+.c3-legend-item {
+  font-size: 12px; }
+
+.c3-legend-item-hidden {
+  opacity: 0.15; }
+
+.c3-legend-background {
+  opacity: 0.75;
+  fill: white;
+  stroke: lightgray;
+  stroke-width: 1; }
+
+/*-- Title --*/
+.c3-title {
+  font: 14px sans-serif; }
+
+/*-- Tooltip --*/
+.c3-tooltip-container {
+  z-index: 10; }
+
+.c3-tooltip {
+  border-collapse: collapse;
+  border-spacing: 0;
+  background-color: #fff;
+  empty-cells: show;
+  -webkit-box-shadow: 7px 7px 12px -9px #777777;
+  box-shadow: 7px 7px 12px -9px #777777;
+  opacity: 0.9; }
+
+.c3-tooltip tr {
+  border: 1px solid #CCC; }
+
+.c3-tooltip th {
+  background-color: #aaa;
+  font-size: 14px;
+  padding: 2px 5px;
+  text-align: left;
+  color: #FFF; }
+
+.c3-tooltip td {
+  font-size: 13px;
+  padding: 3px 6px;
+  background-color: #fff;
+  border-left: 1px dotted #999; }
+
+.c3-tooltip td > span {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin-right: 6px; }
+
+.c3-tooltip .value {
+  text-align: right; }
+
+/*-- Area --*/
+.c3-area {
+  stroke-width: 0;
+  opacity: 0.2; }
+
+/*-- Arc --*/
+.c3-chart-arcs-title {
+  dominant-baseline: middle;
+  font-size: 1.3em; }
+
+.c3-chart-arcs .c3-chart-arcs-background {
+  fill: #e0e0e0;
+  stroke: #FFF; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-unit {
+  fill: #000;
+  font-size: 16px; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-max {
+  fill: #777; }
+
+.c3-chart-arcs .c3-chart-arcs-gauge-min {
+  fill: #777; }
+
+.c3-chart-arc .c3-gauge-value {
+  fill: #000;
+  /*  font-size: 28px !important;*/ }
+
+.c3-chart-arc.c3-target g path {
+  opacity: 1; }
+
+.c3-chart-arc.c3-target.c3-focused g path {
+  opacity: 1; }
+
+/*-- Zoom --*/
+.c3-drag-zoom.enabled {
+  pointer-events: all !important;
+  visibility: visible; }
+
+.c3-drag-zoom.disabled {
+  pointer-events: none !important;
+  visibility: hidden; }
+
+.c3-drag-zoom .extent {
+  fill-opacity: 0.1; }
+
+/*# sourceMappingURL=c3.css.map */

css/statistics/chartist/chartist-rtl.css

@@ -0,0 +1,820 @@
+/*  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) */
+/*// Container ratio
+$ct-container-ratio: (1/1.618) !default;
+
+// Text styles for labels
+$ct-text-color: rgba(0, 0, 0, 0.4) !default;
+$ct-text-size: 0.75rem !default;
+$ct-text-align: flex-start !default;
+$ct-text-justify: flex-start !default;
+$ct-text-line-height: 1;
+
+// Grid styles
+$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
+$ct-grid-dasharray: 2px !default;
+$ct-grid-width: 1px !default;
+$ct-grid-background-fill: none !default;
+
+// Line chart properties
+$ct-line-width: 4px !default;
+$ct-line-dasharray: false !default;
+
+// Line chart point, can be either round or square
+$ct-point-shape: round !default;
+// Area fill transparency between 0 and 1
+$ct-area-opacity: 0.1 !default;
+
+// Bar chart bar width
+$ct-bar-width: 10px !default;
+
+// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
+$ct-donut-width: 60px !default;
+*/
+.ct-label {
+  fill: rgba(0, 0, 0, 0.4);
+  color: rgba(0, 0, 0, 0.4);
+  font-size: 0.75rem;
+  line-height: 1; }
+
+.ct-chart-line .ct-label,
+.ct-chart-bar .ct-label {
+  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.ct-chart-pie .ct-label,
+.ct-chart-donut .ct-label {
+  dominant-baseline: central; }
+
+.ct-label.ct-horizontal.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: right;
+  text-anchor: start; }
+
+.ct-label.ct-horizontal.ct-end {
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: right;
+  text-anchor: start; }
+
+.ct-label.ct-vertical.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-end;
+  -ms-flex-pack: flex-end;
+  justify-content: flex-end;
+  text-align: left;
+  text-anchor: end; }
+
+.ct-label.ct-vertical.ct-end {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: right;
+  text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+  text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-end {
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+  text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: right;
+  text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: right;
+  text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: flex-end;
+  -ms-flex-pack: flex-end;
+  justify-content: flex-end;
+  text-align: left;
+  text-anchor: end; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: right;
+  text-anchor: end; }
+
+.ct-grid {
+  stroke: rgba(0, 0, 0, 0.2);
+  stroke-width: 1px;
+  stroke-dasharray: 2px; }
+
+.ct-grid-background {
+  fill: none; }
+
+.ct-point {
+  stroke-width: 7px;
+  stroke-linecap: round; }
+
+.ct-line {
+  fill: none;
+  stroke-width: 4px; }
+
+.ct-area {
+  stroke: none;
+  fill-opacity: 0.1; }
+
+.ct-bar {
+  fill: none;
+  stroke-width: 10px; }
+
+.ct-slice-donut {
+  fill: none;
+  stroke-width: 60px; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #886ab5; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #886ab5; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #fd3995; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #fd3995; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #ffc241; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #ffc241; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #2196F3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #2196F3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #505050; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #505050; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #1dc9b7; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #1dc9b7; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #2196F3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #2196F3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #563d7c; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #563d7c; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #fe9ecb; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #fe9ecb; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #ffdb8e; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #ffdb8e; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #ce0262; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #ce0262; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: dimgray; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: dimgray; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #37e2d0; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #37e2d0; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #51adf6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #51adf6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #a38cc6; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #a38cc6; }
+
+.ct-square {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-square:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 100%; }
+  .ct-square:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-square > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-minor-second {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-second:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 93.75%; }
+  .ct-minor-second:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-second > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-second {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-second:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 88.88889%; }
+  .ct-major-second:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-second > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-minor-third {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-third:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 83.33333%; }
+  .ct-minor-third:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-third > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-third {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-third:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 80%; }
+  .ct-major-third:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-third > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-perfect-fourth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-perfect-fourth:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 75%; }
+  .ct-perfect-fourth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-perfect-fourth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-perfect-fifth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-perfect-fifth:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 66.66667%; }
+  .ct-perfect-fifth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-perfect-fifth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-minor-sixth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-sixth:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 62.5%; }
+  .ct-minor-sixth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-sixth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-golden-section {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-golden-section:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 61.8047%; }
+  .ct-golden-section:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-golden-section > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-sixth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-sixth:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 60%; }
+  .ct-major-sixth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-sixth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-minor-seventh {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-seventh:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 56.25%; }
+  .ct-minor-seventh:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-seventh > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-seventh {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-seventh:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 53.33333%; }
+  .ct-major-seventh:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-seventh > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-octave {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-octave:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 50%; }
+  .ct-octave:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-octave > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-tenth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-tenth:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 40%; }
+  .ct-major-tenth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-tenth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-eleventh {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-eleventh:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 37.5%; }
+  .ct-major-eleventh:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-eleventh > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-major-twelfth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-twelfth:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 33.33333%; }
+  .ct-major-twelfth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-twelfth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }
+
+.ct-double-octave {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-double-octave:before {
+    display: block;
+    float: right;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 25%; }
+  .ct-double-octave:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-double-octave > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0; }

css/statistics/chartist/chartist.css

@@ -0,0 +1,822 @@
+/*  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) */
+/*// Container ratio
+$ct-container-ratio: (1/1.618) !default;
+
+// Text styles for labels
+$ct-text-color: rgba(0, 0, 0, 0.4) !default;
+$ct-text-size: 0.75rem !default;
+$ct-text-align: flex-start !default;
+$ct-text-justify: flex-start !default;
+$ct-text-line-height: 1;
+
+// Grid styles
+$ct-grid-color: rgba(0, 0, 0, 0.2) !default;
+$ct-grid-dasharray: 2px !default;
+$ct-grid-width: 1px !default;
+$ct-grid-background-fill: none !default;
+
+// Line chart properties
+$ct-line-width: 4px !default;
+$ct-line-dasharray: false !default;
+
+// Line chart point, can be either round or square
+$ct-point-shape: round !default;
+// Area fill transparency between 0 and 1
+$ct-area-opacity: 0.1 !default;
+
+// Bar chart bar width
+$ct-bar-width: 10px !default;
+
+// Donut width (If donut width is to big it can cause issues where the shape gets distorted)
+$ct-donut-width: 60px !default;
+*/
+.ct-label {
+  fill: rgba(0, 0, 0, 0.4);
+  color: rgba(0, 0, 0, 0.4);
+  font-size: 0.75rem;
+  line-height: 1; }
+
+.ct-chart-line .ct-label,
+.ct-chart-bar .ct-label {
+  display: block;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
+
+.ct-chart-pie .ct-label,
+.ct-chart-donut .ct-label {
+  dominant-baseline: central; }
+
+.ct-label.ct-horizontal.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  text-anchor: start; }
+
+.ct-label.ct-horizontal.ct-end {
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  text-anchor: start; }
+
+.ct-label.ct-vertical.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-end;
+  -ms-flex-pack: flex-end;
+  justify-content: flex-end;
+  text-align: right;
+  text-anchor: end; }
+
+.ct-label.ct-vertical.ct-end {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+  text-anchor: start; }
+
+.ct-chart-bar .ct-label.ct-horizontal.ct-end {
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  text-align: center;
+  text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start {
+  -webkit-box-align: flex-end;
+  -ms-flex-align: flex-end;
+  align-items: flex-end;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end {
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  text-anchor: start; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: flex-end;
+  -ms-flex-pack: flex-end;
+  justify-content: flex-end;
+  text-align: right;
+  text-anchor: end; }
+
+.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: flex-start;
+  -ms-flex-pack: flex-start;
+  justify-content: flex-start;
+  text-align: left;
+  text-anchor: end; }
+
+.ct-grid {
+  stroke: rgba(0, 0, 0, 0.2);
+  stroke-width: 1px;
+  stroke-dasharray: 2px; }
+
+.ct-grid-background {
+  fill: none; }
+
+.ct-point {
+  stroke-width: 7px;
+  stroke-linecap: round; }
+
+.ct-line {
+  fill: none;
+  stroke-width: 4px; }
+
+.ct-area {
+  stroke: none;
+  fill-opacity: 0.1; }
+
+.ct-bar {
+  fill: none;
+  stroke-width: 10px; }
+
+.ct-slice-donut {
+  fill: none;
+  stroke-width: 60px; }
+
+.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
+  stroke: #886ab5; }
+
+.ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
+  fill: #886ab5; }
+
+.ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
+  stroke: #fd3995; }
+
+.ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
+  fill: #fd3995; }
+
+.ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
+  stroke: #ffc241; }
+
+.ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
+  fill: #ffc241; }
+
+.ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
+  stroke: #2196F3; }
+
+.ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
+  fill: #2196F3; }
+
+.ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
+  stroke: #505050; }
+
+.ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
+  fill: #505050; }
+
+.ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
+  stroke: #1dc9b7; }
+
+.ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
+  fill: #1dc9b7; }
+
+.ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
+  stroke: #2196F3; }
+
+.ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
+  fill: #2196F3; }
+
+.ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
+  stroke: #563d7c; }
+
+.ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
+  fill: #563d7c; }
+
+.ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
+  stroke: #fe9ecb; }
+
+.ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
+  fill: #fe9ecb; }
+
+.ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
+  stroke: #ffdb8e; }
+
+.ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
+  fill: #ffdb8e; }
+
+.ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
+  stroke: #ce0262; }
+
+.ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
+  fill: #ce0262; }
+
+.ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
+  stroke: dimgray; }
+
+.ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
+  fill: dimgray; }
+
+.ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
+  stroke: #37e2d0; }
+
+.ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
+  fill: #37e2d0; }
+
+.ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
+  stroke: #51adf6; }
+
+.ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
+  fill: #51adf6; }
+
+.ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
+  stroke: #a38cc6; }
+
+.ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
+  fill: #a38cc6; }
+
+.ct-square {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-square:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 100%; }
+  .ct-square:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-square > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-minor-second {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-second:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 93.75%; }
+  .ct-minor-second:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-second > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-second {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-second:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 88.88889%; }
+  .ct-major-second:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-second > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-minor-third {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-third:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 83.33333%; }
+  .ct-minor-third:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-third > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-third {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-third:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 80%; }
+  .ct-major-third:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-third > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-perfect-fourth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-perfect-fourth:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 75%; }
+  .ct-perfect-fourth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-perfect-fourth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-perfect-fifth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-perfect-fifth:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 66.66667%; }
+  .ct-perfect-fifth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-perfect-fifth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-minor-sixth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-sixth:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 62.5%; }
+  .ct-minor-sixth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-sixth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-golden-section {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-golden-section:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 61.8047%; }
+  .ct-golden-section:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-golden-section > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-sixth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-sixth:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 60%; }
+  .ct-major-sixth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-sixth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-minor-seventh {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-minor-seventh:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 56.25%; }
+  .ct-minor-seventh:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-minor-seventh > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-seventh {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-seventh:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 53.33333%; }
+  .ct-major-seventh:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-seventh > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-octave {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-octave:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 50%; }
+  .ct-octave:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-octave > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-tenth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-tenth:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 40%; }
+  .ct-major-tenth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-tenth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-eleventh {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-eleventh:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 37.5%; }
+  .ct-major-eleventh:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-eleventh > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-major-twelfth {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-major-twelfth:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 33.33333%; }
+  .ct-major-twelfth:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-major-twelfth > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+.ct-double-octave {
+  display: block;
+  position: relative;
+  width: 100%; }
+  .ct-double-octave:before {
+    display: block;
+    float: left;
+    content: "";
+    width: 0;
+    height: 0;
+    padding-bottom: 25%; }
+  .ct-double-octave:after {
+    content: "";
+    display: table;
+    clear: both; }
+  .ct-double-octave > svg {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0; }
+
+/*# sourceMappingURL=chartist.css.map */

css/statistics/chartjs/chartjs-rtl.css

@@ -0,0 +1,50 @@
+/*
+ * DOM element rendering detection
+ * https://davidwalsh.name/detect-node-insertion
+ */
+@-webkit-keyframes chartjs-render-animation {
+  from {
+    opacity: 0.99; }
+  to {
+    opacity: 1; } }
+@keyframes chartjs-render-animation {
+  from {
+    opacity: 0.99; }
+  to {
+    opacity: 1; } }
+
+.chartjs-render-monitor {
+  -webkit-animation: chartjs-render-animation 0.001s;
+          animation: chartjs-render-animation 0.001s; }
+
+/*
+ * DOM element resizing detection
+ * https://github.com/marcj/css-element-queries
+ */
+.chartjs-size-monitor,
+.chartjs-size-monitor-expand,
+.chartjs-size-monitor-shrink {
+  position: absolute;
+  direction: rtl;
+  right: 0;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  overflow: hidden;
+  pointer-events: none;
+  visibility: hidden;
+  z-index: -1; }
+
+.chartjs-size-monitor-expand > div {
+  position: absolute;
+  width: 1000000px;
+  height: 1000000px;
+  right: 0;
+  top: 0; }
+
+.chartjs-size-monitor-shrink > div {
+  position: absolute;
+  width: 200%;
+  height: 200%;
+  right: 0;
+  top: 0; }

css/statistics/chartjs/chartjs.css

@@ -0,0 +1,52 @@
+/*
+ * DOM element rendering detection
+ * https://davidwalsh.name/detect-node-insertion
+ */
+@-webkit-keyframes chartjs-render-animation {
+  from {
+    opacity: 0.99; }
+  to {
+    opacity: 1; } }
+@keyframes chartjs-render-animation {
+  from {
+    opacity: 0.99; }
+  to {
+    opacity: 1; } }
+
+.chartjs-render-monitor {
+  -webkit-animation: chartjs-render-animation 0.001s;
+          animation: chartjs-render-animation 0.001s; }
+
+/*
+ * DOM element resizing detection
+ * https://github.com/marcj/css-element-queries
+ */
+.chartjs-size-monitor,
+.chartjs-size-monitor-expand,
+.chartjs-size-monitor-shrink {
+  position: absolute;
+  direction: ltr;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  pointer-events: none;
+  visibility: hidden;
+  z-index: -1; }
+
+.chartjs-size-monitor-expand > div {
+  position: absolute;
+  width: 1000000px;
+  height: 1000000px;
+  left: 0;
+  top: 0; }
+
+.chartjs-size-monitor-shrink > div {
+  position: absolute;
+  width: 200%;
+  height: 200%;
+  left: 0;
+  top: 0; }
+
+/*# sourceMappingURL=chartjs.css.map */

css/statistics/dygraph/dygraph-rtl.css

@@ -0,0 +1,98 @@
+/**
+ * Default styles for the dygraphs charting library.
+ */
+.dygraph-legend {
+  position: absolute;
+  font-size: 14px;
+  z-index: 10;
+  width: 250px;
+  /* labelsDivWidth */
+  /*
+  dygraphs determines these based on the presence of chart labels.
+  It might make more sense to create a wrapper div around the chart proper.
+  top: 0px;
+  right: 2px;
+  */
+  background: white;
+  line-height: normal;
+  text-align: right;
+  overflow: hidden; }
+
+/* styles for a solid line in the legend */
+.dygraph-legend-line {
+  display: inline-block;
+  position: relative;
+  bottom: .5ex;
+  padding-right: 1em;
+  height: 1px;
+  border-bottom-width: 2px;
+  border-bottom-style: solid;
+  /* border-bottom-color is set based on the series color */ }
+
+/* styles for a dashed line in the legend, e.g. when strokePattern is set */
+.dygraph-legend-dash {
+  display: inline-block;
+  position: relative;
+  bottom: .5ex;
+  height: 1px;
+  border-bottom-width: 2px;
+  border-bottom-style: solid;
+  /* border-bottom-color is set based on the series color */
+  /* margin-right is set based on the stroke pattern */
+  /* padding-left is set based on the stroke pattern */ }
+
+.dygraph-roller {
+  position: absolute;
+  z-index: 10; }
+
+/* This class is shared by all annotations, including those with icons */
+.dygraph-annotation {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden; }
+
+/* This class only applies to annotations without icons */
+/* Old class name: .dygraphDefaultAnnotation */
+.dygraph-default-annotation {
+  border: 1px solid black;
+  background-color: white;
+  text-align: center; }
+
+.dygraph-axis-label {
+  /* position: absolute; */
+  /* font-size: 14px; */
+  z-index: 10;
+  line-height: normal;
+  overflow: hidden;
+  color: black;
+  /* replaces old axisLabelColor option */ }
+
+.dygraph-title {
+  font-weight: bold;
+  z-index: 10;
+  text-align: center;
+  /* font-size: based on titleHeight option */ }
+
+.dygraph-xlabel {
+  text-align: center;
+  /* font-size: based on xLabelHeight option */ }
+
+/* For y-axis label */
+.dygraph-label-rotate-left {
+  text-align: center;
+  /* See http://caniuse.com/#feat=transforms2d */
+  transform: rotate(-90deg);
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg); }
+
+/* For y2-axis label */
+.dygraph-label-rotate-right {
+  text-align: center;
+  /* See http://caniuse.com/#feat=transforms2d */
+  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  -ms-transform: rotate(90deg); }

css/statistics/dygraph/dygraph.css

@@ -0,0 +1,100 @@
+/**
+ * Default styles for the dygraphs charting library.
+ */
+.dygraph-legend {
+  position: absolute;
+  font-size: 14px;
+  z-index: 10;
+  width: 250px;
+  /* labelsDivWidth */
+  /*
+  dygraphs determines these based on the presence of chart labels.
+  It might make more sense to create a wrapper div around the chart proper.
+  top: 0px;
+  right: 2px;
+  */
+  background: white;
+  line-height: normal;
+  text-align: left;
+  overflow: hidden; }
+
+/* styles for a solid line in the legend */
+.dygraph-legend-line {
+  display: inline-block;
+  position: relative;
+  bottom: .5ex;
+  padding-left: 1em;
+  height: 1px;
+  border-bottom-width: 2px;
+  border-bottom-style: solid;
+  /* border-bottom-color is set based on the series color */ }
+
+/* styles for a dashed line in the legend, e.g. when strokePattern is set */
+.dygraph-legend-dash {
+  display: inline-block;
+  position: relative;
+  bottom: .5ex;
+  height: 1px;
+  border-bottom-width: 2px;
+  border-bottom-style: solid;
+  /* border-bottom-color is set based on the series color */
+  /* margin-right is set based on the stroke pattern */
+  /* padding-left is set based on the stroke pattern */ }
+
+.dygraph-roller {
+  position: absolute;
+  z-index: 10; }
+
+/* This class is shared by all annotations, including those with icons */
+.dygraph-annotation {
+  position: absolute;
+  z-index: 10;
+  overflow: hidden; }
+
+/* This class only applies to annotations without icons */
+/* Old class name: .dygraphDefaultAnnotation */
+.dygraph-default-annotation {
+  border: 1px solid black;
+  background-color: white;
+  text-align: center; }
+
+.dygraph-axis-label {
+  /* position: absolute; */
+  /* font-size: 14px; */
+  z-index: 10;
+  line-height: normal;
+  overflow: hidden;
+  color: black;
+  /* replaces old axisLabelColor option */ }
+
+.dygraph-title {
+  font-weight: bold;
+  z-index: 10;
+  text-align: center;
+  /* font-size: based on titleHeight option */ }
+
+.dygraph-xlabel {
+  text-align: center;
+  /* font-size: based on xLabelHeight option */ }
+
+/* For y-axis label */
+.dygraph-label-rotate-left {
+  text-align: center;
+  /* See http://caniuse.com/#feat=transforms2d */
+  transform: rotate(90deg);
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  -ms-transform: rotate(90deg); }
+
+/* For y2-axis label */
+.dygraph-label-rotate-right {
+  text-align: center;
+  /* See http://caniuse.com/#feat=transforms2d */
+  transform: rotate(-90deg);
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg); }
+
+/*# sourceMappingURL=dygraph.css.map */

css/theme-demo-rtl.css

@@ -0,0 +1,281 @@
+/*  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) */
+.app-body-demo {
+  height: 350px;
+  max-width: 550px;
+  margin: 0 auto;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125); }
+  .app-body-demo .app-nav-demo:not(.app-nav-demo-minify) {
+    width: 20%; }
+  .app-body-demo .app-nav-demo-minify {
+    width: 7%;
+    padding: 3px; }
+    .app-body-demo .app-nav-demo-minify .page-logo {
+      width: auto; }
+  .app-body-demo .app-nav-demo-hidden {
+    width: 10px; }
+  .app-body-demo .app-header-demo {
+    height: 30px; }
+  .app-body-demo .app-nav-demo-top {
+    height: 26px; }
+  .app-body-demo .app-header-btn-demo {
+    width: 26px;
+    height: 18px;
+    border-radius: 2px;
+    padding: 0 !important;
+    font-size: 10px; }
+  .app-body-demo .app-hematite-demo {
+    background: #434a51; }
+  .app-body-demo .app-amethyst-demo {
+    background: #5c4581; }
+  .app-body-demo .app-aquamarine-demo {
+    background: #476f85; }
+  .app-body-demo .app-sapphire-demo {
+    background: #334768; }
+
+#app-eventlog {
+  height: 260px;
+  min-height: 260px;
+  max-height: 300px;
+  overflow: auto;
+  display: block;
+  /*> div:last-child {
+		background:#f9f4b5;
+	}
+
+	> div:nth-last-child(2) {
+		background:#fffde1;
+	}*/ }
+  #app-eventlog > div:not(:last-child) {
+    border-bottom: 1px solid #eaeaea; }
+  #app-eventlog:empty {
+    background: #eee; }
+    #app-eventlog:empty:before {
+      content: "Event Logs";
+      font-size: 28px;
+      font-weight: 300;
+      color: #c7c7c7;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+          -ms-flex-align: center;
+              align-items: center;
+      -webkit-box-pack: center;
+          -ms-flex-pack: center;
+              justify-content: center;
+      position: absolute;
+      top: -20px;
+      bottom: 0;
+      right: 0;
+      left: 0; }
+  #app-eventlog .fs-base .badge {
+    font-size: 90% !important;
+    font-weight: 400 !important;
+    background: #a9a9a9;
+    text-align: right;
+    min-width: 50px; }
+
+.prettyprint {
+  overflow: auto;
+  background: #f7f9fa;
+  font-size: 100%;
+  padding: 1rem 1rem !important;
+  border: 0 !important; }

css/theme-demo.css

@@ -0,0 +1,283 @@
+/*  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) */
+.app-body-demo {
+  height: 350px;
+  max-width: 550px;
+  margin: 0 auto;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125); }
+  .app-body-demo .app-nav-demo:not(.app-nav-demo-minify) {
+    width: 20%; }
+  .app-body-demo .app-nav-demo-minify {
+    width: 7%;
+    padding: 3px; }
+    .app-body-demo .app-nav-demo-minify .page-logo {
+      width: auto; }
+  .app-body-demo .app-nav-demo-hidden {
+    width: 10px; }
+  .app-body-demo .app-header-demo {
+    height: 30px; }
+  .app-body-demo .app-nav-demo-top {
+    height: 26px; }
+  .app-body-demo .app-header-btn-demo {
+    width: 26px;
+    height: 18px;
+    border-radius: 2px;
+    padding: 0 !important;
+    font-size: 10px; }
+  .app-body-demo .app-hematite-demo {
+    background: #434a51; }
+  .app-body-demo .app-amethyst-demo {
+    background: #5c4581; }
+  .app-body-demo .app-aquamarine-demo {
+    background: #476f85; }
+  .app-body-demo .app-sapphire-demo {
+    background: #334768; }
+
+#app-eventlog {
+  height: 260px;
+  min-height: 260px;
+  max-height: 300px;
+  overflow: auto;
+  display: block;
+  /*> div:last-child {
+		background:#f9f4b5;
+	}
+
+	> div:nth-last-child(2) {
+		background:#fffde1;
+	}*/ }
+  #app-eventlog > div:not(:last-child) {
+    border-bottom: 1px solid #eaeaea; }
+  #app-eventlog:empty {
+    background: #eee; }
+    #app-eventlog:empty:before {
+      content: "Event Logs";
+      font-size: 28px;
+      font-weight: 300;
+      color: #c7c7c7;
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+          -ms-flex-align: center;
+              align-items: center;
+      -webkit-box-pack: center;
+          -ms-flex-pack: center;
+              justify-content: center;
+      position: absolute;
+      top: -20px;
+      bottom: 0;
+      left: 0;
+      right: 0; }
+  #app-eventlog .fs-base .badge {
+    font-size: 90% !important;
+    font-weight: 400 !important;
+    background: #a9a9a9;
+    text-align: left;
+    min-width: 50px; }
+
+.prettyprint {
+  overflow: auto;
+  background: #f7f9fa;
+  font-size: 100%;
+  padding: 1rem 1rem !important;
+  border: 0 !important; }
+
+/*# sourceMappingURL=theme-demo.css.map */