Merge branch 'unused-file-cleanup' into 'dev'

Web UI Library Cleanup

See merge request Shinobi-Systems/Shinobi!378

definitions/base.js

@@ -6171,7 +6171,7 @@ module.exports = function(s,config,lang){
                        "fieldType": "btn",
                        "attribute": `page-open="schedules"`,
                        "class": `btn-primary`,
-                       "btnContent": `<i class="fa fa-clock"></i> &nbsp; ${lang["Schedules"]}`,
+                       "btnContent": `<i class="fa fa-clock-o"></i> &nbsp; ${lang["Schedules"]}`,
                     },
                 ]
              },
@@ -7736,7 +7736,7 @@ module.exports = function(s,config,lang){
                           eval: `!$user.details.sub`,
                       },
                       {
-                          icon: 'clock',
+                          icon: 'clock-o',
                           label: `${lang['Schedules']}`,
                           pageOpen: 'schedules',
                           eval: `!$user.details.sub`,

libs/customAutoLoad.js

@@ -209,8 +209,13 @@ module.exports = async (s,config,lang,app,io) => {
                                                         app.use('/libs',express.static(webFolder + '/libs'))
                                                     }
                                                     app.use(s.checkCorrectPathEnding(config.webPaths.home)+'libs',express.static(webFolder + '/libs'))
-                                                    app.use(s.checkCorrectPathEnding(config.webPaths.admin)+'libs',express.static(webFolder + '/libs'))
                                                     app.use(s.checkCorrectPathEnding(config.webPaths.super)+'libs',express.static(webFolder + '/libs'))
+                                                }else if(name === 'assets'){
+                                                    if(config.webPaths.home !== '/'){
+                                                        app.use('/assets',express.static(webFolder + '/assets'))
+                                                    }
+                                                    app.use(s.checkCorrectPathEnding(config.webPaths.home)+'assets',express.static(webFolder + '/assets'))
+                                                    app.use(s.checkCorrectPathEnding(config.webPaths.super)+'assets',express.static(webFolder + '/assets'))
                                                 }
                                                 var libFolder = webFolder + name + '/'
                                                 fs.readdir(libFolder,function(err,webFolderContents){
@@ -229,20 +234,31 @@ module.exports = async (s,config,lang,app,io) => {
                                                                             case filename.indexOf('super.') > -1:
                                                                                 blockPrefix = 'super'
                                                                             break;
-                                                                            case filename.indexOf('admin.') > -1:
-                                                                                blockPrefix = 'admin'
-                                                                            break;
                                                                         }
-                                                                        switch(libName){
+                                                                        if(name === 'libs'){
-                                                                            case'js':
+                                                                            switch(libName){
-                                                                                s.customAutoLoadTree[blockPrefix + 'LibsJs'].push(filename)
+                                                                                case'js':
-                                                                            break;
+                                                                                    s.customAutoLoadTree[blockPrefix + 'AssetsJs'].push(filename)
-                                                                            case'css':
+                                                                                break;
-                                                                                s.customAutoLoadTree[blockPrefix + 'LibsCss'].push(filename)
+                                                                                case'css':
-                                                                            break;
+                                                                                    s.customAutoLoadTree[blockPrefix + 'AssetsCss'].push(filename)
-                                                                            case'blocks':
+                                                                                break;
-                                                                                s.customAutoLoadTree[blockPrefix + 'PageBlocks'].push(fullPath)
+                                                                                case'blocks':
-                                                                            break;
+                                                                                    s.customAutoLoadTree[blockPrefix + 'PageBlocks'].push(fullPath)
+                                                                                break;
+                                                                            }
+                                                                        }else if(name === 'assets'){
+                                                                            switch(libName){
+                                                                                case'js':
+                                                                                    s.customAutoLoadTree[blockPrefix + 'LibsJs'].push(filename)
+                                                                                break;
+                                                                                case'css':
+                                                                                    s.customAutoLoadTree[blockPrefix + 'LibsCss'].push(filename)
+                                                                                break;
+                                                                                case'blocks':
+                                                                                    s.customAutoLoadTree[blockPrefix + 'PageBlocks'].push(fullPath)
+                                                                                break;
+                                                                            }
                                                                         }
                                                                     })
                                                                 })
@@ -330,13 +346,14 @@ module.exports = async (s,config,lang,app,io) => {
             PageBlocks: [],
             LibsJs: [],
             LibsCss: [],
-            adminPageBlocks: [],
+            AssetsJs: [],
-            adminLibsJs: [],
+            AssetsCss: [],
-            adminLibsCss: [],
             superPageBlocks: [],
             superLibsJs: [],
             superRawJs: [],
-            superLibsCss: []
+            superLibsCss: [],
+            superAssetsJs: [],
+            superAssetsCss: []
         }
         fs.readdir(modulesBasePath,function(err,folderContents){
             if(!err && folderContents.length > 0){

web/assets/css/bootstrap5-theme.css

@@ -1,4 +1,5 @@
-/*! `Custom` Bootstrap 4 theme */@import url(https://use.fontawesome.com/releases/v5.0.10/css/all.css);/*!
+/*! `Custom` Bootstrap 4 theme */
+/*!
  * Bootstrap v4.5.0 (https://getbootstrap.com/)
  * Copyright 2011-2020 The Bootstrap Authors
  * Copyright 2011-2020 Twitter, Inc.

web/assets/css/login.css

@@ -1,6 +1,3 @@
-body {
-    font-family: "Roboto"
-}
 .shinobi-bg-shade{
     position:absolute;
     height:100%;

web/assets/js/bs5.startup.js

@@ -88,7 +88,7 @@ function loadBoxWrappers() {
 function drawAddStorageIndicators(){
     $.each(addStorage,function(n,storage){
         drawIndicatorBar({
-            icon: 'hdd',
+            icon: 'hdd-o',
             name: storage.name,
             label: `<span style="text-transform:capitalize">${storage.name}</span> : <span class="value"></span>`,
         })

web/libs/css/bootstrap-theme.css

@@ -1,587 +0,0 @@
-/*!
- * Bootstrap v3.3.7 (http://getbootstrap.com)
- * Copyright 2011-2016 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-.btn-default,
-.btn-primary,
-.btn-success,
-.btn-info,
-.btn-warning,
-.btn-danger {
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
-}
-.btn-default:active,
-.btn-primary:active,
-.btn-success:active,
-.btn-info:active,
-.btn-warning:active,
-.btn-danger:active,
-.btn-default.active,
-.btn-primary.active,
-.btn-success.active,
-.btn-info.active,
-.btn-warning.active,
-.btn-danger.active {
-  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
-}
-.btn-default.disabled,
-.btn-primary.disabled,
-.btn-success.disabled,
-.btn-info.disabled,
-.btn-warning.disabled,
-.btn-danger.disabled,
-.btn-default[disabled],
-.btn-primary[disabled],
-.btn-success[disabled],
-.btn-info[disabled],
-.btn-warning[disabled],
-.btn-danger[disabled],
-fieldset[disabled] .btn-default,
-fieldset[disabled] .btn-primary,
-fieldset[disabled] .btn-success,
-fieldset[disabled] .btn-info,
-fieldset[disabled] .btn-warning,
-fieldset[disabled] .btn-danger {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.btn-default .badge,
-.btn-primary .badge,
-.btn-success .badge,
-.btn-info .badge,
-.btn-warning .badge,
-.btn-danger .badge {
-  text-shadow: none;
-}
-.btn:active,
-.btn.active {
-  background-image: none;
-}
-.btn-default {
-  text-shadow: 0 1px 0 #fff;
-  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
-  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
-  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #dbdbdb;
-  border-color: #ccc;
-}
-.btn-default:hover,
-.btn-default:focus {
-  background-color: #e0e0e0;
-  background-position: 0 -15px;
-}
-.btn-default:active,
-.btn-default.active {
-  background-color: #e0e0e0;
-  border-color: #dbdbdb;
-}
-.btn-default.disabled,
-.btn-default[disabled],
-fieldset[disabled] .btn-default,
-.btn-default.disabled:hover,
-.btn-default[disabled]:hover,
-fieldset[disabled] .btn-default:hover,
-.btn-default.disabled:focus,
-.btn-default[disabled]:focus,
-fieldset[disabled] .btn-default:focus,
-.btn-default.disabled.focus,
-.btn-default[disabled].focus,
-fieldset[disabled] .btn-default.focus,
-.btn-default.disabled:active,
-.btn-default[disabled]:active,
-fieldset[disabled] .btn-default:active,
-.btn-default.disabled.active,
-.btn-default[disabled].active,
-fieldset[disabled] .btn-default.active {
-  background-color: #e0e0e0;
-  background-image: none;
-}
-.btn-primary {
-  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
-  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
-  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #245580;
-}
-.btn-primary:hover,
-.btn-primary:focus {
-  background-color: #265a88;
-  background-position: 0 -15px;
-}
-.btn-primary:active,
-.btn-primary.active {
-  background-color: #265a88;
-  border-color: #245580;
-}
-.btn-primary.disabled,
-.btn-primary[disabled],
-fieldset[disabled] .btn-primary,
-.btn-primary.disabled:hover,
-.btn-primary[disabled]:hover,
-fieldset[disabled] .btn-primary:hover,
-.btn-primary.disabled:focus,
-.btn-primary[disabled]:focus,
-fieldset[disabled] .btn-primary:focus,
-.btn-primary.disabled.focus,
-.btn-primary[disabled].focus,
-fieldset[disabled] .btn-primary.focus,
-.btn-primary.disabled:active,
-.btn-primary[disabled]:active,
-fieldset[disabled] .btn-primary:active,
-.btn-primary.disabled.active,
-.btn-primary[disabled].active,
-fieldset[disabled] .btn-primary.active {
-  background-color: #265a88;
-  background-image: none;
-}
-.btn-success {
-  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
-  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
-  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #3e8f3e;
-}
-.btn-success:hover,
-.btn-success:focus {
-  background-color: #419641;
-  background-position: 0 -15px;
-}
-.btn-success:active,
-.btn-success.active {
-  background-color: #419641;
-  border-color: #3e8f3e;
-}
-.btn-success.disabled,
-.btn-success[disabled],
-fieldset[disabled] .btn-success,
-.btn-success.disabled:hover,
-.btn-success[disabled]:hover,
-fieldset[disabled] .btn-success:hover,
-.btn-success.disabled:focus,
-.btn-success[disabled]:focus,
-fieldset[disabled] .btn-success:focus,
-.btn-success.disabled.focus,
-.btn-success[disabled].focus,
-fieldset[disabled] .btn-success.focus,
-.btn-success.disabled:active,
-.btn-success[disabled]:active,
-fieldset[disabled] .btn-success:active,
-.btn-success.disabled.active,
-.btn-success[disabled].active,
-fieldset[disabled] .btn-success.active {
-  background-color: #419641;
-  background-image: none;
-}
-.btn-info {
-  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
-  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
-  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #28a4c9;
-}
-.btn-info:hover,
-.btn-info:focus {
-  background-color: #2aabd2;
-  background-position: 0 -15px;
-}
-.btn-info:active,
-.btn-info.active {
-  background-color: #2aabd2;
-  border-color: #28a4c9;
-}
-.btn-info.disabled,
-.btn-info[disabled],
-fieldset[disabled] .btn-info,
-.btn-info.disabled:hover,
-.btn-info[disabled]:hover,
-fieldset[disabled] .btn-info:hover,
-.btn-info.disabled:focus,
-.btn-info[disabled]:focus,
-fieldset[disabled] .btn-info:focus,
-.btn-info.disabled.focus,
-.btn-info[disabled].focus,
-fieldset[disabled] .btn-info.focus,
-.btn-info.disabled:active,
-.btn-info[disabled]:active,
-fieldset[disabled] .btn-info:active,
-.btn-info.disabled.active,
-.btn-info[disabled].active,
-fieldset[disabled] .btn-info.active {
-  background-color: #2aabd2;
-  background-image: none;
-}
-.btn-warning {
-  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
-  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
-  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #e38d13;
-}
-.btn-warning:hover,
-.btn-warning:focus {
-  background-color: #eb9316;
-  background-position: 0 -15px;
-}
-.btn-warning:active,
-.btn-warning.active {
-  background-color: #eb9316;
-  border-color: #e38d13;
-}
-.btn-warning.disabled,
-.btn-warning[disabled],
-fieldset[disabled] .btn-warning,
-.btn-warning.disabled:hover,
-.btn-warning[disabled]:hover,
-fieldset[disabled] .btn-warning:hover,
-.btn-warning.disabled:focus,
-.btn-warning[disabled]:focus,
-fieldset[disabled] .btn-warning:focus,
-.btn-warning.disabled.focus,
-.btn-warning[disabled].focus,
-fieldset[disabled] .btn-warning.focus,
-.btn-warning.disabled:active,
-.btn-warning[disabled]:active,
-fieldset[disabled] .btn-warning:active,
-.btn-warning.disabled.active,
-.btn-warning[disabled].active,
-fieldset[disabled] .btn-warning.active {
-  background-color: #eb9316;
-  background-image: none;
-}
-.btn-danger {
-  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
-  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
-  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-color: #b92c28;
-}
-.btn-danger:hover,
-.btn-danger:focus {
-  background-color: #c12e2a;
-  background-position: 0 -15px;
-}
-.btn-danger:active,
-.btn-danger.active {
-  background-color: #c12e2a;
-  border-color: #b92c28;
-}
-.btn-danger.disabled,
-.btn-danger[disabled],
-fieldset[disabled] .btn-danger,
-.btn-danger.disabled:hover,
-.btn-danger[disabled]:hover,
-fieldset[disabled] .btn-danger:hover,
-.btn-danger.disabled:focus,
-.btn-danger[disabled]:focus,
-fieldset[disabled] .btn-danger:focus,
-.btn-danger.disabled.focus,
-.btn-danger[disabled].focus,
-fieldset[disabled] .btn-danger.focus,
-.btn-danger.disabled:active,
-.btn-danger[disabled]:active,
-fieldset[disabled] .btn-danger:active,
-.btn-danger.disabled.active,
-.btn-danger[disabled].active,
-fieldset[disabled] .btn-danger.active {
-  background-color: #c12e2a;
-  background-image: none;
-}
-.thumbnail,
-.img-thumbnail {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-}
-.dropdown-menu > li > a:hover,
-.dropdown-menu > li > a:focus {
-  background-color: #e8e8e8;
-  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
-  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
-  background-repeat: repeat-x;
-}
-.dropdown-menu > .active > a,
-.dropdown-menu > .active > a:hover,
-.dropdown-menu > .active > a:focus {
-  background-color: #2e6da4;
-  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
-  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
-  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
-  background-repeat: repeat-x;
-}
-.navbar-default {
-  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
-  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
-  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
-}
-.navbar-default .navbar-nav > .open > a,
-.navbar-default .navbar-nav > .active > a {
-  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
-  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
-  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
-  background-repeat: repeat-x;
-  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
-          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
-}
-.navbar-brand,
-.navbar-nav > li > a {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
-}
-.navbar-inverse {
-  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
-  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
-  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
-  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  background-repeat: repeat-x;
-  border-radius: 4px;
-}
-.navbar-inverse .navbar-nav > .open > a,
-.navbar-inverse .navbar-nav > .active > a {
-  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
-  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
-  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
-  background-repeat: repeat-x;
-  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
-          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
-}
-.navbar-inverse .navbar-brand,
-.navbar-inverse .navbar-nav > li > a {
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
-}
-.navbar-static-top,
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  border-radius: 0;
-}
-@media (max-width: 767px) {
-  .navbar .navbar-nav .open .dropdown-menu > .active > a,
-  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
-  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
-    color: #fff;
-    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
-    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
-    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
-    background-repeat: repeat-x;
-  }
-}
-.alert {
-  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
-          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
-}
-.alert-success {
-  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
-  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
-  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #b2dba1;
-}
-.alert-info {
-  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
-  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
-  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #9acfea;
-}
-.alert-warning {
-  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
-  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
-  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #f5e79e;
-}
-.alert-danger {
-  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
-  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
-  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #dca7a7;
-}
-.progress {
-  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
-  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
-  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar {
-  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
-  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
-  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-success {
-  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
-  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
-  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-info {
-  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
-  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
-  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-warning {
-  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
-  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
-  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-danger {
-  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
-  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
-  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
-  background-repeat: repeat-x;
-}
-.progress-bar-striped {
-  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-}
-.list-group {
-  border-radius: 4px;
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
-}
-.list-group-item.active,
-.list-group-item.active:hover,
-.list-group-item.active:focus {
-  text-shadow: 0 -1px 0 #286090;
-  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
-  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
-  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #2b669a;
-}
-.list-group-item.active .badge,
-.list-group-item.active:hover .badge,
-.list-group-item.active:focus .badge {
-  text-shadow: none;
-}
-.panel {
-  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
-          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
-}
-.panel-default > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
-  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-primary > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
-  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
-  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-success > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
-  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
-  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-info > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
-  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
-  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-warning > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
-  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
-  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
-  background-repeat: repeat-x;
-}
-.panel-danger > .panel-heading {
-  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
-  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
-  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
-  background-repeat: repeat-x;
-}
-.well {
-  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
-  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
-  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
-  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #dcdcdc;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
-          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
-}
-/*# sourceMappingURL=bootstrap-theme.css.map */

web/libs/css/c3.css

@@ -1,174 +0,0 @@
-/*-- Chart --*/
-.c3 svg {
-  font: 10px sans-serif;
-  -webkit-tap-highlight-color: transparent; }
-
-.c3 path, .c3 line {
-  fill: none;
-  stroke: #000; }
-
-.c3 text {
-  -webkit-user-select: none;
-  -moz-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 text {
-  fill: #fff;
-  font-size: 13px; }
-
-/*-- Axis --*/
-/*-- Grid --*/
-.c3-grid line {
-  stroke: #aaa; }
-
-.c3-grid text {
-  fill: #aaa; }
-
-.c3-xgrid, .c3-ygrid {
-  stroke-dasharray: 3 3; }
-
-/*-- Text on Chart --*/
-.c3-text.c3-empty {
-  fill: #808080;
-  font-size: 2em; }
-
-/*-- Line --*/
-.c3-line {
-  stroke-width: 1px; }
-
-/*-- Point --*/
-.c3-circle._expanded_ {
-  stroke-width: 1px;
-  stroke: white; }
-
-.c3-selected-circle {
-  fill: white;
-  stroke-width: 2px; }
-
-/*-- Bar --*/
-.c3-bar {
-  stroke-width: 0; }
-
-.c3-bar._expanded_ {
-  fill-opacity: 1;
-  fill-opacity: 0.75; }
-
-/*-- Focus --*/
-.c3-target.c3-focused {
-  opacity: 1; }
-
-.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
-  stroke-width: 2px; }
-
-.c3-target.c3-defocused {
-  opacity: 0.3 !important; }
-
-/*-- Region --*/
-.c3-region {
-  fill: steelblue;
-  fill-opacity: .1; }
-
-/*-- Brush --*/
-.c3-brush .extent {
-  fill-opacity: .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;
-  -moz-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 td.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: none; }
-
-.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; }

web/libs/css/circles.css

@@ -1,463 +0,0 @@
-:root{
-  --color-progress-circle-number: #fff;
-  --color-progress-circle: #f0f0f0;
-  --color-progress-idicator: #b59f00;
-  --color-progress-number: #8b8b8b;
-}
-
-.progress-circle {
-  position: relative;
-  display: inline-block;
-  margin: 1rem;
-  width: 120px;
-  height: 120px;
-  border-radius: 50%;
-  background-color: --color-progress-circle;
-}
-
-.progress-circle:after {
-  content: '';
-  display: inline-block;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  -webkit-animation: colorload 2s;
-}
-
-.progress-circle span {
-  color: var(--color-progress-number);
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  display: block;
-  width: 30px;
-  height: 30px;
-  line-height: 30px;
-  margin-left: -15px;
-  margin-top: -15px;
-  text-align: center;
-  border-radius: 50%;
-  background: var(--color-progress-circle-number);
-  z-index: 1;
-}
-
-.progress-circle span:after {
-  content: "%";
-  font-weight: 600;
-  color: var(--color-progress-number);
-}
-
-.progress-circle.progress-0:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(90deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-1:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(93.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-2:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(97.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-3:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(100.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-4:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(104.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-5:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(108deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-6:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(111.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-7:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(115.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-8:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(118.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-9:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(122.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-10:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(126deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-11:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(129.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-12:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(133.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-13:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(136.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-14:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(140.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-15:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(129.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-16:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(133.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-17:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(136.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-18:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(140.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-19:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(144deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-20:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(151.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-21:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(158.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-22:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(161.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-23:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 165.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-24:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 169.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-25:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(180deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-26:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 183.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-27:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 187.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-28:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 190.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-29:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 194.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-30:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(198deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-31:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 201.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-32:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 205.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-33:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 208.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-34:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 212.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-35:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(216deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-40:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(234deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-36:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 219.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-37:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 223.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-38:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 226.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-39:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 230.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-41:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 237.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-42:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 241.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-43:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 244.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-44:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 248.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-45:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient(252deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-46:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 255.6deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-47:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 259.2deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-48:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 262.8deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-49:after {
-  background-image: linear-gradient(90deg, var(--color-progress-circle) 50%, transparent 50%, transparent), linear-gradient( 266.4deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-50:after {
-  background-image: linear-gradient(-90deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-51:after {
-  background-image: linear-gradient(-86.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-52:after {
-  background-image: linear-gradient(-82.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-53:after {
-  background-image: linear-gradient(-79.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-54:after {
-  background-image: linear-gradient(-75.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-55:after {
-  background-image: linear-gradient(-72deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-56:after {
-  background-image: linear-gradient(-68.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-57:after {
-  background-image: linear-gradient(-64.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-58:after {
-  background-image: linear-gradient(-61.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-59:after {
-  background-image: linear-gradient(-57.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-60:after {
-  background-image: linear-gradient(-54deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-61:after {
-  background-image: linear-gradient(-50.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-62:after {
-  background-image: linear-gradient(-46.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-63:after {
-  background-image: linear-gradient(-43.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-64:after {
-  background-image: linear-gradient(-39.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-65:after {
-  background-image: linear-gradient(-36deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-66:after {
-  background-image: linear-gradient(-32.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-67:after {
-  background-image: linear-gradient(-28.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-68:after {
-  background-image: linear-gradient(-25.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-69:after {
-  background-image: linear-gradient(-21.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-70:after {
-  background-image: linear-gradient(-18deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-71:after {
-  background-image: linear-gradient(-14.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-72:after {
-  background-image: linear-gradient(-10.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-73:after {
-  background-image: linear-gradient(-7.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-74:after {
-  background-image: linear-gradient(-3.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-75:after {
-  background-image: linear-gradient(0deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-76:after {
-  background-image: linear-gradient(3.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-77:after {
-  background-image: linear-gradient(7.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-78:after {
-  background-image: linear-gradient(10.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-79:after {
-  background-image: linear-gradient(14.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-80:after {
-  background-image: linear-gradient(18deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-81:after {
-  background-image: linear-gradient(21.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-82:after {
-  background-image: linear-gradient(25.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-83:after {
-  background-image: linear-gradient(28.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-84:after {
-  background-image: linear-gradient(32.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-85:after {
-  background-image: linear-gradient(36deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-86:after {
-  background-image: linear-gradient(39.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-87:after {
-  background-image: linear-gradient(43.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-88:after {
-  background-image: linear-gradient(46.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-89:after {
-  background-image: linear-gradient(50.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-90:after {
-  background-image: linear-gradient(54deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-91:after {
-  background-image: linear-gradient(57.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-92:after {
-  background-image: linear-gradient(61.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-93:after {
-  background-image: linear-gradient(64.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-94:after {
-  background-image: linear-gradient(68.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-95:after {
-  background-image: linear-gradient(72deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-96:after {
-  background-image: linear-gradient(75.6deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-97:after {
-  background-image: linear-gradient(79.2deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-98:after {
-  background-image: linear-gradient(82.8deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-99:after {
-  background-image: linear-gradient(86.4deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-.progress-circle.progress-100:after {
-  background-image: linear-gradient(90deg, var(--color-progress-idicator) 50%, transparent 50%, transparent), linear-gradient(270deg, var(--color-progress-idicator) 50%, var(--color-progress-circle) 50%, var(--color-progress-circle));
-}
-
-@-webkit-keyframes colorload {
-  0% {
-    opacity: 0;
-    transform: rotate(0deg)
-  }
-  100% {
-    opacity: 1;
-    transform: rotate(360deg)
-  }
-}

web/libs/css/daterangepicker.scss

@@ -1,611 +0,0 @@
-//
-// A stylesheet for use with Bootstrap 3.x
-// @author: Dan Grossman http://www.dangrossman.info/
-// @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
-// @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
-// @website: https://www.improvely.com/
-//
-
-//
-// VARIABLES
-//
-
-//
-// Settings
-
-// The class name to contain everything within.
-$prefix-class: daterangepicker;
-$arrow-size:     7px !default;
-
-//
-// Colors
-$daterangepicker-color:                      inherit !default;
-$daterangepicker-bg-color:                   #fff !default;
-
-$daterangepicker-cell-color:                 $daterangepicker-color !default;
-$daterangepicker-cell-border-color:          transparent !default;
-$daterangepicker-cell-bg-color:              $daterangepicker-bg-color !default;
-
-$daterangepicker-cell-hover-color:           $daterangepicker-color !default;
-$daterangepicker-cell-hover-border-color:    $daterangepicker-cell-border-color !default;
-$daterangepicker-cell-hover-bg-color:        #eee !default;
-
-$daterangepicker-in-range-color:             #000 !default;
-$daterangepicker-in-range-border-color:      transparent !default;
-$daterangepicker-in-range-bg-color:          #ebf4f8 !default;
-
-$daterangepicker-active-color:               #fff !default;
-$daterangepicker-active-bg-color:            #357ebd !default;
-$daterangepicker-active-border-color:        transparent !default;
-
-$daterangepicker-unselected-color:           #999 !default;
-$daterangepicker-unselected-border-color:    transparent !default;
-$daterangepicker-unselected-bg-color:        #fff !default;
-
-//
-// daterangepicker
-$daterangepicker-width:          278px !default;
-$daterangepicker-padding:        4px !default;
-$daterangepicker-z-index:        3000 !default;
-
-$daterangepicker-border-size:    1px !default;
-$daterangepicker-border-color:   #ccc !default;
-$daterangepicker-border-radius:  4px !default;
-
-
-//
-// Calendar
-$daterangepicker-calendar-margin:              $daterangepicker-padding !default;
-$daterangepicker-calendar-bg-color:            $daterangepicker-bg-color !default;
-
-$daterangepicker-calendar-border-size:         1px !default;
-$daterangepicker-calendar-border-color:        $daterangepicker-bg-color !default;
-$daterangepicker-calendar-border-radius:       $daterangepicker-border-radius !default;
-
-//
-// Calendar Cells
-$daterangepicker-cell-size:           20px !default;
-$daterangepicker-cell-width:          $daterangepicker-cell-size !default;
-$daterangepicker-cell-height:         $daterangepicker-cell-size !default;
-
-$daterangepicker-cell-border-radius:  $daterangepicker-calendar-border-radius !default;
-$daterangepicker-cell-border-size:    1px !default;
-
-//
-// Dropdowns
-$daterangepicker-dropdown-z-index: $daterangepicker-z-index + 1 !default;
-
-//
-// Controls
-$daterangepicker-control-height:               30px !default;
-$daterangepicker-control-line-height:          $daterangepicker-control-height !default;
-$daterangepicker-control-color:                #555 !default;
-
-$daterangepicker-control-border-size:          1px !default;
-$daterangepicker-control-border-color:         #ccc !default;
-$daterangepicker-control-border-radius:        4px !default;
-
-$daterangepicker-control-active-border-size:   1px !default;
-$daterangepicker-control-active-border-color:  #08c !default;
-$daterangepicker-control-active-border-radius: $daterangepicker-control-border-radius !default;
-
-$daterangepicker-control-disabled-color:       #ccc !default;
-
-//
-// Ranges
-$daterangepicker-ranges-color:                #08c !default;
-$daterangepicker-ranges-bg-color:             #f5f5f5 !default;
-
-$daterangepicker-ranges-border-size:          1px !default;
-$daterangepicker-ranges-border-color:         $daterangepicker-ranges-bg-color !default;
-$daterangepicker-ranges-border-radius:        $daterangepicker-border-radius !default;
-
-$daterangepicker-ranges-hover-color:          #fff !default;
-$daterangepicker-ranges-hover-bg-color:       $daterangepicker-ranges-color !default;
-$daterangepicker-ranges-hover-border-size:    $daterangepicker-ranges-border-size !default;
-$daterangepicker-ranges-hover-border-color:   $daterangepicker-ranges-hover-bg-color !default;
-$daterangepicker-ranges-hover-border-radius:  $daterangepicker-border-radius !default;
-
-$daterangepicker-ranges-active-border-size:   $daterangepicker-ranges-border-size !default;
-$daterangepicker-ranges-active-border-color:  $daterangepicker-ranges-bg-color !default;
-$daterangepicker-ranges-active-border-radius: $daterangepicker-border-radius !default;
-
-//
-// STYLESHEETS
-//
-.#{$prefix-class} {
-  position: absolute;
-  color: $daterangepicker-color;
-  background-color: $daterangepicker-bg-color;
-  border-radius: $daterangepicker-border-radius;
-  width: $daterangepicker-width;
-  padding: $daterangepicker-padding;
-  margin-top: $daterangepicker-border-size;
-
-  // TODO: Should these be parameterized??
-  top: 100px;
-  left: 20px;
-
-  $arrow-prefix-size: $arrow-size;
-  $arrow-suffix-size: ($arrow-size - $daterangepicker-border-size);
-
-  &:before, &:after {
-    position: absolute;
-    display: inline-block;
-
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    content: '';
-  }
-
-  &:before {
-    top: -$arrow-prefix-size;
-
-    border-right: $arrow-prefix-size solid transparent;
-    border-left: $arrow-prefix-size solid transparent;
-    border-bottom: $arrow-prefix-size solid $daterangepicker-border-color;
-  }
-
-  &:after {
-    top: -$arrow-suffix-size;
-
-    border-right: $arrow-suffix-size solid transparent;
-    border-bottom: $arrow-suffix-size solid $daterangepicker-bg-color;
-    border-left: $arrow-suffix-size solid transparent;
-  }
-
-  &.opensleft {
-    &:before {
-      // TODO: Make this relative to prefix size.
-      right: $arrow-prefix-size + 2px;
-    }
-
-    &:after {
-      // TODO: Make this relative to suffix size.
-      right: $arrow-suffix-size + 4px;
-    }
-  }
-
-  &.openscenter {
-    &:before {
-      left: 0;
-      right: 0;
-      width: 0;
-      margin-left: auto;
-      margin-right: auto;
-    }
-
-    &:after {
-      left: 0;
-      right: 0;
-      width: 0;
-      margin-left: auto;
-      margin-right: auto;
-    }
-  }
-
-  &.opensright {
-    &:before {
-      // TODO: Make this relative to prefix size.
-      left: $arrow-prefix-size + 2px;
-    }
-
-    &:after {
-      // TODO: Make this relative to suffix size.
-      left: $arrow-suffix-size + 4px;
-    }
-  }
-
-  &.dropup {
-    margin-top: -5px;
-
-    // NOTE: Note sure why these are special-cased.
-    &:before {
-      top: initial;
-      bottom: -$arrow-prefix-size;
-      border-bottom: initial;
-      border-top: $arrow-prefix-size solid $daterangepicker-border-color;
-    }
-
-    &:after {
-      top: initial;
-      bottom:-$arrow-suffix-size;
-      border-bottom: initial;
-      border-top: $arrow-suffix-size solid $daterangepicker-bg-color;
-    }
-  }
-
-  &.dropdown-menu {
-    max-width: none;
-    z-index: $daterangepicker-dropdown-z-index;
-  }
-
-  &.single {
-    .ranges, .calendar {
-      float: none;
-    }
-  }
-
-  /* Calendars */
-  &.show-calendar {
-    .calendar {
-      display: block;
-    }
-  }
-
-  .calendar {
-    display: none;
-    max-width: $daterangepicker-width - ($daterangepicker-calendar-margin * 2);
-    margin: $daterangepicker-calendar-margin;
-
-    &.single {
-      .calendar-table {
-        border: none;
-      }
-    }
-
-    th, td {
-      white-space: nowrap;
-      text-align: center;
-
-      // TODO: Should this actually be hard-coded?
-      min-width: 32px;
-    }
-  }
-
-  .calendar-table {
-    border: $daterangepicker-calendar-border-size solid $daterangepicker-calendar-border-color;
-    padding: $daterangepicker-calendar-margin;
-    border-radius: $daterangepicker-calendar-border-radius;
-    background-color: $daterangepicker-calendar-bg-color;
-  }
-
-  table {
-    width: 100%;
-    margin: 0;
-  }
-
-  td, th {
-    text-align: center;
-    width: $daterangepicker-cell-width;
-    height: $daterangepicker-cell-height;
-    border-radius: $daterangepicker-cell-border-radius;
-    border: $daterangepicker-cell-border-size solid $daterangepicker-cell-border-color;
-    white-space: nowrap;
-    cursor: pointer;
-
-    &.available {
-      &:hover {
-        background-color: $daterangepicker-cell-hover-bg-color;
-        border-color: $daterangepicker-cell-hover-border-color;
-        color: $daterangepicker-cell-hover-color;
-      }
-    }
-
-    &.week {
-      font-size: 80%;
-      color: #ccc;
-    }
-  }
-
-  td {
-    &.off {
-      &, &.in-range, &.start-date, &.end-date {
-        background-color: $daterangepicker-unselected-bg-color;
-        border-color: $daterangepicker-unselected-border-color;
-        color: $daterangepicker-unselected-color;
-      }
-    }
-
-    //
-    // Date Range
-    &.in-range {
-      background-color: $daterangepicker-in-range-bg-color;
-      border-color: $daterangepicker-in-range-border-color;
-      color: $daterangepicker-in-range-color;
-
-      // TODO: Should this be static or should it be parameterized?
-      border-radius: 0;
-    }
-
-    &.start-date {
-      border-radius: $daterangepicker-cell-border-radius 0 0 $daterangepicker-cell-border-radius;
-    }
-
-    &.end-date {
-      border-radius: 0 $daterangepicker-cell-border-radius $daterangepicker-cell-border-radius 0;
-    }
-
-    &.start-date.end-date {
-      border-radius: $daterangepicker-cell-border-radius;
-    }
-
-    &.active {
-      &, &:hover {
-        background-color: $daterangepicker-active-bg-color;
-        border-color: $daterangepicker-active-border-color;
-        color: $daterangepicker-active-color;
-      }
-    }
-  }
-
-  th {
-    &.month {
-      width: auto;
-    }
-  }
-
-  //
-  // Disabled Controls
-  //
-  td, option {
-    &.disabled {
-      color: #999;
-      cursor: not-allowed;
-      text-decoration: line-through;
-    }
-  }
-
-  select {
-    &.monthselect, &.yearselect {
-      font-size: 12px;
-      padding: 1px;
-      height: auto;
-      margin: 0;
-      cursor: default;
-    }
-
-    &.monthselect {
-      margin-right: 2%;
-      width: 56%;
-    }
-
-    &.yearselect {
-      width: 40%;
-    }
-
-    &.hourselect, &.minuteselect, &.secondselect, &.ampmselect {
-      width: 50px;
-      margin-bottom: 0;
-    }
-  }
-
-  //
-  // Text Input Controls (above calendar)
-  //
-  .input-mini {
-    border: $daterangepicker-control-border-size solid $daterangepicker-control-border-color;
-    border-radius: $daterangepicker-control-border-radius;
-    color: $daterangepicker-control-color;
-    height: $daterangepicker-control-line-height;
-    line-height: $daterangepicker-control-height;
-    display: block;
-    vertical-align: middle;
-
-    // TODO: Should these all be static, too??
-    margin: 0 0 5px 0;
-    padding: 0 6px 0 28px;
-    width: 100%;
-
-    &.active {
-      border: $daterangepicker-control-active-border-size solid $daterangepicker-control-active-border-color;
-      border-radius: $daterangepicker-control-active-border-radius;
-    }
-  }
-
-  .daterangepicker_input {
-    position: relative;
-
-    i {
-      position: absolute;
-
-      // NOTE: These appear to be eyeballed to me...
-      left: 8px;
-      top: 8px;
-    }
-  }
-  &.rtl {
-    .input-mini {
-      padding-right: 28px;
-      padding-left: 6px;
-    }
-    .daterangepicker_input i {
-      left: auto;
-      right: 8px;
-    }
-  }
-
-  //
-  // Time Picker
-  //
-  .calendar-time {
-    text-align: center;
-    margin: 5px auto;
-    line-height: $daterangepicker-control-line-height;
-    position: relative;
-    padding-left: 28px;
-
-    select {
-      &.disabled {
-        color: $daterangepicker-control-disabled-color;
-        cursor: not-allowed;
-      }
-    }
-  }
-}
-
-//
-// Predefined Ranges
-//
-
-.ranges {
-  font-size: 11px;
-  float: none;
-  margin: 4px;
-  text-align: left;
-
-  ul {
-    list-style: none;
-    margin: 0 auto;
-    padding: 0;
-    width: 100%;
-  }
-
-  li {
-    font-size: 13px;
-    background-color: $daterangepicker-ranges-bg-color;
-    border: $daterangepicker-ranges-border-size solid $daterangepicker-ranges-border-color;
-    border-radius: $daterangepicker-ranges-border-radius;
-    color: $daterangepicker-ranges-color;
-    padding: 3px 12px;
-    margin-bottom: 8px;
-    cursor: pointer;
-
-    &:hover {
-      background-color: $daterangepicker-ranges-hover-bg-color;
-      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
-      color: $daterangepicker-ranges-hover-color;
-    }
-
-    &.active {
-      background-color: $daterangepicker-ranges-hover-bg-color;
-      border: $daterangepicker-ranges-hover-border-size solid $daterangepicker-ranges-hover-border-color;
-      color: $daterangepicker-ranges-hover-color;
-    }
-  }
-}
-
-/*  Larger Screen Styling */
-@media (min-width: 564px) {
-  .#{$prefix-class} {
-    width: auto;
-
-    .ranges {
-      ul {
-        width: 160px;
-      }
-    }
-
-    &.single {
-      .ranges {
-        ul {
-          width: 100%;
-        }
-      }
-
-      .calendar.left {
-        clear: none;
-      }
-
-      &.ltr {
-        .ranges, .calendar {
-          float:left;
-        }
-      }
-      &.rtl {
-        .ranges, .calendar {
-          float:right;
-        }
-      }
-    }
-
-    &.ltr {
-      direction: ltr;
-      text-align: left;
-      .calendar{
-        &.left {
-          clear: left;
-          margin-right: 0;
-
-          .calendar-table {
-            border-right: none;
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
-          }
-        }
-
-        &.right {
-          margin-left: 0;
-
-          .calendar-table {
-            border-left: none;
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
-          }
-        }
-      }
-
-      .left .daterangepicker_input {
-        padding-right: 12px;
-      }
-
-      .calendar.left .calendar-table {
-        padding-right: 12px;
-      }
-
-      .ranges, .calendar {
-        float: left;
-      }
-    }
-    &.rtl {
-      direction: rtl;
-      text-align: right;
-      .calendar{
-        &.left {
-          clear: right;
-          margin-left: 0;
-
-          .calendar-table {
-            border-left: none;
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
-          }
-        }
-
-        &.right {
-          margin-right: 0;
-
-          .calendar-table {
-            border-right: none;
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
-          }
-        }
-      }
-
-      .left .daterangepicker_input {
-        padding-left: 12px;
-      }
-
-      .calendar.left .calendar-table {
-        padding-left: 12px;
-      }
-
-      .ranges, .calendar {
-        text-align: right;
-        float: right;
-      }
-    }
-  }
-}
-
-@media (min-width: 730px) {
-  .#{$prefix-class} {
-    .ranges {
-      width: auto;
-    }
-    &.ltr {
-      .ranges {
-        float: left;
-      }
-    }
-    &.rtl {
-      .ranges {
-        float: right;
-      }
-    }
-
-    .calendar.left {
-      clear: none !important;
-    }
-  }
-}

web/libs/css/fullcalendar.print.css

@@ -1,208 +0,0 @@
-/*!
- * FullCalendar v3.0.1 Print Stylesheet
- * Docs & License: http://fullcalendar.io/
- * (c) 2016 Adam Shaw
- */
-
-/*
- * Include this stylesheet on your page to get a more printer-friendly calendar.
- * When including this stylesheet, use the media='print' attribute of the <link> tag.
- * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
- */
-
-.fc {
-	max-width: 100% !important;
-}
-
-
-/* Global Event Restyling
---------------------------------------------------------------------------------------------------*/
-
-.fc-event {
-	background: #fff !important;
-	color: #000 !important;
-	page-break-inside: avoid;
-}
-
-.fc-event .fc-resizer {
-	display: none;
-}
-
-
-/* Table & Day-Row Restyling
---------------------------------------------------------------------------------------------------*/
-
-.fc th,
-.fc td,
-.fc hr,
-.fc thead,
-.fc tbody,
-.fc-row {
-	border-color: #ccc !important;
-	background: #fff !important;
-}
-
-/* kill the overlaid, absolutely-positioned components */
-/* common... */
-.fc-bg,
-.fc-bgevent-skeleton,
-.fc-highlight-skeleton,
-.fc-helper-skeleton,
-/* for timegrid. within cells within table skeletons... */
-.fc-bgevent-container,
-.fc-business-container,
-.fc-highlight-container,
-.fc-helper-container {
-	display: none;
-}
-
-/* don't force a min-height on rows (for DayGrid) */
-.fc tbody .fc-row {
-	height: auto !important; /* undo height that JS set in distributeHeight */
-	min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
-}
-
-.fc tbody .fc-row .fc-content-skeleton {
-	position: static; /* undo .fc-rigid */
-	padding-bottom: 0 !important; /* use a more border-friendly method for this... */
-}
-
-.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
-	padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
-}
-
-.fc tbody .fc-row .fc-content-skeleton table {
-	/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
-	   making it look more like 3em. for other browers, it will already be this tall */
-	height: 1em;
-}
-
-
-/* Undo month-view event limiting. Display all events and hide the "more" links
---------------------------------------------------------------------------------------------------*/
-
-.fc-more-cell,
-.fc-more {
-	display: none !important;
-}
-
-.fc tr.fc-limited {
-	display: table-row !important;
-}
-
-.fc td.fc-limited {
-	display: table-cell !important;
-}
-
-.fc-popover {
-	display: none; /* never display the "more.." popover in print mode */
-}
-
-
-/* TimeGrid Restyling
---------------------------------------------------------------------------------------------------*/
-
-/* undo the min-height 100% trick used to fill the container's height */
-.fc-time-grid {
-	min-height: 0 !important;
-}
-
-/* don't display the side axis at all ("all-day" and time cells) */
-.fc-agenda-view .fc-axis {
-	display: none;
-}
-
-/* don't display the horizontal lines */
-.fc-slats,
-.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
-	display: none !important; /* important overrides inline declaration */
-}
-
-/* let the container that holds the events be naturally positioned and create real height */
-.fc-time-grid .fc-content-skeleton {
-	position: static;
-}
-
-/* in case there are no events, we still want some height */
-.fc-time-grid .fc-content-skeleton table {
-	height: 4em;
-}
-
-/* kill the horizontal spacing made by the event container. event margins will be done below */
-.fc-time-grid .fc-event-container {
-	margin: 0 !important;
-}
-
-
-/* TimeGrid *Event* Restyling
---------------------------------------------------------------------------------------------------*/
-
-/* naturally position events, vertically stacking them */
-.fc-time-grid .fc-event {
-	position: static !important;
-	margin: 3px 2px !important;
-}
-
-/* for events that continue to a future day, give the bottom border back */
-.fc-time-grid .fc-event.fc-not-end {
-	border-bottom-width: 1px !important;
-}
-
-/* indicate the event continues via "..." text */
-.fc-time-grid .fc-event.fc-not-end:after {
-	content: "...";
-}
-
-/* for events that are continuations from previous days, give the top border back */
-.fc-time-grid .fc-event.fc-not-start {
-	border-top-width: 1px !important;
-}
-
-/* indicate the event is a continuation via "..." text */
-.fc-time-grid .fc-event.fc-not-start:before {
-	content: "...";
-}
-
-/* time */
-
-/* undo a previous declaration and let the time text span to a second line */
-.fc-time-grid .fc-event .fc-time {
-	white-space: normal !important;
-}
-
-/* hide the the time that is normally displayed... */
-.fc-time-grid .fc-event .fc-time span {
-	display: none;
-}
-
-/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
-.fc-time-grid .fc-event .fc-time:after {
-	content: attr(data-full);
-}
-
-
-/* Vertical Scroller & Containers
---------------------------------------------------------------------------------------------------*/
-
-/* kill the scrollbars and allow natural height */
-.fc-scroller,
-.fc-day-grid-container,    /* these divs might be assigned height, which we need to cleared */
-.fc-time-grid-container {  /* */
-	overflow: visible !important;
-	height: auto !important;
-}
-
-/* kill the horizontal border/padding used to compensate for scrollbars */
-.fc-row {
-	border: 0 !important;
-	margin: 0 !important;
-}
-
-
-/* Button Controls
---------------------------------------------------------------------------------------------------*/
-
-.fc-button-group,
-.fc button {
-	display: none; /* don't display any button-related controls */
-}

web/libs/css/main.dash2.old.css

@@ -1,742 +0,0 @@
-/*Cusotm Bootstrap*/
-.col-5ths,
-.col-sm-5ths,
-.col-md-5ths,
-.col-lg-5ths {
-   position: relative;
-   min-height: 1px;
-   padding-right: 15px;
-   padding-left: 15px;
-}
-
-.col-5ths {
-   -webkit-box-flex: 0;
-   -webkit-flex: 0 0 20%;
-   -ms-flex: 0 0 20%;
-   flex: 0 0 20%;
-   max-width: 20%;
-}
-
-@media (min-width: 576px) {
-  .col-sm-5ths {
-      -webkit-box-flex: 0;
-      -webkit-flex: 0 0 20%;
-      -ms-flex: 0 0 20%;
-      flex: 0 0 20%;
-      max-width: 20%;
-   }
-}
-
-@media (min-width: 768px) {
-  .col-md-5ths {
-      -webkit-box-flex: 0;
-      -webkit-flex: 0 0 20%;
-      -ms-flex: 0 0 20%;
-      flex: 0 0 20%;
-      max-width: 20%;
-   }
-}
-::-webkit-scrollbar-thumb:hover {
-    background-color:#bd9565;
-}
-::-webkit-scrollbar-thumb {
-    background-color:#bd9565;
-    border: 2px solid transparent;
-    border-radius: 10px;
-    background-clip: padding-box;
-}
-/**/
-.flex{display:flex}
-.flex>div{flex:1}
-.flex-block{display:inline-flex;width:100%;flex-flow: row wrap;}
-.flex-unit-3{flex:3}
-.flex-inline{display: inline-flex;position:relative}
-@import (less) "../less/pie.less";
-ul{list-style:none}
-*{transition:0.2s;box-sizing:border-box}
-.affix-top{position:fixed}
-.no-padding{padding:0!important}
-.no-margin{margin:0!important}
-.pre-inline{white-space: normal;word-break: normal}
-.pre-inline>ul{margin:0;padding:0}
-a{cursor:pointer}
-nav h4{cursor:default;font-size:95%;padding:16px 40px;font-weight:100;text-transform:uppercase;letter-spacing:2px}
-.m-r{margin-right:10px}
-.m-b{margin-bottom:10px}
-.m-t{margin-top:10px}
-.m-l{margin-left:10px}
-.overflow-hidden{overflow: hidden!important}
-.list-inline{list-style:none}
-.list-inline li{display:inline-block;vertical-align: top;margin:0;}
-.truncate{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-img{max-width:100%}
-.display-table{display:table;width:100%}
-.display-inline{display:inline-block}
-.display-table-cell{display:table-cell}
-.small{font-size:80%}
-.super-center{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width: 4em;height: 1em;}
-.jpegMode .cpu_load .progress-bar,.jpegMode .ram_load .progress-bar{background-color:#5cb85c}
-.jpegMode [system="jpegToggle"],[system].text-success{color:#5cb85c!important}
-.permission_monitor_edit{display:none}
-.permission_video_delete{display:none}
-.nodata .divider{margin:5px 0}
-.loading .divider{margin:5px 0}
-
-#accbtn{
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    padding: 0;
-}
-
-.monitor_item .stream-hud{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
-.monitor_item .stream-hud .camera_cpu_usage{position:absolute;top:0;left:0;width: 100%;}
-.monitor_item .stream-hud .camera_cpu_usage .progress{width: 100%;}
-.monitor_item .stream-hud .camera_cpu_usage:hover .progress{height:20px;transition:0.2s}
-.monitor_item .stream-hud .controls{position:absolute;top:10px;left:10px;}
-.monitor_item .stream-hud:hover{opacity:1}
-.monitor_item .stream-hud .bottom-text{position:absolute;bottom:0;left:0;width:100%;padding:5px;text-shadow: 0 0 10px #333;}
-.monitor_item .stream-hud .bottom-text .detector-fade{background: rgba(0,0,0,0.4);padding:10px 20px;border-radius:10px}
-.monitor_item .stream-hud .lamp{position:absolute;top:5px;right:5px;z-index:1;text-shadow: 0 0 15px #333;}
-.monitor_item[mode="Disabled"] .stream-hud .lamp{color:#5d5d5d}
-.monitor_item[mode="Watch Only"] .stream-hud .lamp{color:#5da8e8}
-.monitor_item[mode="Idle"] .stream-hud .lamp{color:#fff}
-.monitor_item[mode="Record"] .stream-hud .lamp{color:#d9534f}
-/*.data-menu{max-height:700px}*/
-.data-menu:not(:last-child){border-right:1px solid #fff;}
-.data-menu.logs{list-style:none;}
-.monitor_item .motionVision{display:none}
-
-.monitor_item .grid-stack-item-content{width:100%!important;left:0!important;right:0!important}
-.monitor_item .ui-resizable-se {bottom: 10px!important;}
-.monitor_item .stream-block{position: relative;text-align: center}
-.monitor_item .mdl-data_window{overflow-x: auto;background:rgba(0,0,0,0.7);color:#fff;height:100%}
-.monitor_item .mdl-data_window:not(.col-md-6){width:0;min-width:0;height:0px;min-height:0}
-
-
-.monitor_item.fullscreen img.stream-element{height:100%;width:auto}
-.monitor_item.fullscreen canvas.stream-element{height:auto;width:auto;background-color:black;}
-.monitor_item .stream-element{border: 0;object-fit: fill;height: 100%;width:100%}
-.monitor_item{position:relative;padding:0;transition:none;background:#000}
-.monitor_item .mdl-card{min-height:auto;border:1px solid #272727;border-radius:0px;overflow:hidden}
-.monitor_item .mdl-card__media{position:relative;padding:0!important;display:block!important;background:#000;height:100%}
-.monitor_item.selected .stream-element{height:600px}
-.monitor_item.selected .fa-expand:before{content:"\f066"}
-.monitor_item .mdl-card__supporting-text{background:#222;color:#fff!important;display:block;min-height:auto!important}
-.monitor_item.detector_triggered .detector-fade{opacity:1}
-.monitor_item .detector-fade{opacity:0}
-.monitor_item .indifference{position:absolute;width:100%;left:0;top:0;transition:0.2s;}
-.monitor_item .progress{width:100%;background:#333;box-shadow:0;}
-.monitor_item .indifference:hover .progress{height:20px;transition:0.2s}
-.hide_indifference .indifference{display:none!important}
-.hide_indifference [class_toggle="hide_indifference"]{color:#d9534f!important}
-.monitor_item .mdl-card:not(.mdl-cell--4-col-desktop) .mdl-card__supporting-text .monitor_details{display:none;font-size:90%;margin-bottom:10px}
-.monitor_item[mode="Record"] [mode="record"]{display:none}
-.monitor_item[mode="Watch Only"] [mode="start"]{display:none}
-.monitor_item .stream-hud .controls .btn{opacity:0.7}
-.monitor_item.doObjectDetection .progress-bar{background-color: #57d94f}
-
-@media screen and (max-width:1500px){
-    .monitor_item .mdl-card__supporting-text .btn{
-        padding: 5px 10px;
-        font-size: 11px;
-        line-height: 1.5;
-    }
-}
-
-#monitors_live .monitor_item [class_toggle="show_logs"]{display:none}
-#monitors_live .monitor_item .indifference{top:-5px}
-#monitors_live .monitor_item .mdl-cell--8-col{width:100%;border:0;border-radius:0;margin:0;position:relative}
-#monitors_live .monitor_item .mdl-cell--4-col-desktop,.monitor_item .mdl-card__supporting-text{display:none}
-#monitors_live .monitor_item .mdl-card__supporting-text .monitor_details,#monitors_live .monitor_item .mdl-card__supporting-text .btn-group{display:none;text-align:center}
-#monitors_live .monitor_item .mdl-card__supporting-text:not(.meta){display:block;position:absolute;bottom:0;left:0;height:0;padding:0;overflow:visible;}
-#monitors_live .monitor_item.show_data .mdl-card__supporting-text:not(.meta){width:50%}
-#monitors_live .monitor_item.detector_triggered .mdl-card__supporting-text:not(.meta) .indifference{opacity:0.5;}
-#monitors_live .monitor_item:hover .mdl-card__supporting-text:not(.meta){padding:15px;z-index:15;height:auto;}
-#monitors_live .monitor_item:hover .mdl-card__supporting-text .monitor_details{display:block}
-#monitors_live .monitor_item:hover .mdl-card__supporting-text .btn-group{display:inline-block}
-
-
-
-#vis_pwrvideo{height:250px}
-#monSectionStreamChannels,#monSectionInputMaps{margin-bottom: 15px;}
-#monSectionStreamChannels:empty,#monSectionInputMaps:empty{display:none}
-#region_editor_live iframe,.canvas_holder canvas{border:0;position:absolute;left:0;top:0}
-.canvas_holder canvas{z-index:11}
-
-.demo-blog .mdl-card__media ~ .mdl-card__supporting-text{position:relative;overflow:initial;cursor:move}
-.demo-blog .mdl-card__media ~ .mdl-card__supporting-text .btn-group{cursor: default}
-
-.demo-blog .demo-blog__posts.montage{max-width:100%}
-
-
-.mdl-layout__header-row{padding-left:10!important}
-.mdl-layout__header-row .nav>li>a{border-radius:50%;}
-.mdl-layout__drawer-button i{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:1em;color:#fff}
-.data-menu{text-align:left}
-.data-menu ul,.side-menu ul{list-style:none;margin:0;padding:0;}
-.data-menu li,.side-menu li{
-    border-bottom:1px solid #54502d;padding:10px;
-}
-.data-menu .progress-circle{margin:0 10px 0 0;position:relative;height:40px;width:40px;float:left}
-.data-menu .progress-circle span:after{content:''}
-img.circle-img,div.circle-img{border-radius:50%;height:50px;width:50px}
-.circle-img.sm{height:25px;width:25px}
-
-.video_video{margin:auto;max-width:100%;max-height:600px;}
-#confirm_window .video_video{margin-top:15px}
-#confirm_window .info-table{margin-top:15px}
-@media (max-width: 768px){
-    .full.modal .modal-body,.medium.modal .modal-body{max-height:400px;overflow:auto}
-}
-@media (min-width: 768px){
-    .modal.full,.modal.medium{padding-left:0!important;}
-    .modal.full .modal-dialog{width:calc(100% - 10px)!important;margin: 30px auto;}
-    .modal.medium .modal-dialog{width:calc(70% - 10px)!important;margin: 30px auto;}
-    .full.modal .modal-body,.medium.modal .modal-body{height:calc(100% - 200px);overflow:auto}
-}
-
-.flex-container-modal-body{overflow: auto}
-.flex-container-modal-body .flex-block>div{flex:1;float:none}
-
-.modal{overflow:auto!important}
-form.modal-body{margin:0}
-#region_editor .modal-body{text-align:center;overflow:auto;max-height:800px}
-#region_editor .canvas_holder{position:relative;display:inline-block;overflow:auto;min-height:450px}
-#region_editor .cord_element{position:absolute;background:rgba(221, 221, 221, 0.8);z-index:11;padding:5px;}
-#region_editor .cord_element.selected{z-index:12;}
-#region_editor .cord_element .controls{margin-bottom:5px;}
-.form-group label span{padding:5px;font-weight: 400;color: #2d2d2d;display:block;border-bottom: 1px dotted #ddd;font-size: 10pt;}
-.form-group label{display:table}
-.form-group label>div{display:table-cell}
-.form-group label>div:nth-child(2n-1){width:30%}
-.form-group label>div:nth-child(2){width:70%;padding:5px;border:1px solid #dedede;border-radius:5px}
-.dark .form-group label>div,.dark .form-group label>div>span{border-color:#454545;color:#fff}
-.important.form-group label>div:nth-child(2),.important.form-group label>div>span{border-color:red}
-.form-group label span small{margin-left: 2px;display:block;font-weight: 600;}
-.form-group-group .round-left{border-radius: 50px 0 0 50px;margin-left:10px}
-.form-group-group blockquote:before,.form-group-group blockquote:after{display:none!important}
-.form-group-group blockquote{letter-spacing:normal;font-style:normal}
-.form-group-group blockquote p:empty{display:none}
-.form-group-group blockquote p{font-size:inherit}
-.form-group-group blockquote p:last-child{margin-bottom:0}
-.form-group-group-group>div,.form-group-group-group .h_us_advanced>div{margin-bottom:15px;}
-.form-group-group{padding:0 10px 10px 10px;overflow:hidden;margin-bottom:15px;border-radius:5px;border:1px solid #ddd;background:#fff}
-.form-group-group table{width:100%}
-.form-group-group table tr td{padding:10px 5px}
-.form-group-group table tr:not(:last-child) td{border-bottom:1px dotted #eee}
-.form-group-group .mdl-list__item{border-bottom:1px solid #eee;}
-.form-group-group .mdl-list__item:hover{background:#e6e6e6;border-radius:4px;}
-.dark .form-group-group .mdl-list__item{color:#fff;border-bottom:1px solid #444;}
-.dark .form-group-group .mdl-list__item:hover{background:#555;}
-.form-group-group:last-child,.form-group-group > .form-group:last-child{margin-bottom:0}
-.form-group-group h4{margin:0 -10px 15px -10px;padding:15px;background:#ddd;}
-.form-group-group h4 small{color:#fff;}
-.form-group-group.red{border-color:#d9534f}
-.form-group-group.red h4{background:#d9534f;color:#fff}
-.form-group-group.purple{border-color:#3f51b5}
-.form-group-group.purple h4{background:#3f51b5;color:#fff}
-.form-group-group.blue{border-color:#337ab7}
-.form-group-group.blue h4{background:#337ab7;color:#fff}
-.form-group-group.navy{border-color:#31708f}
-.form-group-group.navy h4{background:#31708f;color:#fff}
-.form-group-group.green{border-color:#449d44}
-.form-group-group.green h4{background:#449d44;color:#fff}
-.form-group-group.forestgreen{border-color:#1e4046}
-.form-group-group.forestgreen h4{background:#1e4046;color:#fff}
-.form-group-group.orange{border-color:#c49a68}
-.form-group-group.orange h4{background:#c49a68;color:#fff}
-.form-group-group.grey{border-color:#777}
-.form-group-group.grey h4{background:#777;color:#fff}
-.dark .form-group-group{background:#222}
-.videos_list .title{font-size:12pt;padding:0 10px}
-[status="1"] .btn[video="launch"],[data-status="1"] .btn[video="launch"]{background:#337ab7;border-color:#337ab7}
-[status="2"] .btn[launch="video"],[status="2"] .btn[video="launch"],[data-status="2"] .btn[video="launch"]{background:#a59100;border-color:#a59100}
-.signal.red{background:#c9302c}
-.signal.green{background:#5cb85c}
-.demo-drawer{background:#2b2a2a;color:#fff;}
-.demo-drawer.mdl-layout__drawer .mdl-navigation{padding-top:0;}
-.demo-drawer::-webkit-scrollbar{display:none;}
-.small-square-img{height:40px;width:40px;border-radius:5px}
-
-.side-menu .monitor_block{padding:0;position:relative}
-.side-menu .monitor_block img{width:100%;height:75px;cursor:pointer;border: 0.5px inset #263238;}
-@media screen and (max-width:1025px){
-.side-menu .monitor_block img{height:175px;}
-}
-.side-menu .monitor_block:hover .icons{opacity:1}
-.side-menu .monitor_block:hover .title{opacity:1}
-.side-menu .monitor_block .icons,.side-menu .monitor_block .title{opacity:0;width:100%;bottom:0;left:0;background:rgba(0,0,0,0.6);position:absolute;padding:2.5px;z-index:11;cursor:move}
-.side-menu .monitor_block .title{bottom:auto;top:0;color:#fff}
-.nav-xs.side-menu .monitor_block{width:100%}
-.side-menu .monitor_block .list-data{display:none}
-.output_data:empty{display:none}
-.output_data{max-height:500px;font-family:monospace;padding:10px;border-radius:5px;background:#f3f3f3;overflow:auto}
-.dark .output_data{background:#222;}
-#probe .output_data div>div{margin-left:10px}
-.side-menu.list-blocks .monitor_block .icons,.side-menu.list-blocks .monitor_block .title{position:inherit;opacity:1;background:none}
-.side-menu.list-blocks .monitor_block .title{padding:5px;border-radius:5px;background:#222;}
-.side-menu.list-blocks .monitor_block:not(:last-child){border-bottom: 1px solid #54502d;}
-.side-menu.list-blocks .monitor_block:first-child{border-top: 1px solid #54502d;}
-.side-menu.list-blocks .monitor_block{float:none;width:100%;padding: 10px}
-.side-menu.list-blocks .monitor_block.ui-sortable-helper{background:rgba(0,0,0,0.6);border-radius:5px;padding:5px;border:0}
-.side-menu.list-blocks .monitor_block .list-data{display:block}
-.side-menu.list-blocks .monitor_block img{width:60px;height:60px;cursor:pointer;display:inline-block;margin-right:10px;border-radius:50%;vertical-align:top;border:0}
-.nav-xs.side-menu.list-blocks .monitor_block img{width:40px;height:40px;}
-.side-menu.list-blocks .monitor_block .box{width:calc(100% - 70px);display:inline-block}
-.nav-xs.side-menu.list-blocks .monitor_block .list-data{display:none}
-#monitors_list .monitor_block{transition:none}
-.dropdown-menu.scrollable{max-height:300px}
-.upload_file input{display:none}
-#video_preview .stream-objects{right:0;margin:auto;display:inline-block;position:relative;width:auto}
-.stream-block,.stream-objects{overflow: hidden!important}
-.stream-objects{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}
-.stream-objects .tag{position:absolute;bottom:100%;left:0;background:red;color:#fff;font-family:monospace;font-size:80%;border-radius:5px 5px 0 0 ;padding:3px 5px;}
-.stream-objects .stream-detected-object{position:absolute;top:0;left:0;border:3px solid red;background:transparent;border-radius:5px}
-.stream-objects .stream-detected-point{position:absolute;top:0;left:0;border:3px solid yellow;background:transparent;border-radius:5px}
-.stream-objects .point{position:absolute;top:0;left:0;border:3px solid red;border-radius:50%}
-
-
-#side_menu_right.nav-xs{width:0!important;overflow:hidden}
-.side-menu table{color:#fff;}
-#main_canvas{background:#333;color:#fff;padding-top:0}
-#main_header{background:#222;color:#fff;}
-#logs_modal table tr td:first-child{width:10%}
-[class_toggle]{cursor:pointer}
-
-.form-group label{width:100%}
-
-#pvideo_viewer iframe{border:0;width:100%;height:350px;margin-bottom:10px;overflow:hidden}
-#pvideo_viewer video{max-height:300px;max-width:100%;}
-#pvideo_viewer .holder{height:300px;}
-#pvideo_viewer h3{margin-top:0}
-#pvideo_viewer .progressBar{position:relative;}
-#pvideo_viewer .bufferBar{position:absolute;left:0;top:0;opacity:0.4}
-#pvideo_viewer .timeBar{position:relative;z-index: 222;background:transparent}
-#pvideo_viewer h3{font-family:monospace}
-
-#vis_monitors{overflow:auto;max-height:400px}
-#vis_monitors .btn-group-vertical{width:100%}
-
-/*timeline*/
-#timelapse_video_line{overflow-y:scroll;overflow-x:hidden;max-height:400px;margin:0;text-align:left}
-#timelapse_video_display .videoBefore,#timelapse_video_display .videoAfter{display:none}
-.timelapse_video:not(:last-child){border-bottom:1px solid #444;}
-.timelapse_video .frame{width:50px;height:50px;background-size:cover;background-position:center;border-radius:5px}
-.timelapse_video>div>div:not(:last-child){padding-right:10px}
-.timelapse_video .flex-block:not(:last-child){padding-bottom:10px}
-.timelapse_video.list-group-item{padding:10px}
-.timelapse_hud{position: relative;background:#000}
-.timelapse_hud .timelapse_playRate{position: absolute;font-family: monospace;top:10px;right:0;left:0;margin:auto;font-size:23px}
-#timelapse .progress-bar{transition:0.5s!important}
-.timelapse_hud .controlBar{position: absolute;background:rgba(22,22,22,0.8);width:100%;left:0;bottom:0;}
-.timelapse_hud .hover-hide{opacity:0}
-.timelapse_hud:hover .hover-hide{opacity:1;z-index:5}
-.video_grid{overflow: auto;height: 100%;display: block;}
-.video_grid .col-md-2{padding-left:5px;padding-right:5px;padding-bottom:10px}
-.video_grid .thumb{width:100%;height:150px;display:inline-block;background-size:cover;position:relative;overflow:hidden;border-radius:4px;border:1px solid #000;box-shadow:0 0 10px #151515}
-.video_grid .thumb .title-strip, .video_grid .thumb .button-strip{width:100%;position:absolute;left:0;background:rgba(0,0,0,0.7);color:#fff;padding:4px}
-.video_grid .thumb .title-strip{top:0;opacity:0.5}
-.video_grid .thumb .button-strip{bottom:0;opacity:0}
-.video_grid .thumb:hover .title-strip, .video_grid .thumb:hover .button-strip{opacity:1}
-
-.table-striped>tbody>tr>td{vertical-align:middle}
-.table-striped .thumbnail{width:100px;height:80px;border-radius:5px;margin:0;display:inline-block;}
-#motion_list{height:155px;overflow:auto;border-radius:5px;border:1px solid #444;position:relative;background: #222;margin:0}
-.dark .list-group-item{border-color: #444;background:#222}
-.dark .list-group-item.active{background:#c49a68;border-color:#a7865f}
-.novideos{text-transform: uppercase;text-align: center;border-bottom:0!important;padding-top: 55%!important;letter-spacing:2px}
-
-.btn-warning {
-    color: #fff;
-    background-color: #c49a68;
-    border-color: #c49a68;
-}
-
-.dark.modal .modal-header,.dark.modal .modal-footer{background:#333;border-color:#444;}
-.dark.modal .modal-header{color:#fff;}
-.dark.modal .modal-footer>*:not(.btn){color:#fff;}
-.dark.modal .modal-body{background:#333;}
-.dark.modal .close{color:#fff;}
-.dark.modal{color:#fff;}
-.dark .table-striped>tbody>tr:nth-of-type(even){background:#616161}
-.dark .table-striped>tbody>tr>td{border-color:#222;color:#fff}
-.dark .table-striped>thead>tr>th{border-color:#222;color:#fff;background:#616161;vertical-align:middle;}
-.dark .table-striped>tbody>tr:nth-of-type(odd){background-color: #4c4747;}
-.dark .table>tbody>tr.active>td{background:inherit;border:0}
-.dark code{color: #c49a68;background-color: #36333d;}
-.dark a:not(.btn){color: #c49a68;}
-.follow-list ul{padding:0;margin:0;font-family:"Roboto","Helvetica","Arial",sans-serif;}
-.follow-list ul a:not(.btn){color:#fff}
-.os_bars{width:600px;display:inline-block;padding:5px 0 0 10px}
-@media screen and (max-width: 600px){
-    .os_bars{width:200px;}
-    .os_bars label{padding:2.5px 0;margin:0;font-size:8pt}
-}
-.os_bars .display-table .display-table-cell{padding:5px;vertical-align:center;width:33%}
-.progress{height:5px;margin:0;}
-.os_bars label,.os_bars .percent{padding:2.5px 0;margin:0;font-size:7.5pt}
-.ui-pnotify-hide .ui-pnotify{display:none!important}
-/*cool dropdown thing*/
-ul.msg_list li {
-    background: #f7f7f7;color:#333;
-    padding: 5px;
-    display: list-item;
-    margin: 6px 6px 0;
-    width: 96% !important
-}
-
-ul.msg_list li div{display:block}
-
-ul.msg_list li:last-child {
-    margin-bottom: 6px;
-    padding: 10px
-}
-
-ul.msg_list li a {
-    padding: 3px 5px !important
-}
-ul.msg_list li .progress {
-    height:5px;margin:10px 0 0 0;
-}
-
-ul.msg_list li .image img {
-    border-radius: 2px 2px 2px 2px;
-    -webkit-border-radius: 2px 2px 2px 2px;
-    float: left;
-    margin-right: 10px;
-    width: 11%
-}
-
-ul.msg_list li .time {
-    font-size: 11px;
-    font-style: italic;
-    font-weight: bold;
-    position: absolute;
-}
-
-ul.msg_list li .message {
-    display: block !important;
-    font-size: 11px
-}
-
-.dropdown-menu.msg_list span {
-    white-space: normal
-}
-
-.dropdown-menu {
-    border: medium none;
-    box-shadow: none;
-    display: none;
-    float: left;
-    font-size: 12px;
-    left: 0;
-    list-style: none outside none;
-    padding: 0;
-    position: absolute;
-    text-shadow: none;
-    top: 100%;
-    z-index: 9998;
-    border: 1px solid #D9DEE4;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0
-}
-
-.dropdown-menu>li>a {
-    color: #5A738E
-}
-
-.navbar-nav .open .dropdown-menu {
-    position: absolute;
-    background: #fff;
-    margin-top: 0;
-    border: 1px solid #D9DEE4;
-    -webkit-box-shadow: none;
-    right: 0;
-    left: auto;
-    width: 220px
-}
-.is-small-screen .nav>li{display:inline-block}
-.navbar-nav .open .dropdown-menu li a{padding:7px 15px}
-.navbar-nav .open .dropdown-menu.msg_list {
-    width: 300px
-}
-.nav>li>a{color:#fff}
-.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:#867560}
-
-.mdl-js-layout.hide-side:not(.is-small-screen){
-
-}
-@media screen and (min-width: 1025px){
-    .mdl-js-layout.hide-side:not(.is-small-screen)>.mdl-layout__drawer {
-        width: 0px;transition:0.2s
-    }
-}
-.mdl-js-layout.hide-side:not(.is-small-screen) .mdl-layout__header .mdl-layout__drawer-button{
-    display:none;
-}
-.mdl-js-layout.hide-side:not(.is-small-screen)>.mdl-layout__content{
-    margin-left: 0px;transition:0.2s
-}
-.mdl-js-layout.hide-side:not(.is-small-screen)>.mdl-layout__header{
-    margin-left: 0px;width:100%;transition:0.2s
-}
-/*Control Pad*/
-.PTZ_controls {
-    z-index: 111;
-    position: absolute;
-    left: 20px;
-    top: 20px;
-    margin:0;
-    display: inline-block;
-    width: 120px;
-}
-.PTZ_controls .btn-group{margin-top:10px}
-.PTZ_controls .pad {
-  position: relative;
-  height: 120px;
-  width: 120px;
-  background: #b7b7b7;
-  border-radius: 50%;
-  box-shadow: inset 0 0 1px rgba(120, 120, 120, 0.6), inset 0 2px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(240, 240, 240, 0.4);
-}
-.PTZ_controls .control {
-  position: absolute;
-}
-.PTZ_controls .pad .control {
-    height: 30px;
-    width: 30px;
-    background: #636363;
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.6), 0 0 0 3px rgba(60, 60, 60, 0.2), 0 0 0 4px rgba(60, 60, 60, 0.2);
-    border-radius: 2px;
-}
-.PTZ_controls .zoom_in{
-  top: 0;
-  right: 0;
-}
-.PTZ_controls .zoom_out{
-  bottom: 0;
-  right: 0;
-}
-.PTZ_controls .nv_enabled{
-  top: 0;
-  right: 0;
-}
-.PTZ_controls .nv_disable{
-  bottom: 0;
-  right: 0;
-}
-.PTZ_controls .pad .top {
-  top: 15px;
-  left: 50%;
-  margin: 0 0 0 -15px;
-}
-.PTZ_controls .pad .left {
-  top: 45px;
-  left: 15px;
-}
-.PTZ_controls .pad .right {
-  top: 45px;
-  right: 15px;
-}
-.PTZ_controls .pad .control.right:before {
-  transform: rotate(90deg) translate(-3px, -5px);
-}
-.PTZ_controls .pad .bottom {
-  bottom: 15px;
-  left: 50%;
-  margin: 0 0 0 -15px;
-}
-/* Overlap the other controls to hide box-shadow */
-.PTZ_controls .pad .middle {
-  height: 34px;
-  width: 34px;
-  z-index: 5;
-  top: 43px;
-  left: 50%;
-  margin: 0 0 0 -17px;
-  box-shadow: none;
-  border-radius: 3px;
-}
-.PTZ_controls .pad .middle:after {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: -35% 0 0 -35%;
-  content: '';
-  background: #636363;
-  height: 70%;
-  width: 70%;
-  border-radius: 100%;
-  box-shadow: inset 0 0 2px rgba(120, 120, 120, 0.6), inset 0 2px 8px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(240, 240, 240, 0.2);
-}
-/*Digital Zoom*/
-.stream-block{
-    position: relative;
-    overflow: auto;
-}
-.zoomGlass {
-    overflow: hidden;
-    transition: none;
-	width: 175px; height: 175px;
-	position: absolute;
-    border-radius: 15px;
-    border: 3px solid #ddd;
-    z-index:9999;
-}
-.zoomGlass iframe,.zoomGlass canvas{position:absolute;transition: none;}
-.zoomGlass .hoverShade{position:absolute;width:100%;height:100%}
-
-.dark.form-control,.dark .form-control {
-    display: block;
-    width: 100%;
-    height: 35px;
-    padding: 6px 12px;
-    font-size: 14px;
-    line-height: 1.5;
-    color: #eee;
-    background-color: #36333d;
-    background-image: none;
-    border: 1px solid #444;
-    border-radius: 4px;
-    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-}
-
-.dark.form-control:focus,.dark .form-control:focus {
-    color: #ddd;
-    background-color: #333;
-    box-shadow: none;
-}
-
-
-/*** custom checkboxes ***/
-
-.checkbox input[type=checkbox] { display:none; } /* to hide the checkbox itself */
-.checkbox input[type=checkbox] + label:before {
-  font-family: FontAwesome;
-  display: inline-block;
-}
-
-.checkbox input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
-.checkbox input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */
-
-.checkbox input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
-.checkbox input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
-
-/*Clock*/
-#time-date {font-size:12px; text-align:center;}
-@media screen and (min-width:1025px){
-    #clock {padding-right:35px}
-}
-#clock ul { width:150px; margin:0 auto; padding:0px; list-style:none; text-align:center; }
-#clock ul li { display:inline; font-size:1.6em; text-align:center;font-family:monospace;}
-
-#clock .point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; }
-
-/*custom vis.js css*/
-.vis-timeline{background:#212121;color:#fff;border-color:#444}
-.vis-time-axis .vis-text{color: #dedede}
-.vis-item.vis-range .vis-item-content{background:#333;color:#fff}
-.vis-time-axis .vis-grid.vis-minor{border-color:#444}
-
-
-@-moz-document url-prefix() {
-    .full.modal .modal-body, .medium.modal .modal-body {
-        height:70%
-    }
-}
-
-/*animations*/
-@keyframes blink {
-  0% { opacity:1 }
-  50% { opacity:0 }
-  100% { opacity:1 }
-}
-@-webkit-keyframes blink {
-  0% { opacity:1 }
-  50% { opacity:0 }
-  100% { opacity:1 }
-}
-.blink,[mode="Record"] .lamp {
-  -webkit-animation: blink 1s linear infinite;
-  -moz-animation: blink 1s linear infinite;
-  animation: blink 1s linear infinite;
-}
-.mdl-menu__item>div{display:flex;align-items: center;width:100%}
-.mdl-menu__item>div>i{margin-right:5px}
-/*For languages that are right to left*/
-.right-to-left {text-align:right}
-.right-to-left select{direction: rtl;}
-.right-to-left input,.right-to-left textarea{direction: rtl;text-align:right}
-.right-to-left .form-group label span{padding-right:10px}
-.right-to-left .modal-footer{text-align:left}
-.right-to-left .mdl-menu__item>div>*{flex:1}
-.right-to-left .mdl-menu__item>div>i{margin-right:0;margin-left:5px}
-.right-to-left .mdl-menu__item{text-align:right}
-.right-to-left .mdl-menu__item i{float:right}
-.right-to-left .pull-right,.right-to-left .close{float:left!important}
-.right-to-left .pull-left,.right-to-left .mdl-menu__item span{float:right!important}
-/* All-CSS Toggle Switch (Checkbox Hack) by Marcus Burnette - https://codepen.io/mburnette/pen/LxNxNg */
-.marc-toggle {
-    width: 50px;
-    height: 25px;
-}
-.marc-toggle.abs-bot-left {
-    position: absolute;
-    bottom: 10px;
-    left: 10px;
-}
-.marc-toggle.abs-bot-right {
-    position: absolute;
-    bottom: 10px;
-    right: 10px;
-}
-.marc-toggle input[type=checkbox]{
-    height: 0;
-    width: 0;
-    visibility: hidden;
-}
-
-.marc-toggle label {
-    cursor: pointer;
-    text-indent: -9999px;
-    width: 100px;
-    height: 20px;
-    background: grey;
-    display: block;
-    border-radius: 100px;
-    margin-bottom: 0;
-    position: relative;
-}
-
-.marc-toggle label:after {
-    content: '';
-    position: absolute;
-    top: 5px;
-    left: 5px;
-    width: 10px;
-    height: 10px;
-    background: #fff;
-    border-radius: 90px;
-    transition: 0.3s;
-}
-
-.marc-toggle input:checked + label {
-    background: #00118c;
-}
-
-.marc-toggle input:checked + label:after {
-    left: calc(100% - 5px);
-    transform: translateX(-100%);
-}
-
-.marc-toggle label:active:after {
-    width: 10px;
-}
-
-/*hexagon pattern*/
-.bg-hexagon {
-    background-color: #054e9f;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23fdfdfd' fill-opacity='0.4' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-}

web/libs/css/material.style.css

@@ -1,625 +0,0 @@
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *      http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-html, body {
-  font-family: 'Roboto', 'Helvetica', sans-serif;
-}
-.demo-avatar {
-  width: 48px;
-  height: 48px;
-  border-radius: 24px;
-}
-.demo-layout .mdl-layout__header .mdl-layout__drawer-button {
-  color: rgba(0, 0, 0, 0.54);
-}
-.mdl-layout__drawer .avatar {
-  margin-bottom: 16px;
-}
-.demo-drawer {
-  border: none;
-}
-/* iOS Safari specific workaround */
-.demo-drawer .mdl-menu__container {
-  z-index: -1;
-}
-.demo-drawer .demo-navigation {
-  z-index: -2;
-}
-/* END iOS Safari specific workaround */
-.demo-drawer .mdl-menu .mdl-menu__item {
-  display: flex;
-  align-items: center;
-}
-.demo-drawer-header {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  padding: 16px;
-}
-.demo-avatar-dropdown {
-  display: flex;
-  position: relative;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-}
-
-.demo-navigation {
-  flex-grow: 1;
-}
-.demo-layout .demo-navigation .mdl-navigation__link {
-  display: flex !important;
-  flex-direction: row;
-  align-items: center;
-  color: rgb(255, 255, 255);
-  font-weight: 500;
-}
-.demo-layout .demo-navigation .mdl-navigation__link:hover {
-  background-color: #bd7200;
-}
-.demo-navigation .mdl-navigation__link .material-icons {
-  font-size: 24px;
-  color: rgba(255, 255, 255, 0.56);
-  margin-right: 32px;
-}
-
-.demo-content {
-  max-width: 1080px;
-}
-
-.demo-charts {
-  align-items: center;
-}
-.demo-chart:nth-child(1) {
-  color: #ACEC00;
-}
-.demo-chart:nth-child(2) {
-  color: #00BBD6;
-}
-.demo-chart:nth-child(3) {
-  color: #BA65C9;
-}
-.demo-chart:nth-child(4) {
-  color: #EF3C79;
-}
-.demo-graphs {
-  padding: 16px 32px;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-/* TODO: Find a proper solution to have the graphs
- * not float around outside their container in IE10/11.
- * Using a browserhacks.com solution for now.
- */
-_:-ms-input-placeholder, :root .demo-graphs {
-  min-height: 664px;
-}
-_:-ms-input-placeholder, :root .demo-graph {
-  max-height: 300px;
-}
-/* TODO end */
-.demo-graph:nth-child(1) {
-  color: #00b9d8;
-}
-.demo-graph:nth-child(2) {
-  color: #d9006e;
-}
-
-.demo-cards {
-  align-items: flex-start;
-  align-content: flex-start;
-}
-.demo-cards .demo-separator {
-  height: 32px;
-}
-.demo-cards .mdl-card__title.mdl-card__title {
-  color: white;
-  font-size: 24px;
-  font-weight: 400;
-}
-.demo-cards ul {
-  padding: 0;
-}
-.demo-cards h3 {
-  font-size: 1em;
-}
-.demo-updates .mdl-card__title {
-  min-height: 200px;
-  background-image: url('images/dog.png');
-  background-position: 90% 100%;
-  background-repeat: no-repeat;
-}
-.demo-cards .mdl-card__actions a {
-  color: #00BCD4;
-  text-decoration: none;
-}
-
-.demo-options h3 {
-  margin: 0;
-}
-.demo-options .mdl-checkbox__box-outline {
-  border-color: rgba(255, 255, 255, 0.89);
-}
-.demo-options ul {
-  margin: 0;
-  list-style-type: none;
-}
-.demo-options li {
-  margin: 4px 0;
-}
-.demo-options .material-icons {
-  color: rgba(255, 255, 255, 0.89);
-}
-.demo-options .mdl-card__actions {
-  height: 64px;
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-}
-
-.demo-blog .demo-blog__posts {
-  padding: 0;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  margin: 0 auto;
-  -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-          flex-shrink: 0;
-}
-
-.demo-blog.mdl-layout .mdl-layout__content {
-  padding-top: 20px;
-  position: relative;
-  -webkit-overflow-scrolling: touch;
-}
-.demo-blog.mdl-layout .mdl-layout__content:not(.selected) {
-  display: none;
-}
-.demo-blog .mdl-card {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  min-height: 360px;
-}
-.demo-blog .mdl-card__title {
-  padding: 16px;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.demo-blog .mdl-card__media {
-  box-sizing: border-box;
-  background-size: cover;
-  padding: 24px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-align-items: flex-end;
-      -ms-flex-align: end;
-          align-items: flex-end;
-}
-.demo-blog .mdl-card__title a {
-  color: inherit;
-}
-.demo-blog .mdl-card__supporting-text {
-  width: 100%;
-  padding: 16px;
-  min-height: 64px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.demo-blog .mdl-card__supporting-text strong {
-  font-weight: 400;
-}
-.demo-blog .mdl-card__media ~ .mdl-card__supporting-text {
-  min-height: 64px;
-}
-.demo-blog .mdl-card__supporting-text:not(:last-child) {
-  box-sizing: border-box;
-  padding:10px 16px;min-height:auto;
-}
-.demo-blog:not(.demo-blog--blogpost) .mdl-card__supporting-text ~ .mdl-card__supporting-text {
-  border-top: 1px solid #54502d;
-}
-
-.demo-blog .mdl-card__actions:first-child {
-  margin-left: 0;
-}
-.demo-blog .meta {
-  box-sizing: border-box;
-  padding: 16px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-justify-content: flex-start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  height: auto;
-}
-.demo-blog .meta > .meta__favorites{
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  margin: 0 8px;
-  font-size: 13px;
-  font-weight: 500;
-}
-.demo-blog .meta > .meta__favorites .material-icons {
-  font-size: 2em;
-  cursor: pointer;
-  margin-left: 12px;
-}
-.demo-blog .mdl-card .meta.meta--fill {
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-.demo-blog .meta > *:first-child {
-  margin-right: 16px;
-}
-.demo-blog .meta > * {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.demo-blog.is-small-screen .demo-blog__posts > .mdl-card.coffee-pic {
-  -webkit-order: 0;
-      -ms-flex-order: 0;
-          order: 0;
-}
-.demo-blog.is-small-screen .demo-blog__posts > .mdl-card.something-else {
-  -webkit-order: -1;
-      -ms-flex-order: -1;
-          order: -1;
-}
-.demo-blog .coffee-pic .mdl-card__media {
-  background-image: url('images/coffee.jpg');
-}
-.demo-blog .something-else .mdl-card__media {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.demo-blog .something-else > button {
-  position: absolute;
-  top: 0;
-  right: 28px;
-  -webkit-transform: translate(0px, -28px);
-          transform: translate(0px, -28px);
-}
-.demo-blog .something-else .mdl-card__media {
-  font-size: 13px;
-  font-weight: 500;
-  border-top-left-radius: 2px;
-  border-top-right-radius: 2px;
-}
-.demo-blog .something-else .mdl-card__media img {
-  width: 64px;
-  height: 64px;
-  margin-bottom: 10px;
-}
-.demo-blog .something-else .mdl-card__supporting-text {
-  background-color: #F5F5F5;
-  border-bottom-left-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.demo-blog .on-the-road-again .mdl-card__media {
-  background-image: url('images/road.jpg');
-}
-.demo-blog .shopping .mdl-card__media {
-  background-image: url('images/shopping.jpg');
-}
-.demo-blog .demo-blog__posts > .demo-nav {
-  margin: 12px 15px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  color: white;
-  font-weight: 500;
-}
-.demo-blog .demo-blog__posts > .demo-nav > .demo-nav__button {
-  color: white;
-  text-decoration: none;
-}
-.demo-blog .demo-blog__posts > .demo-nav .mdl-button {
-  color: rgba(0,0,0,0.54);
-  background-color: white;
-}
-.demo-blog .demo-blog__posts > .demo-nav > .demo-nav__button:first-child .mdl-button {
-  margin-right: 16px;
-}
-.demo-blog .demo-blog__posts > .demo-nav > .demo-nav__button:last-child .mdl-button {
-  margin-left: 16px;
-}
-.demo-blog .mdl-card > a {
-  color: inherit;
-  text-decoration: none;
-  font-weight: inherit;
-}
-.demo-blog .mdl-card h3 {
-  margin: 0;
-}
-.demo-blog .mdl-card h3 a {
-  text-decoration: none;
-}
-.demo-blog .mdl-card h3.quote:before, .demo-blog .mdl-card h3.quote:after {
-  display: block;
-  font-size: 3em;
-  margin-top: 0.5em;
-}
-.demo-blog .mdl-card h3.quote:before {
-  content: '“';
-}
-.demo-blog .mdl-card h3.quote:after {
-  content: '”';
-}
-.demo-blog--blogpost .custom-header {
-  background-color: transparent;
-}
-.demo-blog--blogpost .demo-blog__posts > .mdl-card .mdl-card__media {
-  background-image: url('images/road_big.jpg');
-  height: 280px;
-}
-.demo-blog--blogpost .comments {
-  background-color: #EEE;
-}
-.demo-blog--blogpost .meta > * {
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.demo-blog--blogpost .meta + .mdl-card__supporting-text {
-  border: 0;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.demo-blog--blogpost .meta + .mdl-card__supporting-text p {
-  max-width: 512px;
-  margin: 16px auto;
-  font-size: 16px;
-  line-height: 28px;
-}
-
-.demo-blog--blogpost .comments {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-justify-content: flex-start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-  padding: 32px;
-  box-sizing: border-box;
-}
-.demo-blog--blogpost .comments > form {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  margin-bottom: 16px;
-}
-.demo-blog--blogpost .comments > form .mdl-textfield {
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  margin-right: 16px;
-  color: rgb(97, 97, 97);
-}
-/* Workaround for Firefox.
- * User agent stylesheet kept overwriting the font in FF only.
- */
-.demo-blog--blogpost .comments > form .mdl-textfield .mdl-textfield__input {
-  font-family: 'Roboto', 'Helvetica', sans-serif;
-}
-.demo-blog--blogpost .comments > form .mdl-textfield input,
-.demo-blog--blogpost .comments > form .mdl-textfield textarea {
-  resize: none;
-}
-.demo-blog--blogpost .comments > form button {
-  margin-top: 20px;
-  background-color: rgba(0, 0, 0, 0.24);
-  color: white;
-}
-.demo-blog--blogpost .comments .comment {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-align-items: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-}
-.demo-blog--blogpost .comments .comment > .comment__header {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-bottom: 16px;
-}
-.demo-blog--blogpost .comments .comment > .comment__header > .comment__avatar {
-  width: 48px;
-  height: 48px;
-  border-radius: 24px;
-  margin-right: 16px;
-}
-.demo-blog--blogpost .comments .comment > .comment__header > .comment__author {
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-.demo-blog--blogpost .comments .comment > .comment__text {
-  line-height: 1.5em;
-}
-.demo-blog--blogpost .comments .comment > .comment__actions {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-justify-content: flex-start;
-      -ms-flex-pack: start;
-          justify-content: flex-start;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  font-size: 0.8em;
-  margin-top: 16px;
-}
-.demo-blog--blogpost .comments .comment > .comment__actions button {
-  margin-right: 16px;
-  color: rgba(0, 0, 0, 0.24);
-}
-.demo-blog--blogpost .comments .comment > .comment__answers {
-  padding-top: 32px;
-  padding-left: 48px;
-}
-
-.demo-blog--blogpost .demo-back {
-  position: absolute;
-  top: 16px;
-  left: 16px;
-  color: white;
-  z-index: 9999;
-}
-.demo-blog .section-spacer {
-  -webkit-flex-grow: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.demo-blog .something-else {
-  overflow: visible;
-  z-index: 10;
-}
-.demo-blog .amazing .mdl-card__title {
-  background-color: #263238;
-}
-.demo-blog .minilogo {
-  width: 44px;
-  height: 44px;
-  background-image: url('images/avatar.png');
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 50%;
-  border-radius: 22px;
-  background-color: #F5F5F5;
-}
-
-/* Fixes for IE 10 */
-.mdl-grid {
-  display: -webkit-flex !important;
-  display: -ms-flexbox !important;
-  display: flex !important;
-}
-
-.social-btn {
-  background-position: center;
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-color: transparent;
-  margin: 0 16px;
-  width: 24px;
-  height: 24px;
-  cursor: pointer;
-  opacity: 0.46;
-  border-radius: 2px;
-}
-.social-btn__share {
-  color: rgba(0, 0, 0, 0.54);
-  background: transparent;
-}
-
-.demo-blog .mdl-mini-footer {
-  margin-top: 80px;
-  height: 120px;
-  padding: 40px;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  background-color: white;
-  box-sizing: border-box;
-}

web/libs/css/montserrat.css

@@ -1,48 +0,0 @@
-/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 2, 2016 */
-/* Downloaded from https://github.com/Antpolis/Montserrat-Font */
-
-
-@font-face {
-    font-family: 'montserratbold';
-    src: url('../fonts/montserrat-bold.eot');
-    src: url('../fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/montserrat-bold.woff2') format('woff2'),
-         url('../fonts/montserrat-bold.woff') format('woff'),
-         url('../fonts/montserrat-bold.ttf') format('truetype'),
-         url('../fonts/montserrat-bold.svg#montserratbold') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-
-
-
-@font-face {
-    font-family: 'montserratlight';
-    src: url('../fonts/montserrat-light.eot');
-    src: url('../fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/montserrat-light.woff2') format('woff2'),
-         url('../fonts/montserrat-light.woff') format('woff'),
-         url('../fonts/montserrat-light.ttf') format('truetype'),
-         url('../fonts/montserrat-light.svg#montserratlight') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}
-
-
-
-
-@font-face {
-    font-family: 'montserratregular';
-    src: url('../fonts/montserrat-regular.eot');
-    src: url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
-         url('../fonts/montserrat-regular.woff2') format('woff2'),
-         url('../fonts/montserrat-regular.woff') format('woff'),
-         url('../fonts/montserrat-regular.ttf') format('truetype'),
-         url('../fonts/montserrat-regular.svg#montserratregular') format('svg');
-    font-weight: normal;
-    font-style: normal;
-
-}

web/libs/css/roboto.css

@@ -1,106 +0,0 @@
-/* BEGIN Thin */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Thin/Roboto-Thin.woff2?v=2.137") format("woff2"), url("../fonts/Thin/Roboto-Thin.woff?v=2.137") format("woff");
-  font-weight: 100;
-  font-style: normal; }
-/* END Thin */
-/* BEGIN Thin Italic */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/ThinItalic/Roboto-ThinItalic.woff2?v=2.137") format("woff2"), url("../fonts/ThinItalic/Roboto-ThinItalic.woff?v=2.137") format("woff");
-  font-weight: 100;
-  font-style: italic; }
-/* END Thin Italic */
-/* BEGIN Light */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Light/Roboto-Light.woff2?v=2.137") format("woff2"), url("../fonts/Light/Roboto-Light.woff?v=2.137") format("woff");
-  font-weight: 300;
-  font-style: normal; }
-/* END Light */
-/* BEGIN Light Italic */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/LightItalic/Roboto-LightItalic.woff2?v=2.137") format("woff2"), url("../fonts/LightItalic/Roboto-LightItalic.woff?v=2.137") format("woff");
-  font-weight: 300;
-  font-style: italic; }
-/* END Light Italic */
-/* BEGIN Regular */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=2.137") format("woff");
-  font-weight: 400;
-  font-style: normal; }
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Regular/Roboto-Regular.woff2?v=2.137") format("woff2"), url("../fonts/Regular/Roboto-Regular.woff?v=2.137") format("woff");
-  font-weight: normal;
-  font-style: normal; }
-/* END Regular */
-/* BEGIN Italic */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../fonts/Italic/Roboto-Italic.woff?v=2.137") format("woff");
-  font-weight: 400;
-  font-style: italic; }
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Italic/Roboto-Italic.woff2?v=2.137") format("woff2"), url("../fonts/Italic/Roboto-Italic.woff?v=2.137") format("woff");
-  font-weight: normal;
-  font-style: italic; }
-/* END Italic */
-/* BEGIN Medium */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Medium/Roboto-Medium.woff2?v=2.137") format("woff2"), url("../fonts/Medium/Roboto-Medium.woff?v=2.137") format("woff");
-  font-weight: 500;
-  font-style: normal; }
-/* END Medium */
-/* BEGIN Medium Italic */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/MediumItalic/Roboto-MediumItalic.woff2?v=2.137") format("woff2"), url("../fonts/MediumItalic/Roboto-MediumItalic.woff?v=2.137") format("woff");
-  font-weight: 500;
-  font-style: italic; }
-/* END Medium Italic */
-/* BEGIN Bold */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=2.137") format("woff");
-  font-weight: 700;
-  font-style: normal; }
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Bold/Roboto-Bold.woff2?v=2.137") format("woff2"), url("../fonts/Bold/Roboto-Bold.woff?v=2.137") format("woff");
-  font-weight: bold;
-  font-style: normal; }
-/* END Bold */
-/* BEGIN Bold Italic */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("../fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
-  font-weight: 700;
-  font-style: italic; }
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/BoldItalic/Roboto-BoldItalic.woff2?v=2.137") format("woff2"), url("../fonts/BoldItalic/Roboto-BoldItalic.woff?v=2.137") format("woff");
-  font-weight: bold;
-  font-style: italic; }
-/* END Bold Italic */
-/* BEGIN Black */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/Black/Roboto-Black.woff2?v=2.137") format("woff2"), url("../fonts/Black/Roboto-Black.woff?v=2.137") format("woff");
-  font-weight: 900;
-  font-style: normal; }
-/* END Black */
-/* BEGIN Black Italic */
-@font-face {
-  font-family: Roboto;
-  src: url("../fonts/BlackItalic/Roboto-BlackItalic.woff2?v=2.137") format("woff2"), url("../fonts/BlackItalic/Roboto-BlackItalic.woff?v=2.137") format("woff");
-  font-weight: 900;
-  font-style: italic; }
-/* END Black Italic */
-
-/*# sourceMappingURL=roboto.css.map */

web/libs/css/roboto.css.map

@@ -1,7 +0,0 @@
-{
-"version": 3,
-"mappings": "AAAA,gBAAgB;AAChB,UAKC;EAJA,WAAW,EAAE,MAAM;ECDnB,GAAG,EAAE,0HAC6F;EDElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,cAAc;AEPd,uBAAuB;AACvB,UAKC;EAJA,WAAW,EAAE,MAAM;EDDnB,GAAG,EAAE,kJAC6F;ECElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,qBAAqB;ACPrB,iBAAiB;AACjB,UAKC;EAJA,WAAW,EAAE,MAAM;EFDnB,GAAG,EAAE,8HAC6F;EEElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,eAAe;ACPf,wBAAwB;AACxB,UAKC;EAJA,WAAW,EAAE,MAAM;EHDnB,GAAG,EAAE,sJAC6F;EGElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,sBAAsB;ACPtB,mBAAmB;AACnB,UAKC;EAJA,WAAW,EAAE,MAAM;EJDnB,GAAG,EAAE,sIAC6F;EIElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,UAKC;EAJA,WAAW,EAAE,MAAM;EJPnB,GAAG,EAAE,sIAC6F;EIQlG,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;AAEnB,iBAAiB;ACbjB,kBAAkB;AAClB,UAKC;EAJA,WAAW,EAAE,MAAM;ELDnB,GAAG,EAAE,kIAC6F;EKElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,UAKC;EAJA,WAAW,EAAE,MAAM;ELPnB,GAAG,EAAE,kIAC6F;EKQlG,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;AAEnB,gBAAgB;ACbhB,kBAAkB;AAClB,UAKC;EAJA,WAAW,EAAE,MAAM;ENDnB,GAAG,EAAE,kIAC6F;EMElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,gBAAgB;ACPhB,yBAAyB;AACzB,UAKC;EAJA,WAAW,EAAE,MAAM;EPDnB,GAAG,EAAE,0JAC6F;EOElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,uBAAuB;ACPvB,gBAAgB;AAChB,UAKC;EAJA,WAAW,EAAE,MAAM;ERDnB,GAAG,EAAE,0HAC6F;EQElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,UAKC;EAJA,WAAW,EAAE,MAAM;ERPnB,GAAG,EAAE,0HAC6F;EQQlG,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,MAAM;AAEnB,cAAc;ACbd,uBAAuB;AACvB,UAKC;EAJA,WAAW,EAAE,MAAM;ETDnB,GAAG,EAAE,kJAC6F;ESElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,UAKC;EAJA,WAAW,EAAE,MAAM;ETPnB,GAAG,EAAE,kJAC6F;ESQlG,WAAW,EAAE,IAAI;EACjB,UAAU,EAAE,MAAM;AAEnB,qBAAqB;ACbrB,iBAAiB;AACjB,UAKC;EAJA,WAAW,EAAE,MAAM;EVDnB,GAAG,EAAE,8HAC6F;EUElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,eAAe;ACPf,wBAAwB;AACxB,UAKC;EAJA,WAAW,EAAE,MAAM;EXDnB,GAAG,EAAE,sJAC6F;EWElG,WAAW,EAAE,GAAG;EAChB,UAAU,EAAE,MAAM;AAEnB,sBAAsB",
-"sources": ["../sass/_Thin.scss","../sass/_mixins.scss","../sass/_ThinItalic.scss","../sass/_Light.scss","../sass/_LightItalic.scss","../sass/_Regular.scss","../sass/_Italic.scss","../sass/_Medium.scss","../sass/_MediumItalic.scss","../sass/_Bold.scss","../sass/_BoldItalic.scss","../sass/_Black.scss","../sass/_BlackItalic.scss"],
-"names": [],
-"file": "roboto.css"
-}

web/libs/css/roboto.less

@@ -1,15 +0,0 @@
-@import (reference) "../less/_variables";
-@import (reference) "../less/_mixins";
-
-@import "../less/_Thin";
-@import "../less/_ThinItalic";
-@import "../less/_Light";
-@import "../less/_LightItalic";
-@import "../less/_Regular";
-@import "../less/_Italic";
-@import "../less/_Medium";
-@import "../less/_MediumItalic";
-@import "../less/_Bold";
-@import "../less/_BoldItalic";
-@import "../less/_Black";
-@import "../less/_BlackItalic";

web/libs/css/roboto.scss

@@ -1,15 +0,0 @@
-@import "../sass/variables";
-@import "../sass/mixins";
-
-@import "../sass/Thin";
-@import "../sass/ThinItalic";
-@import "../sass/Light";
-@import "../sass/LightItalic";
-@import "../sass/Regular";
-@import "../sass/Italic";
-@import "../sass/Medium";
-@import "../sass/MediumItalic";
-@import "../sass/Bold";
-@import "../sass/BoldItalic";
-@import "../sass/Black";
-@import "../sass/BlackItalic";