diff --git a/assets/AppAsset.php b/assets/AppAsset.php
index 87f2f9c..9087606 100644
--- a/assets/AppAsset.php
+++ b/assets/AppAsset.php
@@ -17,9 +17,12 @@ class AppAsset extends AssetBundle
     ];
     public $depends = [
         'yii\web\YiiAsset',
-        'yii\bootstrap\BootstrapAsset',
+        'yii\bootstrap\BootstrapPluginAsset',
         'rmrevin\yii\fontawesome\AssetBundle',
-        'dmstr\web\AdminLteAsset',
-        'shifrin\noty\NotyAsset',
+//        'dmstr\web\AdminLteAsset',
+//        'shifrin\noty\NotyAsset',
+        'app\assets\MDThemeAsset',
+//        'app\assets\JSCookieAsset',
+//        'app\assets\ChartjsAsset',
     ];
 }
diff --git a/assets/ChartjsAsset.php b/assets/ChartjsAsset.php
new file mode 100644
index 0000000..1d889c5
--- /dev/null
+++ b/assets/ChartjsAsset.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace app\assets;
+
+use yii\web\AssetBundle;
+
+class ChartjsAsset extends AssetBundle
+{
+    public $sourcePath = '@bower/chart.js/dist';
+    public $js = [
+        'Chart.min.js',
+    ];
+    public $publishOptions = [
+        'only' => [
+            '*.js',
+        ]
+    ];
+}
diff --git a/assets/FontawesomeIconpickerAsset.php b/assets/FontawesomeIconpickerAsset.php
new file mode 100644
index 0000000..b8c2bd5
--- /dev/null
+++ b/assets/FontawesomeIconpickerAsset.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace app\assets;
+
+use yii\web\AssetBundle;
+
+class FontawesomeIconpickerAsset extends AssetBundle
+{
+    public $sourcePath = '@bower/fontawesome-iconpicker/dist';
+    public $js = [
+        'js/fontawesome-iconpicker.min.js',
+    ];
+    public $css = [
+        'css/fontawesome-iconpicker.min.css',
+    ];
+    public $depends = [
+        'yii\web\JqueryAsset',
+    ];
+}
diff --git a/assets/JSCookieAsset.php b/assets/JSCookieAsset.php
new file mode 100644
index 0000000..32e0244
--- /dev/null
+++ b/assets/JSCookieAsset.php
@@ -0,0 +1,18 @@
+<?php
+
+namespace app\assets;
+
+use yii\web\AssetBundle;
+
+class JSCookieAsset extends AssetBundle
+{
+    public $sourcePath = '@bower/js-cookie';
+    public $js = [
+        'src/js.cookie.js',
+    ];
+    public $publishOptions = [
+        'only' => [
+            '*.js',
+        ]
+    ];
+}
diff --git a/assets/MDThemeAsset.php b/assets/MDThemeAsset.php
new file mode 100644
index 0000000..1b6968c
--- /dev/null
+++ b/assets/MDThemeAsset.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace app\assets;
+
+use yii\web\AssetBundle;
+
+class MDThemeAsset extends AssetBundle
+{
+    public $basePath = '@webroot';
+    public $baseUrl = '@web';
+    public $css = [
+        'css/theme.css',
+        'css/ripples.css',
+        'css/md.theme.css',
+    ];
+    public $js = [
+        'js/ripples.js',
+        'js/md.theme.js',
+    ];
+    public $depends = [
+        'yii\web\JqueryAsset',
+        'yii\bootstrap\BootstrapPluginAsset',
+        'app\assets\SnackbarjsAsset',
+        'app\assets\SpectrumAsset',
+    ];
+}
diff --git a/assets/WSClientAsset.php b/assets/PanelAsset.php
similarity index 66%
rename from assets/WSClientAsset.php
rename to assets/PanelAsset.php
index b21d343..24da424 100644
--- a/assets/WSClientAsset.php
+++ b/assets/PanelAsset.php
@@ -3,21 +3,22 @@
 namespace app\assets;
 
 use yii\web\AssetBundle;
-use yii\web\JqueryAsset;
 
-class WSClientAsset extends AssetBundle
+class PanelAsset extends AssetBundle
 {
     public $basePath = '@webroot';
     public $baseUrl = '@web';
     public $css = [
-        'css/wsclient.css',
+        'css/panel.css',
     ];
     public $js = [
-        'js/wsclient.js',
+        'js/panel.js',
     ];
     public $depends = [
-        'app\assets\SpectrumAsset',
         'app\assets\AppAsset',
+        'app\assets\HandlebarsAsset',
+        'app\assets\SpectrumAsset',
+        'app\assets\ChartjsAsset',
         'yii\web\JqueryAsset',
     ];
 }
diff --git a/assets/SnackbarjsAsset.php b/assets/SnackbarjsAsset.php
new file mode 100644
index 0000000..e9e4f09
--- /dev/null
+++ b/assets/SnackbarjsAsset.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace app\assets;
+
+use yii\web\AssetBundle;
+
+class SnackbarjsAsset extends AssetBundle
+{
+    public $sourcePath = '@bower/snackbarjs';
+    public $js = [
+        'dist/snackbar.min.js',
+    ];
+    public $css = [
+        'dist/snackbar.css',
+        'themes-css/material.css',
+    ];
+    public $publishOptions = [
+        'only' => [
+            '*.js',
+            '*.css',
+            '*.js.*',
+            '*.css.*',
+        ]
+    ];
+}
diff --git a/commands/PanelController.php b/commands/StartCoreServerController.php
similarity index 84%
rename from commands/PanelController.php
rename to commands/StartCoreServerController.php
index 7362cd0..e4c0c70 100644
--- a/commands/PanelController.php
+++ b/commands/StartCoreServerController.php
@@ -8,14 +8,13 @@ use Ratchet\Http\HttpServer;
 use Ratchet\WebSocket\WsServer;
 use React\EventLoop\Factory;
 use React\Socket\Server;
-use Yii;
 use yii\console\Controller;
 
-class PanelController extends Controller
+class StartCoreServerController extends Controller
 {
     public function actionIndex($port = 8081)
     {
-        echo "Starting server on port $port..." . PHP_EOL;
+        echo "Starting Core WS Server on port $port..." . PHP_EOL;
 
         $loop = Factory::create();
 
diff --git a/components/ActionButtonColumn.php b/components/ActionButtonColumn.php
index 1cebdc2..d6804c4 100644
--- a/components/ActionButtonColumn.php
+++ b/components/ActionButtonColumn.php
@@ -37,7 +37,7 @@ class ActionButtonColumn extends ActionColumn
             $this->buttons['view'] = function ($url, $model, $key) {
                 return Html::a(FA::i('eye'), $url, array_merge([
                     'title' => Yii::t('yii', 'View'),
-                    'class' => 'btn btn-ar btn-default btn-xs',
+                    'class' => 'btn btn-flat btn-xs btn-default',
                 ], $this->buttonOptions));
             };
         }
@@ -45,7 +45,7 @@ class ActionButtonColumn extends ActionColumn
             $this->buttons['update'] = function ($url, $model, $key) {
                 return Html::a(FA::i('pencil'), $url, array_merge([
                     'title' => Yii::t('yii', 'Update'),
-                    'class' => 'btn btn-ar btn-primary btn-xs',
+                    'class' => 'btn btn-flat btn-xs btn-default',
                 ], $this->buttonOptions));
             };
         }
@@ -53,7 +53,7 @@ class ActionButtonColumn extends ActionColumn
             $this->buttons['delete'] = function ($url, $model, $key) {
                 return Html::a(FA::i('trash'), $url, array_merge([
                     'title' => Yii::t('yii', 'Delete'),
-                    'class' => 'btn btn-ar btn-danger btn-xs',
+                    'class' => 'btn btn-flat btn-xs btn-default',
                     'data-confirm' => Yii::t('yii', 'Are you sure you want to delete this item?'),
                     'data-method' => 'post',
                 ], $this->buttonOptions));
diff --git a/composer.json b/composer.json
index 61f7b6d..d02fb54 100644
--- a/composer.json
+++ b/composer.json
@@ -11,20 +11,22 @@
     "cboden/ratchet": "^0.3.4",
     "bower-asset/handlebars": "^4.0",
     "bower-asset/spectrum": "^1.8",
+    "bower-asset/snackbarjs": "dev-fixes",
     "rmrevin/yii2-fontawesome": "~2.12",
-    "dmstr/yii2-adminlte-asset": "2.*",
     "linslin/yii2-curl": "1.0.8",
     "shifrin/yii2-noty": "^1.0",
     "ratchet/pawl": "^0.2.2",
     "voskobovich/yii2-many-many-behavior": "^3.2",
     "kartik-v/yii2-widgets": "^3.4",
     "kartik-v/yii2-datecontrol": "^1.9",
-    "voskobovich/yii2-linker-behavior": "4.0.1-rc"
+    "voskobovich/yii2-linker-behavior": "4.0.1-rc",
+    "bower-asset/js-cookie": "^2.1",
+    "bower-asset/chart.js": ">=2.5",
+    "bower-asset/fontawesome-iconpicker": "^1.3"
   },
   "require-dev": {
     "yiisoft/yii2-debug": "*",
-    "yiisoft/yii2-gii": "*",
-    "yiisoft/yii2-faker": "*"
+    "yiisoft/yii2-gii": "*"
   },
   "config": {
     "process-timeout": 1800
@@ -33,6 +35,16 @@
     "asset-installer-paths": {
       "npm-asset-library": "vendor/npm",
       "bower-asset-library": "vendor/bower"
-    }
+    },
+    "asset-repositories": [
+      {
+        "type": "bower-github",
+        "url": "https://github.com/CyanoFresh/snackbarjs",
+        "name": "bower-asset/snackbarjs"
+      }
+    ]
+  },
+  "scripts": {
+    "post-install-cmd": "php init --env=Development --overwrite=n"
   }
 }
diff --git a/composer.lock b/composer.lock
index e2e19d7..1540710 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,49 +4,9 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#composer-lock-the-lock-file",
         "This file is @generated automatically"
     ],
-    "hash": "87c8d87131a5bfba1bfd212e32223bc6",
-    "content-hash": "662fe9c5133c13341bcddbe8b1f55bfc",
+    "hash": "d72e15d1c94855a26467586b784ffcb8",
+    "content-hash": "50f7bcdee8e1349910fd57865528edf4",
     "packages": [
-        {
-            "name": "almasaeed2010/adminlte",
-            "version": "v2.3.11",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/almasaeed2010/AdminLTE.git",
-                "reference": "2be703222af2edcb87e562d3da2299e4352bff8a"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/almasaeed2010/AdminLTE/zipball/2be703222af2edcb87e562d3da2299e4352bff8a",
-                "reference": "2be703222af2edcb87e562d3da2299e4352bff8a",
-                "shasum": ""
-            },
-            "type": "library",
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Abdullah Almsaeed",
-                    "email": "abdullah@almsaeedstudio.com"
-                }
-            ],
-            "description": "AdminLTE - admin control panel and dashboard that's based on Bootstrap 3",
-            "homepage": "http://almsaeedstudio.com/",
-            "keywords": [
-                "JS",
-                "admin",
-                "back-end",
-                "css",
-                "less",
-                "responsive",
-                "template",
-                "theme",
-                "web"
-            ],
-            "time": "2017-01-08 21:03:57"
-        },
         {
             "name": "bower-asset/bootstrap",
             "version": "v3.3.7",
@@ -96,6 +56,73 @@
                 "web"
             ]
         },
+        {
+            "name": "bower-asset/chart.js",
+            "version": "v2.5.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/chartjs/Chart.js.git",
+                "reference": "c867d3f728d595eafc017f4d4136128824d1db25"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/chartjs/Chart.js/zipball/c867d3f728d595eafc017f4d4136128824d1db25",
+                "reference": "c867d3f728d595eafc017f4d4136128824d1db25",
+                "shasum": ""
+            },
+            "type": "bower-asset-library",
+            "extra": {
+                "bower-asset-main": "./dist/Chart.js",
+                "bower-asset-ignore": [
+                    ".github",
+                    ".codeclimate.yml",
+                    ".gitignore",
+                    ".npmignore",
+                    ".travis.yml",
+                    "scripts"
+                ]
+            },
+            "license": [
+                "MIT"
+            ],
+            "description": "Simple HTML5 charts using the canvas element."
+        },
+        {
+            "name": "bower-asset/fontawesome-iconpicker",
+            "version": "1.3.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/itsjavi/fontawesome-iconpicker.git",
+                "reference": "6087c66a7395738f59cab3887221bb75cd0e08f7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/itsjavi/fontawesome-iconpicker/zipball/6087c66a7395738f59cab3887221bb75cd0e08f7",
+                "reference": "6087c66a7395738f59cab3887221bb75cd0e08f7",
+                "shasum": ""
+            },
+            "require": {
+                "bower-asset/bootstrap": ">=3.0.0,<4.0.0",
+                "bower-asset/jquery": ">=1.10"
+            },
+            "type": "bower-asset-library",
+            "extra": {
+                "bower-asset-main": [
+                    "dist/css/fontawesome-iconpicker.css",
+                    "dist/css/fontawesome-iconpicker.min.css",
+                    "dist/js/fontawesome-iconpicker.js",
+                    "dist/js/fontawesome-iconpicker.min.js"
+                ],
+                "bower-asset-ignore": [
+                    "\\.*",
+                    "/extension",
+                    "/src",
+                    "index.html",
+                    "/package.json",
+                    "/Gruntfile.js"
+                ]
+            }
+        },
         {
             "name": "bower-asset/handlebars",
             "version": "v4.0.5",
@@ -151,16 +178,16 @@
         },
         {
             "name": "bower-asset/jquery.inputmask",
-            "version": "3.2.7",
+            "version": "3.3.4",
             "source": {
                 "type": "git",
-                "url": "https://github.com/RobinHerbots/jquery.inputmask.git",
-                "reference": "5a72c563b502b8e05958a524cdfffafe9987be38"
+                "url": "https://github.com/RobinHerbots/Inputmask.git",
+                "reference": "8a882bc471ba4077c4f8ecbe3d9d61c7558f3ef2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/RobinHerbots/jquery.inputmask/zipball/5a72c563b502b8e05958a524cdfffafe9987be38",
-                "reference": "5a72c563b502b8e05958a524cdfffafe9987be38",
+                "url": "https://api.github.com/repos/RobinHerbots/Inputmask/zipball/8a882bc471ba4077c4f8ecbe3d9d61c7558f3ef2",
+                "reference": "8a882bc471ba4077c4f8ecbe3d9d61c7558f3ef2",
                 "shasum": ""
             },
             "require": {
@@ -169,7 +196,14 @@
             "type": "bower-asset-library",
             "extra": {
                 "bower-asset-main": [
-                    "./dist/inputmask/inputmask.js"
+                    "./dist/inputmask/inputmask.dependencyLib",
+                    "./dist/inputmask/inputmask",
+                    "./dist/inputmask/inputmask.extensions",
+                    "./dist/inputmask/inputmask.date.extensions",
+                    "./dist/inputmask/inputmask.numeric.extensions",
+                    "./dist/inputmask/inputmask.phone.extensions",
+                    "./dist/inputmask/inputmask.regex.extensions",
+                    "./dist/inputmask/jquery.inputmask"
                 ],
                 "bower-asset-ignore": [
                     "**/*",
@@ -195,6 +229,41 @@
                 "plugins"
             ]
         },
+        {
+            "name": "bower-asset/js-cookie",
+            "version": "v2.1.3",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/js-cookie/js-cookie.git",
+                "reference": "68acf18560eb7a5d21db7197ae24d975971d1ae0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/js-cookie/js-cookie/zipball/68acf18560eb7a5d21db7197ae24d975971d1ae0",
+                "reference": "68acf18560eb7a5d21db7197ae24d975971d1ae0",
+                "shasum": ""
+            },
+            "type": "bower-asset-library",
+            "extra": {
+                "bower-asset-main": [
+                    "src/js.cookie.js"
+                ],
+                "bower-asset-ignore": [
+                    "travis.sh",
+                    "test",
+                    "Gruntfile.js",
+                    "package.json",
+                    ".gitignore",
+                    ".jshintignore",
+                    ".jshintrc",
+                    ".tm_properties",
+                    ".travis.yml"
+                ]
+            },
+            "license": [
+                "MIT"
+            ]
+        },
         {
             "name": "bower-asset/noty",
             "version": "v2.4.0",
@@ -244,6 +313,36 @@
                 ]
             }
         },
+        {
+            "name": "bower-asset/snackbarjs",
+            "version": "dev-fixes",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/CyanoFresh/snackbarjs.git",
+                "reference": "18df00bca47dea8421922b37db2ebd798cadd0fa"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/CyanoFresh/snackbarjs/zipball/18df00bca47dea8421922b37db2ebd798cadd0fa",
+                "reference": "18df00bca47dea8421922b37db2ebd798cadd0fa",
+                "shasum": ""
+            },
+            "require": {
+                "bower-asset/jquery": ">=2.0.0,<3.0.0"
+            },
+            "type": "bower-asset-library",
+            "extra": {
+                "bower-asset-main": [
+                    "dist/snackbar.min.js",
+                    "dist/snackbar.min.css"
+                ],
+                "bower-asset-ignore": [
+                    ".jshintrc",
+                    "**/*.txt"
+                ]
+            },
+            "time": "2017-02-08 21:57:42"
+        },
         {
             "name": "bower-asset/spectrum",
             "version": "1.8.0",
@@ -422,109 +521,6 @@
             ],
             "time": "2016-09-14 20:40:20"
         },
-        {
-            "name": "cebe/yii2-gravatar",
-            "version": "1.1",
-            "target-dir": "cebe/gravatar",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/cebe/yii2-gravatar.git",
-                "reference": "c9c01bd14c9bdee9e5ae1ef1aad23f80c182c057"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/cebe/yii2-gravatar/zipball/c9c01bd14c9bdee9e5ae1ef1aad23f80c182c057",
-                "reference": "c9c01bd14c9bdee9e5ae1ef1aad23f80c182c057",
-                "shasum": ""
-            },
-            "require": {
-                "yiisoft/yii2": "*"
-            },
-            "type": "yii2-extension",
-            "autoload": {
-                "psr-0": {
-                    "cebe\\gravatar\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "Carsten Brandt",
-                    "email": "mail@cebe.cc",
-                    "homepage": "http://cebe.cc/",
-                    "role": "Core framework development"
-                }
-            ],
-            "description": "Gravatar Widget for Yii 2",
-            "keywords": [
-                "gravatar",
-                "yii"
-            ],
-            "time": "2013-12-10 17:49:58"
-        },
-        {
-            "name": "dmstr/yii2-adminlte-asset",
-            "version": "2.3.4",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/dmstr/yii2-adminlte-asset.git",
-                "reference": "32fdb7378f3f4bcc5fb35db5e17a2dd11f9e2b57"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/dmstr/yii2-adminlte-asset/zipball/32fdb7378f3f4bcc5fb35db5e17a2dd11f9e2b57",
-                "reference": "32fdb7378f3f4bcc5fb35db5e17a2dd11f9e2b57",
-                "shasum": ""
-            },
-            "require": {
-                "almasaeed2010/adminlte": "~2.0",
-                "cebe/yii2-gravatar": "1.*",
-                "rmrevin/yii2-fontawesome": "~2.9",
-                "yiisoft/yii2": "2.*",
-                "yiisoft/yii2-bootstrap": "2.*"
-            },
-            "type": "yii2-extension",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "dmstr\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Tobias Munk",
-                    "email": "tobias@diemeisterei.de"
-                },
-                {
-                    "name": "Evgeniy Tkachenko",
-                    "email": "et.coder@gmail.com"
-                }
-            ],
-            "description": "AdminLTE backend theme asset bundle for Yii 2.0 Framework",
-            "keywords": [
-                "AdminLTE",
-                "admin",
-                "asset",
-                "backend",
-                "css",
-                "extension",
-                "less",
-                "theme",
-                "yii2"
-            ],
-            "time": "2016-10-21 02:03:45"
-        },
         {
             "name": "evenement/evenement",
             "version": "v2.0.0",
@@ -2693,16 +2689,16 @@
         },
         {
             "name": "react/socket",
-            "version": "v0.4.5",
+            "version": "v0.4.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/reactphp/socket.git",
-                "reference": "32385d71f84c4a26ea577cb91f1220decb440dce"
+                "reference": "cf074e53c974df52388ebd09710a9018894745d2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/reactphp/socket/zipball/32385d71f84c4a26ea577cb91f1220decb440dce",
-                "reference": "32385d71f84c4a26ea577cb91f1220decb440dce",
+                "url": "https://api.github.com/repos/reactphp/socket/zipball/cf074e53c974df52388ebd09710a9018894745d2",
+                "reference": "cf074e53c974df52388ebd09710a9018894745d2",
                 "shasum": ""
             },
             "require": {
@@ -2714,6 +2710,7 @@
             },
             "require-dev": {
                 "clue/block-react": "^1.1",
+                "phpunit/phpunit": "~4.8",
                 "react/socket-client": "^0.5.1"
             },
             "type": "library",
@@ -2730,7 +2727,7 @@
             "keywords": [
                 "Socket"
             ],
-            "time": "2017-01-08 11:36:16"
+            "time": "2017-01-26 09:23:38"
         },
         {
             "name": "react/socket-client",
@@ -2775,16 +2772,16 @@
         },
         {
             "name": "react/stream",
-            "version": "v0.4.5",
+            "version": "v0.4.6",
             "source": {
                 "type": "git",
                 "url": "https://github.com/reactphp/stream.git",
-                "reference": "23389503012e1ab721ad498a5a1f4b39f7a43c00"
+                "reference": "44dc7f51ea48624110136b535b9ba44fd7d0c1ee"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/reactphp/stream/zipball/23389503012e1ab721ad498a5a1f4b39f7a43c00",
-                "reference": "23389503012e1ab721ad498a5a1f4b39f7a43c00",
+                "url": "https://api.github.com/repos/reactphp/stream/zipball/44dc7f51ea48624110136b535b9ba44fd7d0c1ee",
+                "reference": "44dc7f51ea48624110136b535b9ba44fd7d0c1ee",
                 "shasum": ""
             },
             "require": {
@@ -2815,7 +2812,7 @@
                 "pipe",
                 "stream"
             ],
-            "time": "2016-11-13 17:06:02"
+            "time": "2017-01-25 14:44:14"
         },
         {
             "name": "rmrevin/yii2-fontawesome",
@@ -3015,7 +3012,7 @@
         },
         {
             "name": "symfony/event-dispatcher",
-            "version": "v3.2.2",
+            "version": "v3.2.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/event-dispatcher.git",
@@ -3075,16 +3072,16 @@
         },
         {
             "name": "symfony/http-foundation",
-            "version": "v3.2.2",
+            "version": "v3.2.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/http-foundation.git",
-                "reference": "33eb76bf1d833c705433e5361a646c164696394b"
+                "reference": "e192b04de44aa1ed0e39d6793f7e06f5e0b672a0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/33eb76bf1d833c705433e5361a646c164696394b",
-                "reference": "33eb76bf1d833c705433e5361a646c164696394b",
+                "url": "https://api.github.com/repos/symfony/http-foundation/zipball/e192b04de44aa1ed0e39d6793f7e06f5e0b672a0",
+                "reference": "e192b04de44aa1ed0e39d6793f7e06f5e0b672a0",
                 "shasum": ""
             },
             "require": {
@@ -3124,7 +3121,7 @@
             ],
             "description": "Symfony HttpFoundation Component",
             "homepage": "https://symfony.com",
-            "time": "2017-01-08 20:47:33"
+            "time": "2017-02-02 13:47:35"
         },
         {
             "name": "symfony/polyfill-mbstring",
@@ -3187,16 +3184,16 @@
         },
         {
             "name": "symfony/routing",
-            "version": "v3.2.2",
+            "version": "v3.2.3",
             "source": {
                 "type": "git",
                 "url": "https://github.com/symfony/routing.git",
-                "reference": "fda2c67d47ec801726ca888c95d701d31b27b444"
+                "reference": "af464432c177dbcdbb32295113b7627500331f2d"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/symfony/routing/zipball/fda2c67d47ec801726ca888c95d701d31b27b444",
-                "reference": "fda2c67d47ec801726ca888c95d701d31b27b444",
+                "url": "https://api.github.com/repos/symfony/routing/zipball/af464432c177dbcdbb32295113b7627500331f2d",
+                "reference": "af464432c177dbcdbb32295113b7627500331f2d",
                 "shasum": ""
             },
             "require": {
@@ -3258,7 +3255,7 @@
                 "uri",
                 "url"
             ],
-            "time": "2017-01-02 20:32:22"
+            "time": "2017-01-28 02:37:08"
         },
         {
             "name": "voskobovich/yii2-linker-behavior",
@@ -3371,21 +3368,21 @@
         },
         {
             "name": "yiisoft/yii2",
-            "version": "2.0.10",
+            "version": "2.0.11.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/yiisoft/yii2-framework.git",
-                "reference": "5bfcb7a6dfa9771e2248eb8c4448613330f343ff"
+                "reference": "5c9c894b1d20bc1a39814063adf8a1aeb7c86f77"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/yiisoft/yii2-framework/zipball/5bfcb7a6dfa9771e2248eb8c4448613330f343ff",
-                "reference": "5bfcb7a6dfa9771e2248eb8c4448613330f343ff",
+                "url": "https://api.github.com/repos/yiisoft/yii2-framework/zipball/5c9c894b1d20bc1a39814063adf8a1aeb7c86f77",
+                "reference": "5c9c894b1d20bc1a39814063adf8a1aeb7c86f77",
                 "shasum": ""
             },
             "require": {
                 "bower-asset/jquery": "2.2.*@stable | 2.1.*@stable | 1.11.*@stable | 1.12.*@stable",
-                "bower-asset/jquery.inputmask": "~3.2.2",
+                "bower-asset/jquery.inputmask": "~3.2.2 | ~3.3.3",
                 "bower-asset/punycode": "1.3.*",
                 "bower-asset/yii2-pjax": "~2.0.1",
                 "cebe/markdown": "~1.0.0 | ~1.1.0",
@@ -3453,6 +3450,12 @@
                     "name": "Dmitry Naumenko",
                     "email": "d.naumenko.a@gmail.com",
                     "role": "Core framework development"
+                },
+                {
+                    "name": "Boudewijn Vahrmeijer",
+                    "email": "info@dynasource.eu",
+                    "homepage": "http://dynasource.eu",
+                    "role": "Core framework development"
                 }
             ],
             "description": "Yii PHP Framework Version 2",
@@ -3461,7 +3464,7 @@
                 "framework",
                 "yii2"
             ],
-            "time": "2016-10-20 12:02:50"
+            "time": "2017-02-02 18:53:16"
         },
         {
             "name": "yiisoft/yii2-bootstrap",
@@ -3642,54 +3645,6 @@
                 "bower-asset-main": "dist/typeahead.bundle.js"
             }
         },
-        {
-            "name": "fzaninotto/faker",
-            "version": "v1.6.0",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/fzaninotto/Faker.git",
-                "reference": "44f9a286a04b80c76a4e5fb7aad8bb539b920123"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/fzaninotto/Faker/zipball/44f9a286a04b80c76a4e5fb7aad8bb539b920123",
-                "reference": "44f9a286a04b80c76a4e5fb7aad8bb539b920123",
-                "shasum": ""
-            },
-            "require": {
-                "php": "^5.3.3|^7.0"
-            },
-            "require-dev": {
-                "ext-intl": "*",
-                "phpunit/phpunit": "~4.0",
-                "squizlabs/php_codesniffer": "~1.5"
-            },
-            "type": "library",
-            "extra": {
-                "branch-alias": []
-            },
-            "autoload": {
-                "psr-4": {
-                    "Faker\\": "src/Faker/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "authors": [
-                {
-                    "name": "François Zaninotto"
-                }
-            ],
-            "description": "Faker is a PHP library that generates fake data for you.",
-            "keywords": [
-                "data",
-                "faker",
-                "fixtures"
-            ],
-            "time": "2016-04-29 12:21:54"
-        },
         {
             "name": "phpspec/php-diff",
             "version": "v1.1.0",
@@ -3775,53 +3730,6 @@
             ],
             "time": "2016-11-24 09:42:29"
         },
-        {
-            "name": "yiisoft/yii2-faker",
-            "version": "2.0.3",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/yiisoft/yii2-faker.git",
-                "reference": "b88ca69ee226a3610b2c26c026c3203d7ac50f6c"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/yiisoft/yii2-faker/zipball/b88ca69ee226a3610b2c26c026c3203d7ac50f6c",
-                "reference": "b88ca69ee226a3610b2c26c026c3203d7ac50f6c",
-                "shasum": ""
-            },
-            "require": {
-                "fzaninotto/faker": "*",
-                "yiisoft/yii2": "*"
-            },
-            "type": "yii2-extension",
-            "extra": {
-                "branch-alias": {
-                    "dev-master": "2.0.x-dev"
-                }
-            },
-            "autoload": {
-                "psr-4": {
-                    "yii\\faker\\": ""
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "BSD-3-Clause"
-            ],
-            "authors": [
-                {
-                    "name": "Mark Jebri",
-                    "email": "mark.github@yandex.ru"
-                }
-            ],
-            "description": "Fixture generator. The Faker integration for the Yii framework.",
-            "keywords": [
-                "Fixture",
-                "faker",
-                "yii2"
-            ],
-            "time": "2015-03-01 06:22:44"
-        },
         {
             "name": "yiisoft/yii2-gii",
             "version": "2.0.5",
@@ -3878,7 +3786,9 @@
     ],
     "aliases": [],
     "minimum-stability": "dev",
-    "stability-flags": [],
+    "stability-flags": {
+        "bower-asset/snackbarjs": 20
+    },
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
diff --git a/config/main.php b/config/main.php
index 44726b4..22c7646 100644
--- a/config/main.php
+++ b/config/main.php
@@ -40,11 +40,16 @@ return [
             'showScriptName' => false,
             'rules' => [
                 '' => 'panel/index',
-                'login' => 'auth/login',
                 '<controller>' => '<controller>/index',
+                'profile/<id:\d+>' => 'profile/index',
                 'admin/<controller>/<id:\d+>/<action:(create|update|delete)>' => 'admin/<controller>/<action>',
                 'admin/<controller>/<id:\d+>' => 'admin/<controller>/view',
                 'admin/<controller>s' => 'admin/<controller>/index',
+                [
+                    'class' => 'yii\rest\UrlRule',
+                    'controller' => ['api/room', 'api/item'],
+                    'pluralize' => false,
+                ],
             ],
         ],
         'view' => [
@@ -54,20 +59,15 @@ return [
             'force_charset' => 'UTF-8',
         ],
         'formatter' => [
-//            'dateFormat' => 'dd.MM.yyyy',
-//            'datetimeFormat' => 'php:d.m.Y H:i',
             'defaultTimeZone' => 'Europe/Kiev',
             'timeZone' => 'Europe/Kiev',
         ],
         'assetManager' => [
+            'appendTimestamp' => true,
             'bundles' => [
-                'dmstr\web\AdminLteAsset' => [
-                    'skin' => 'skin-purple',
+                'yii\bootstrap\BootstrapAsset' => [
+                    'css' => [],
                 ],
-//                'yii\bootstrap\BootstrapAsset' => [
-//                    'css' => [],
-//                    'js' => [],
-//                ],
             ],
         ],
     ],
diff --git a/config/params.php b/config/params.php
index 922ea74..021d80d 100644
--- a/config/params.php
+++ b/config/params.php
@@ -12,6 +12,15 @@ $params = [
         'connectionCheckTimeout' => 180,
         'connectionCheckMaxIteration' => 2,
     ],
+    'items' => [
+        'rgb' => [
+            'fade-time' => 3000,
+            'color-time' => 3000,
+            'red' => 0,
+            'green' => 150,
+            'blue' => 150,
+        ],
+    ],
     'telegramBotApiKey' => '',
     'telegramBotChatId' => '',
 ];
diff --git a/controllers/AuthController.php b/controllers/AuthController.php
index 5dde7e7..2372cad 100644
--- a/controllers/AuthController.php
+++ b/controllers/AuthController.php
@@ -10,8 +10,6 @@ use app\models\LoginForm;
 
 class AuthController extends Controller
 {
-    public $layout = 'base';
-
     public function behaviors()
     {
         return [
@@ -41,14 +39,14 @@ class AuthController extends Controller
             return $this->goHome();
         }
 
-        $this->layout = 'base';
-
         $model = new LoginForm();
 
         if ($model->load(Yii::$app->request->post()) && $model->login()) {
             return $this->goBack();
         }
 
+        $this->layout = 'base';
+
         return $this->render('login', [
             'model' => $model,
         ]);
diff --git a/controllers/PanelController.php b/controllers/PanelController.php
index 9a859e8..370730a 100644
--- a/controllers/PanelController.php
+++ b/controllers/PanelController.php
@@ -2,8 +2,10 @@
 
 namespace app\controllers;
 
+use app\models\Room;
 use Yii;
 use yii\filters\AccessControl;
+use yii\helpers\Url;
 use yii\web\Controller;
 use yii\web\View;
 
@@ -29,14 +31,21 @@ class PanelController extends Controller
 
     public function actionIndex()
     {
+        $this->layout = 'main-no-content';
+
         $this->view->registerJs('
             var wsURL = "' . Yii::$app->params['wsURL']
             . '/?type=user&id=' . Yii::$app->user->identity->id
             . '&auth_token=' . Yii::$app->user->identity->getAuthToken()
             . '";
+            var itemValueChartUrl = "' . Url::to(['/api/item/chart-data', 'access-token' => Yii::$app->user->identity->api_key]) . '"
         ', View::POS_HEAD);
 
-        return $this->render('index');
+        $roomModels = Room::find()->orderBy('sort_order')->all();
+
+        return $this->render('index', [
+            'roomModels' => $roomModels,
+        ]);
     }
 
 }
diff --git a/controllers/ProfileController.php b/controllers/ProfileController.php
new file mode 100644
index 0000000..306adbc
--- /dev/null
+++ b/controllers/ProfileController.php
@@ -0,0 +1,57 @@
+<?php
+
+namespace app\controllers;
+
+use app\models\User;
+use Yii;
+use yii\filters\AccessControl;
+use yii\web\Controller;
+
+class ProfileController extends Controller
+{
+    /**
+     * @inheritdoc
+     */
+    public function behaviors()
+    {
+        return [
+            'access' => [
+                'class' => AccessControl::className(),
+                'rules' => [
+                    [
+                        'allow' => true,
+                        'roles' => ['@'],
+                    ],
+                ],
+            ],
+        ];
+    }
+
+    public function actionIndex($id = false)
+    {
+        $user = $id ? User::findOne($id) : Yii::$app->user->identity;
+
+        return $this->render('index', [
+            'user' => $user,
+        ]);
+    }
+
+    public function actionEdit()
+    {
+        $user = Yii::$app->user->identity;
+        $user->scenario = User::SCENARIO_UPDATE;
+
+        if ($user->load(Yii::$app->request->post())) {
+            $user->setPassword($user->password);
+            $user->generateAuthKey();
+
+            if ($user->save()) {
+                return $this->redirect(['index']);
+            }
+        }
+
+        return $this->render('edit', [
+            'user' => $user,
+        ]);
+    }
+}
diff --git a/controllers/SiteController.php b/controllers/SiteController.php
index d42d7b3..8bbb0c3 100644
--- a/controllers/SiteController.php
+++ b/controllers/SiteController.php
@@ -13,6 +13,7 @@ class SiteController extends Controller
             'error' => [
                 'class' => 'app\components\ErrorAction',
                 'layout' => Yii::$app->user->isGuest ? 'base' : 'main',
+                'view' => Yii::$app->user->isGuest ? '/error/guest-error' : '/error/error',
             ],
         ];
     }
diff --git a/giiTemplates/crud/my/views/index.php b/giiTemplates/crud/my/views/index.php
index d897040..7ce6c0b 100644
--- a/giiTemplates/crud/my/views/index.php
+++ b/giiTemplates/crud/my/views/index.php
@@ -17,27 +17,23 @@ echo "<?php\n";
 /* @var $dataProvider yii\data\ActiveDataProvider */
 
 use yii\helpers\Html;
-use <?= $generator->indexWidgetType === 'grid' ? "yii\\grid\\GridView" : "yii\\widgets\\ListView" ?>;
-<?= $generator->enablePjax ? 'use yii\widgets\Pjax;' : '' ?>
+<?= $generator->indexWidgetType === 'grid' ? null : "use yii\\widgets\\ListView;" ?>
+<?= $generator->enablePjax ? 'use yii\widgets\Pjax;' . "\n" : '' ?>
 
 $this->title = <?= $generator->generateString(Inflector::pluralize(Inflector::camel2words(StringHelper::basename($generator->modelClass)))) ?>;
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="<?= Inflector::camel2id(StringHelper::basename($generator->modelClass)) ?>-index">
 
-    <p>
-        <?= "<?= " ?>Html::a(<?= $generator->generateString('Добавить') ?>, ['create'], ['class' => 'btn btn-success']) ?>
-    </p>
-<?php if(!empty($generator->searchModelClass)): ?>
-<?= "    <?php " . ($generator->indexWidgetType === 'grid' ? "// " : "") ?>echo $this->render('_search', ['model' => $searchModel]); ?>
-<?php endif; ?>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= "<?= " ?>Html::a(<?= $generator->generateString('Добавить') ?>, ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
 <?= $generator->enablePjax ? '    <?php Pjax::begin(); ?>' . "\n" : '' ?>
 <?php if ($generator->indexWidgetType === 'grid'): ?>
-    <?= "<?= " ?>GridView::widget([
+    <?= "<?= " ?>\app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         <?= !empty($generator->searchModelClass) ? "'filterModel' => \$searchModel,\n        'columns' => [\n" : "'columns' => [\n"; ?>
 <?php
 $count = 0;
diff --git a/giiTemplates/crud/my/views/view.php b/giiTemplates/crud/my/views/view.php
index d20849e..4925625 100644
--- a/giiTemplates/crud/my/views/view.php
+++ b/giiTemplates/crud/my/views/view.php
@@ -24,8 +24,8 @@ $this->params['breadcrumbs'][] = $this->title;
 <div class="<?= Inflector::camel2id(StringHelper::basename($generator->modelClass)) ?>-view">
 
     <p>
-        <?= "<?= " ?>Html::a(<?= \rmrevin\yii\fontawesome\FA::i('pencil') ?>, ['update', <?= $urlParams ?>], ['class' => 'btn btn-primary']) ?>
-        <?= "<?= " ?>Html::a(<?= \rmrevin\yii\fontawesome\FA::i('trash') ?>, ['delete', <?= $urlParams ?>], [
+        <?= "<?= " ?>Html::a('<?= \rmrevin\yii\fontawesome\FA::i('pencil') ?>', ['update', <?= $urlParams ?>], ['class' => 'btn btn-primary']) ?>
+        <?= "<?= " ?>Html::a('<?= \rmrevin\yii\fontawesome\FA::i('trash') ?>', ['delete', <?= $urlParams ?>], [
             'class' => 'btn btn-danger',
             'data' => [
                 'confirm' => <?= $generator->generateString('Are you sure you want to delete this item?') ?>,
diff --git a/helpers/RGBHelper.php b/helpers/RGBHelper.php
new file mode 100644
index 0000000..2ad6e00
--- /dev/null
+++ b/helpers/RGBHelper.php
@@ -0,0 +1,24 @@
+<?php
+
+namespace app\helpers;
+
+class RGBHelper
+{
+    /**
+     * @param integer $value
+     * @return integer
+     */
+    public static function from8to10($value)
+    {
+        return $value * 4;
+    }
+
+    /**
+     * @param integer $value
+     * @return float|integer
+     */
+    public static function from10to8($value)
+    {
+        return floor($value / 4);
+    }
+}
diff --git a/migrations/m170303_125418_create_item_widget.php b/migrations/m170303_125418_create_item_widget.php
new file mode 100644
index 0000000..46b96c9
--- /dev/null
+++ b/migrations/m170303_125418_create_item_widget.php
@@ -0,0 +1,45 @@
+<?php
+
+use yii\db\Migration;
+
+class m170303_125418_create_item_widget extends Migration
+{
+    public function safeUp()
+    {
+        $tableOptions = null;
+
+        if ($this->db->driverName === 'mysql') {
+            $tableOptions = 'CHARACTER SET utf8 COLLATE utf8_unicode_ci ENGINE=InnoDB';
+        }
+
+        $this->createTable('item_widget', [
+            'id' => $this->primaryKey(),
+            'active' => $this->boolean()->defaultValue(true),
+            'type' => $this->smallInteger()->notNull(),
+            'value_type' => $this->smallInteger(),
+            'sort_order' => $this->integer()->defaultValue(0),
+            'item_id' => $this->integer()->notNull(),
+            'room_id' => $this->integer(),
+            'name' => $this->string()->notNull(),
+            'html_class' => $this->string(),
+            'icon' => $this->string()->notNull(),
+        ], $tableOptions);
+
+        $this->createIndex('idx-item_widget-item_id', 'item_widget', 'item_id');
+        $this->addForeignKey('fk-item_widget-item_id', 'item_widget', 'item_id', 'item', 'id', 'CASCADE');
+
+        $this->createIndex('idx-item_widget-room_id', 'item_widget', 'room_id');
+        $this->addForeignKey('fk-item_widget-room_id', 'item_widget', 'room_id', 'room', 'id', 'CASCADE');
+    }
+
+    public function safeDown()
+    {
+        $this->dropForeignKey('fk-item_widget-item_id', 'item_widget');
+        $this->dropIndex('idx-item_widget-item_id', 'item_widget');
+
+        $this->dropForeignKey('fk-item_widget-room_id', 'item_widget');
+        $this->dropIndex('idx-item_widget-room_id', 'item_widget');
+
+        $this->dropTable('item_widget');
+    }
+}
diff --git a/migrations/m170303_150337_create_widgets_for_items.php b/migrations/m170303_150337_create_widgets_for_items.php
new file mode 100644
index 0000000..2679cc6
--- /dev/null
+++ b/migrations/m170303_150337_create_widgets_for_items.php
@@ -0,0 +1,44 @@
+<?php
+
+use app\models\Item;
+use app\models\ItemWidget;
+use yii\db\Migration;
+
+class m170303_150337_create_widgets_for_items extends Migration
+{
+    public function safeUp()
+    {
+        foreach (Item::find()->all() as $item) {
+            $itemWidget = new ItemWidget();
+            $itemWidget->active = true;
+            $itemWidget->item_id = $item->id;
+            $itemWidget->room_id = $item->room_id;
+            $itemWidget->name = $item->name;
+            $itemWidget->html_class = $item->class;
+            $itemWidget->icon = 'fa-' . $item->icon;
+
+            $itemWidget->type = $item->type;
+
+            if ($item->type == 21 or $item->type == 22 or $item->type == 25 or $item->type == 26) {
+                $itemWidget->type = 20;
+
+                if ($item->type == 21) {
+                    $itemWidget->value_type = ItemWidget::VALUE_TYPE_CELSIUS;
+                } elseif ($item->type == 22) {
+                    $itemWidget->value_type = ItemWidget::VALUE_TYPE_PERCENT;
+                } elseif ($item->type == 25) {
+                    $itemWidget->value_type = ItemWidget::VALUE_TYPE_BOOLEAN;
+                } elseif ($item->type == 26) {
+                    $itemWidget->value_type = ItemWidget::VALUE_TYPE_DOOR;
+                }
+            }
+
+            $itemWidget->save();
+        }
+    }
+
+    public function safeDown()
+    {
+        return 0;
+    }
+}
diff --git a/migrations/m170303_164850_fix_items.php b/migrations/m170303_164850_fix_items.php
new file mode 100644
index 0000000..cbe6f60
--- /dev/null
+++ b/migrations/m170303_164850_fix_items.php
@@ -0,0 +1,26 @@
+<?php
+
+use yii\db\Migration;
+
+class m170303_164850_fix_items extends Migration
+{
+    public function safeUp()
+    {
+        $this->dropColumn('item', 'active');
+        $this->dropColumn('item', 'room_id');
+        $this->dropColumn('item', 'bg');
+        $this->dropColumn('item', 'class');
+        $this->dropColumn('item', 'icon');
+        $this->dropColumn('item', 'sort_order');
+    }
+
+    public function safeDown()
+    {
+        $this->addColumn('item', 'active', $this->boolean()->defaultValue(true));
+        $this->addColumn('item', 'room_id', $this->integer()->notNull());
+        $this->addColumn('item', 'bg', $this->string());
+        $this->addColumn('item', 'class', $this->string());
+        $this->addColumn('item', 'icon', $this->string()->notNull());
+        $this->addColumn('item', 'sort_order', $this->integer()->defaultValue(0));
+    }
+}
diff --git a/migrations/m170312_221606_add_room_order_to_room.php b/migrations/m170312_221606_add_room_order_to_room.php
new file mode 100644
index 0000000..76b1cf5
--- /dev/null
+++ b/migrations/m170312_221606_add_room_order_to_room.php
@@ -0,0 +1,18 @@
+<?php
+
+use yii\db\Migration;
+
+class m170312_221606_add_room_order_to_room extends Migration
+{
+    public function safeUp()
+    {
+        $this->addColumn('room', 'sort_order', $this->integer()->defaultValue(0));
+        $this->dropColumn('room', 'bg');
+    }
+
+    public function safeDown()
+    {
+        $this->dropColumn('room', 'sort_order');
+        $this->addColumn('room', 'bg', $this->string());
+    }
+}
diff --git a/migrations/m170316_163700_add_user_fields.php b/migrations/m170316_163700_add_user_fields.php
new file mode 100644
index 0000000..02457d8
--- /dev/null
+++ b/migrations/m170316_163700_add_user_fields.php
@@ -0,0 +1,26 @@
+<?php
+
+use yii\db\Migration;
+
+class m170316_163700_add_user_fields extends Migration
+{
+    public function safeUp()
+    {
+        $this->addColumn('user', 'name', $this->string()->after('email'));
+        $this->addColumn('user', 'avatar', $this->string()->after('name'));
+        $this->addColumn('user', 'room_id', $this->integer()->after('email'));
+
+        $this->createIndex('idx-user-room_id', 'user', 'room_id');
+        $this->addForeignKey('fk-user-room_id', 'user', 'room_id', 'room', 'id');
+    }
+
+    public function safeDown()
+    {
+        $this->dropForeignKey('fk-user-room_id', 'user');
+        $this->dropIndex('idx-user-room_id', 'user');
+
+        $this->dropColumn('user', 'name');
+        $this->dropColumn('user', 'avatar');
+        $this->dropColumn('user', 'room_id');
+    }
+}
diff --git a/models/Item.php b/models/Item.php
index 76308ff..cb88de8 100644
--- a/models/Item.php
+++ b/models/Item.php
@@ -11,25 +11,20 @@ use yii\helpers\ArrayHelper;
  * This is the model class for table "item".
  *
  * @property integer $id
- * @property boolean $active
  * @property integer $type
  * @property integer $update_interval
  * @property boolean $enable_log
  * @property integer $save_history_interval
- * @property integer $room_id
  * @property integer $board_id
  * @property integer $pin
  * @property string $url
  * @property string $name
- * @property string $icon
- * @property string $bg
- * @property string $class
- * @property integer $sort_order
  * @property string $default_value
  *
  * @property History[] $histories
  * @property Room $room
  * @property Board $board
+ * @property ItemWidget $widget
  */
 class Item extends ActiveRecord
 {
@@ -39,14 +34,15 @@ class Item extends ActiveRecord
     const TYPE_VARIABLE_BOOLEAN_DOOR = 26;
     const TYPE_VARIABLE_TEMPERATURE = 21;
     const TYPE_VARIABLE_HUMIDITY = 22;
+    const TYPE_VARIABLE_LIGHT = 23;
     const TYPE_RGB = 30;
-    const TYPE_LIGHT_LEVEL = 40;
 
     const VALUE_ON = 1;
     const VALUE_OFF = 0;
 
-    const MODE_RAINBOW = 'rainbow';
-    const MODE_BREATH = 'breath';
+    const RGB_MODE_STATIC = 'static';
+    const RGB_MODE_WAVE = 'wave';
+    const RGB_MODE_FADE = 'fade';
 
     /**
      * Used for WS handler
@@ -68,19 +64,12 @@ class Item extends ActiveRecord
     public function rules()
     {
         return [
-            [['active', 'type', 'room_id', 'name', 'icon', 'bg', 'board_id'], 'required'],
+            [['type', 'name', 'board_id'], 'required'],
             [
-                ['type', 'update_interval', 'save_history_interval', 'room_id', 'sort_order', 'board_id', 'pin'],
+                ['type', 'update_interval', 'save_history_interval', 'board_id', 'pin'],
                 'integer'
             ],
-            [['url', 'name', 'icon', 'bg', 'class', 'default_value'], 'string', 'max' => 255],
-            [
-                ['room_id'],
-                'exist',
-                'skipOnError' => true,
-                'targetClass' => Room::className(),
-                'targetAttribute' => ['room_id' => 'id']
-            ],
+            [['url', 'name', 'default_value'], 'string', 'max' => 255],
             [
                 ['board_id'],
                 'exist',
@@ -88,9 +77,7 @@ class Item extends ActiveRecord
                 'targetClass' => Board::className(),
                 'targetAttribute' => ['board_id' => 'id']
             ],
-            [['sort_order', 'update_interval', 'save_history_interval'], 'default', 'value' => 0],
-            [['active', 'enable_log'], 'default', 'value' => true],
-            [['active', 'enable_log'], 'boolean'],
+            [['update_interval', 'save_history_interval'], 'default', 'value' => 0],
             [['default_value'], 'default', 'value' => null],
         ];
     }
@@ -102,20 +89,14 @@ class Item extends ActiveRecord
     {
         return [
             'id' => Yii::t('app', 'ID'),
-            'active' => Yii::t('app', 'Активно'),
             'enable_log' => Yii::t('app', 'Логирование'),
             'type' => Yii::t('app', 'Тип'),
             'update_interval' => Yii::t('app', 'Интервал обновления'),
             'save_history_interval' => Yii::t('app', 'Интервал сохранения в историю'),
-            'room_id' => Yii::t('app', 'Комната'),
             'board_id' => Yii::t('app', 'Плата'),
             'url' => Yii::t('app', 'Url'),
             'pin' => Yii::t('app', 'Pin'),
             'name' => Yii::t('app', 'Название'),
-            'icon' => Yii::t('app', 'Иконка'),
-            'bg' => Yii::t('app', 'CSS Background'),
-            'class' => Yii::t('app', 'CSS Класс'),
-            'sort_order' => Yii::t('app', 'Порядок сортировки'),
             'default_value' => Yii::t('app', 'Значение по умолчанию'),
         ];
     }
@@ -131,17 +112,17 @@ class Item extends ActiveRecord
     /**
      * @return \yii\db\ActiveQuery
      */
-    public function getRoom()
+    public function getBoard()
     {
-        return $this->hasOne(Room::className(), ['id' => 'room_id'])->inverseOf('items');
+        return $this->hasOne(Board::className(), ['id' => 'board_id'])->inverseOf('items');
     }
 
     /**
      * @return \yii\db\ActiveQuery
      */
-    public function getBoard()
+    public function getWidget()
     {
-        return $this->hasOne(Board::className(), ['id' => 'board_id'])->inverseOf('items');
+        return $this->hasOne(ItemWidget::className(), ['item_id' => 'id'])->inverseOf('item');
     }
 
     /**
@@ -165,8 +146,8 @@ class Item extends ActiveRecord
             self::TYPE_VARIABLE_BOOLEAN_DOOR => 'Переменная boolean дверь',
             self::TYPE_VARIABLE_TEMPERATURE => 'Переменная температура',
             self::TYPE_VARIABLE_HUMIDITY => 'Переменная влажность',
-            self::TYPE_RGB => 'RGB LED',
-            self::TYPE_LIGHT_LEVEL => 'Уровень освещенности',
+            self::TYPE_VARIABLE_LIGHT => 'Переменная освещенность',
+            self::TYPE_RGB => 'RGB',
         ];
     }
 
@@ -180,16 +161,15 @@ class Item extends ActiveRecord
 
     /**
      * @param bool $prependId
-     * @param bool $appendRoomName
      * @return array
      */
-    public static function getList($prependId = false, $appendRoomName = false)
+    public static function getList($prependId = false)
     {
         /** @var self[] $models */
         $models = self::find()->all();
         $result = [];
 
-        if (!$appendRoomName and !$prependId) {
+        if (!$prependId) {
             return ArrayHelper::map($models, 'id', 'name');
         }
 
@@ -202,10 +182,6 @@ class Item extends ActiveRecord
 
             $title .= $model->name;
 
-            if ($appendRoomName) {
-                $title .= ' - ' . $model->room->name;
-            }
-
             $result[$model->id] = $title;
         }
 
@@ -215,43 +191,28 @@ class Item extends ActiveRecord
     /**
      * @return array
      */
-    public static function getModesArray()
+    public static function getRGBModesArray()
     {
         return [
-            self::MODE_RAINBOW,
-            self::MODE_BREATH,
+            self::RGB_MODE_STATIC,
+            self::RGB_MODE_WAVE,
+            self::RGB_MODE_FADE,
         ];
     }
 
-    /**
-     * Returns normalized default value
-     * @return mixed
-     */
-    public function getDefaultValue()
+    public function getDefaultNAValue()
     {
-        if (!is_null($this->default_value)) {
-            return $this->default_value;
-        }
-
         switch ($this->type) {
-            case Item::TYPE_SWITCH:
-            case Item::TYPE_VARIABLE_BOOLEAN:
-            case Item::TYPE_VARIABLE_BOOLEAN_DOOR:
-                return false;
-
-            case Item::TYPE_VARIABLE_TEMPERATURE:
-            case Item::TYPE_VARIABLE_HUMIDITY:
-            case Item::TYPE_LIGHT_LEVEL:
-                return 0;
-
-            case Item::TYPE_RGB:
+            case self::TYPE_RGB:
                 return [
-                    0,
-                    0,
-                    0,
+                    'mode' => 'static',
+                    'red' => 0,
+                    'green' => 0,
+                    'blue' => 0,
+                    'fade_time' => Yii::$app->params['items']['rgb']['fade-time'],
                 ];
+            default:
+                return 'N/A';
         }
-
-        return false;
     }
 }
diff --git a/models/ItemSearch.php b/models/ItemSearch.php
index 99ec892..6a4f44e 100644
--- a/models/ItemSearch.php
+++ b/models/ItemSearch.php
@@ -63,8 +63,6 @@ class ItemSearch extends Item
             'type' => $this->type,
             'update_interval' => $this->update_interval,
             'save_history_interval' => $this->save_history_interval,
-            'room_id' => $this->room_id,
-            'sort_order' => $this->sort_order,
         ]);
 
         $query->andFilterWhere(['like', 'url', $this->url])
diff --git a/models/ItemWidget.php b/models/ItemWidget.php
new file mode 100644
index 0000000..9b495ee
--- /dev/null
+++ b/models/ItemWidget.php
@@ -0,0 +1,159 @@
+<?php
+
+namespace app\models;
+
+use Yii;
+use yii\db\ActiveRecord;
+
+/**
+ * This is the model class for table "item_widget".
+ *
+ * @property integer $id
+ * @property boolean $active
+ * @property integer $type
+ * @property integer $value_type
+ * @property integer $sort_order
+ * @property integer $item_id
+ * @property integer $room_id
+ * @property string $name
+ * @property string $html_class
+ * @property string $icon
+ *
+ * @property Item $item
+ * @property Room $room
+ */
+class ItemWidget extends ActiveRecord
+{
+    const TYPE_SWITCH = 10;
+    const TYPE_VARIABLE = 20;
+    const TYPE_RGB = 30;
+
+    const VALUE_TYPE_BOOLEAN = 10;
+    const VALUE_TYPE_DOOR = 20;
+    const VALUE_TYPE_CELSIUS = 30;
+    const VALUE_TYPE_PERCENT = 40;
+
+    /**
+     * @inheritdoc
+     */
+    public static function tableName()
+    {
+        return 'item_widget';
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function rules()
+    {
+        return [
+            [['sort_order', 'item_id', 'room_id', 'type', 'value_type'], 'integer'],
+            [['active'], 'boolean'],
+            [['active'], 'default', 'value' => true],
+            [['type'], 'in', 'range' => self::getTypesArray()],
+            [['value_type'], 'in', 'range' => self::getValueTypesArray()],
+            [['name', 'item_id', 'icon', 'type'], 'required'],
+            [['name', 'html_class', 'icon'], 'string', 'max' => 255],
+            [['sort_order'], 'default', 'value' => 0],
+            [['item_id'], 'exist', 'skipOnError' => true, 'targetClass' => Item::className(), 'targetAttribute' => ['item_id' => 'id']],
+            [['room_id'], 'exist', 'skipOnError' => true, 'targetClass' => Room::className(), 'targetAttribute' => ['room_id' => 'id']],
+        ];
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function attributeLabels()
+    {
+        return [
+            'id' => Yii::t('app', 'ID'),
+            'active' => Yii::t('app', 'Активно'),
+            'type' => Yii::t('app', 'Тип'),
+            'value_type' => Yii::t('app', 'Тип Значения'),
+            'sort_order' => Yii::t('app', 'Порядок сортировки'),
+            'item_id' => Yii::t('app', 'Элемент'),
+            'room_id' => Yii::t('app', 'Комната'),
+            'name' => Yii::t('app', 'Название'),
+            'html_class' => Yii::t('app', 'HTML класс'),
+            'icon' => Yii::t('app', 'Иконка'),
+        ];
+    }
+
+    /**
+     * @return \yii\db\ActiveQuery
+     */
+    public function getItem()
+    {
+        return $this->hasOne(Item::className(), ['id' => 'item_id'])->inverseOf('widget');
+    }
+
+    /**
+     * @return \yii\db\ActiveQuery
+     */
+    public function getRoom()
+    {
+        return $this->hasOne(Room::className(), ['id' => 'room_id'])->inverseOf('itemWidgets');
+    }
+
+    /**
+     * @inheritdoc
+     * @return ItemWidgetQuery the active query used by this AR class.
+     */
+    public static function find()
+    {
+        return new ItemWidgetQuery(get_called_class());
+    }
+
+    /**
+     * @return string
+     */
+    public function getName()
+    {
+        if ($this->name != null) {
+            return $this->name;
+        }
+
+        return $this->item->name;
+    }
+
+    /**
+     * @return array
+     */
+    public static function getTypes()
+    {
+        return [
+            self::TYPE_SWITCH => 'Переключатель',
+            self::TYPE_VARIABLE => 'Переменная',
+            self::TYPE_RGB => 'RGB',
+        ];
+    }
+
+    /**
+     * @return array
+     */
+    public static function getTypesArray()
+    {
+        return array_keys(self::getTypes());
+    }
+
+    /**
+     * @return array
+     */
+    public static function getValueTypes()
+    {
+        return [
+            self::VALUE_TYPE_BOOLEAN => 'Boolean',
+            self::VALUE_TYPE_DOOR => 'Дверь',
+            self::VALUE_TYPE_CELSIUS => 'Цельсии',
+            self::VALUE_TYPE_PERCENT => 'Проценты',
+        ];
+    }
+
+    /**
+     * @return array
+     */
+    public static function getValueTypesArray()
+    {
+        return array_keys(self::getValueTypes());
+    }
+}
diff --git a/models/ItemWidgetQuery.php b/models/ItemWidgetQuery.php
new file mode 100644
index 0000000..d9a33d0
--- /dev/null
+++ b/models/ItemWidgetQuery.php
@@ -0,0 +1,63 @@
+<?php
+
+namespace app\models;
+
+use yii\db\ActiveQuery;
+
+/**
+ * This is the ActiveQuery class for [[ItemWidget]].
+ *
+ * @see ItemWidget
+ */
+class ItemWidgetQuery extends ActiveQuery
+{
+    /**
+     * @return $this
+     */
+    public function active()
+    {
+        return $this->andWhere(['active' => true]);
+    }
+
+    /**
+     * @return $this
+     */
+    public function switches()
+    {
+        return $this->andWhere(['type' => ItemWidget::TYPE_SWITCH]);
+    }
+
+    /**
+     * @return $this
+     */
+    public function variables()
+    {
+        return $this->andWhere(['type' => ItemWidget::TYPE_VARIABLE]);
+    }
+
+    /**
+     * @return $this
+     */
+    public function rgb()
+    {
+        return $this->andWhere(['type' => ItemWidget::TYPE_RGB]);
+    }
+
+    /**
+     * @inheritdoc
+     * @return ItemWidget[]|array
+     */
+    public function all($db = null)
+    {
+        return parent::all($db);
+    }
+
+    /**
+     * @inheritdoc
+     * @return ItemWidget|array|null
+     */
+    public function one($db = null)
+    {
+        return parent::one($db);
+    }
+}
diff --git a/models/Room.php b/models/Room.php
index ace37a8..d03e436 100644
--- a/models/Room.php
+++ b/models/Room.php
@@ -3,6 +3,7 @@
 namespace app\models;
 
 use Yii;
+use yii\db\ActiveRecord;
 use yii\helpers\ArrayHelper;
 
 /**
@@ -10,11 +11,11 @@ use yii\helpers\ArrayHelper;
  *
  * @property integer $id
  * @property string $name
- * @property string $bg
+ * @property integer $sort_order
  *
  * @property Item[] $items
  */
-class Room extends \yii\db\ActiveRecord
+class Room extends ActiveRecord
 {
     /**
      * @inheritdoc
@@ -31,7 +32,9 @@ class Room extends \yii\db\ActiveRecord
     {
         return [
             [['name'], 'required'],
-            [['name', 'bg'], 'string', 'max' => 255],
+            [['name'], 'string', 'max' => 255],
+            [['sort_order'], 'integer'],
+            [['sort_order'], 'default', 'value' => 0],
         ];
     }
 
@@ -43,25 +46,16 @@ class Room extends \yii\db\ActiveRecord
         return [
             'id' => Yii::t('app', 'ID'),
             'name' => Yii::t('app', 'Название'),
-            'bg' => Yii::t('app', 'Фон'),
+            'sort_order' => Yii::t('app', 'Порядок сортировки'),
         ];
     }
 
     /**
-     * @return \yii\db\ActiveQuery
+     * @return \yii\db\ActiveQuery|ItemWidgetQuery
      */
-    public function getItems()
+    public function getItemWidgets()
     {
-        return $this->hasMany(Item::className(), ['room_id' => 'id'])->inverseOf('room');
-    }
-
-    /**
-     * @inheritdoc
-     * @return RoomQuery the active query used by this AR class.
-     */
-    public static function find()
-    {
-        return new RoomQuery(get_called_class());
+        return $this->hasMany(ItemWidget::className(), ['room_id' => 'id'])->inverseOf('room');
     }
 
     /**
diff --git a/models/RoomQuery.php b/models/RoomQuery.php
deleted file mode 100644
index 5a7bd87..0000000
--- a/models/RoomQuery.php
+++ /dev/null
@@ -1,34 +0,0 @@
-<?php
-
-namespace app\models;
-
-/**
- * This is the ActiveQuery class for [[Room]].
- *
- * @see Room
- */
-class RoomQuery extends \yii\db\ActiveQuery
-{
-    /*public function active()
-    {
-        return $this->andWhere('[[status]]=1');
-    }*/
-
-    /**
-     * @inheritdoc
-     * @return Room[]|array
-     */
-    public function all($db = null)
-    {
-        return parent::all($db);
-    }
-
-    /**
-     * @inheritdoc
-     * @return Room|array|null
-     */
-    public function one($db = null)
-    {
-        return parent::one($db);
-    }
-}
diff --git a/models/RoomSearch.php b/models/RoomSearch.php
index f002262..084b3ca 100644
--- a/models/RoomSearch.php
+++ b/models/RoomSearch.php
@@ -18,8 +18,8 @@ class RoomSearch extends Room
     public function rules()
     {
         return [
-            [['id'], 'integer'],
-            [['name', 'bg'], 'safe'],
+            [['id', 'sort_order'], 'integer'],
+            [['name'], 'safe'],
         ];
     }
 
@@ -60,10 +60,10 @@ class RoomSearch extends Room
         // grid filtering conditions
         $query->andFilterWhere([
             'id' => $this->id,
+            'sort_order' => $this->sort_order,
         ]);
 
-        $query->andFilterWhere(['like', 'name', $this->name])
-            ->andFilterWhere(['like', 'bg', $this->bg]);
+        $query->andFilterWhere(['like', 'name', $this->name]);
 
         return $dataProvider;
     }
diff --git a/models/User.php b/models/User.php
index aac6a2e..adfc047 100644
--- a/models/User.php
+++ b/models/User.php
@@ -18,6 +18,9 @@ use yii\web\IdentityInterface;
  * @property string $auth_key
  * @property string $auth_token
  * @property string $api_key
+ * @property string $name
+ * @property string $avatar
+ * @property integer $room_id
  * @property integer $status
  * @property integer $group
  * @property integer $created_at
@@ -26,13 +29,15 @@ use yii\web\IdentityInterface;
  * @property boolean $isAdmin
  *
  * @property string $password write-only password
+ *
+ * @property Room $room
  */
 class User extends ActiveRecord implements IdentityInterface
 {
     const SCENARIO_CREATE = 'create';
     const SCENARIO_UPDATE = 'update';
 
-    const STATUS_DELETED = 0;
+    const STATUS_DISABLED = 0;
     const STATUS_ACTIVE = 10;
 
     const GROUP_ADMIN = 10;
@@ -65,14 +70,15 @@ class User extends ActiveRecord implements IdentityInterface
     {
         return [
             [['username', 'email'], 'required'],
-            [['api_key', 'auth_token'], 'string'],
-            [['group'], 'integer'],
+            [['api_key', 'auth_token', 'name', 'avatar'], 'string'],
+            [['group', 'room_id'], 'integer'],
             [['password'], 'required', 'on' => self::SCENARIO_CREATE],
             [['password'], 'safe', 'on' => self::SCENARIO_UPDATE],
             [['auth_token'], 'default', 'value' => null],
             [['status'], 'default', 'value' => self::STATUS_ACTIVE],
             [['status'], 'in', 'range' => self::getStatusesArray()],
             [['group'], 'in', 'range' => self::getGroupsArray()],
+            [['room_id'], 'exist', 'skipOnError' => true, 'targetClass' => Room::className(), 'targetAttribute' => ['room_id' => 'id']],
         ];
     }
 
@@ -88,6 +94,9 @@ class User extends ActiveRecord implements IdentityInterface
             'email' => 'Email',
             'status' => 'Статус',
             'group' => 'Группа',
+            'name' => 'Имя',
+            'avatar' => 'Аватар',
+            'room_id' => 'Комната',
             'api_key' => 'API ключ',
             'auth_token' => 'Auth токен',
             'created_at' => 'Дата создания',
@@ -102,7 +111,7 @@ class User extends ActiveRecord implements IdentityInterface
     {
         return [
             self::STATUS_ACTIVE => 'Активен',
-            self::STATUS_DELETED => 'Удален',
+            self::STATUS_DISABLED => 'Не активен',
         ];
     }
 
@@ -260,12 +269,13 @@ class User extends ActiveRecord implements IdentityInterface
     }
 
     /**
+     * @param int $size
      * @return string
      */
-    public function getAvatar()
+    public function getAvatar($size = 45)
     {
         $hash = md5($this->email);
-        return 'https://www.gravatar.com/avatar/' . $hash . '?s=45';
+        return 'https://www.gravatar.com/avatar/' . $hash . '?s=' . $size;
     }
 
     /**
@@ -276,6 +286,14 @@ class User extends ActiveRecord implements IdentityInterface
         return $this->hasMany(History::className(), ['user_id' => 'id'])->inverseOf('user');
     }
 
+    /**
+     * @return \yii\db\ActiveQuery
+     */
+    public function getRoom()
+    {
+        return $this->hasOne(Room::className(), ['id' => 'room_id']);
+    }
+
     /**
      * @return bool
      */
diff --git a/modules/admin/controllers/ItemWidgetController.php b/modules/admin/controllers/ItemWidgetController.php
new file mode 100644
index 0000000..9efc836
--- /dev/null
+++ b/modules/admin/controllers/ItemWidgetController.php
@@ -0,0 +1,125 @@
+<?php
+
+namespace app\modules\admin\controllers;
+
+use Yii;
+use app\models\ItemWidget;
+use app\modules\admin\models\ItemWidgetSearch;
+use yii\web\Controller;
+use yii\web\NotFoundHttpException;
+use yii\filters\VerbFilter;
+
+/**
+ * ItemWidgetController implements the CRUD actions for ItemWidget model.
+ */
+class ItemWidgetController extends Controller
+{
+    /**
+     * @inheritdoc
+     */
+    public function behaviors()
+    {
+        return [
+            'verbs' => [
+                'class' => VerbFilter::className(),
+                'actions' => [
+                    'delete' => ['POST'],
+                ],
+            ],
+        ];
+    }
+
+    /**
+     * Lists all ItemWidget models.
+     * @return mixed
+     */
+    public function actionIndex()
+    {
+        $searchModel = new ItemWidgetSearch();
+        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
+
+        return $this->render('index', [
+            'searchModel' => $searchModel,
+            'dataProvider' => $dataProvider,
+        ]);
+    }
+
+    /**
+     * Displays a single ItemWidget model.
+     * @param integer $id
+     * @return mixed
+     */
+    public function actionView($id)
+    {
+        return $this->render('view', [
+            'model' => $this->findModel($id),
+        ]);
+    }
+
+    /**
+     * Creates a new ItemWidget model.
+     * If creation is successful, the browser will be redirected to the 'view' page.
+     * @return mixed
+     */
+    public function actionCreate()
+    {
+        $model = new ItemWidget();
+        $model->active = true;
+
+        if ($model->load(Yii::$app->request->post()) && $model->save()) {
+            return $this->redirect(['view', 'id' => $model->id]);
+        } else {
+            return $this->render('create', [
+                'model' => $model,
+            ]);
+        }
+    }
+
+    /**
+     * Updates an existing ItemWidget model.
+     * If update is successful, the browser will be redirected to the 'view' page.
+     * @param integer $id
+     * @return mixed
+     */
+    public function actionUpdate($id)
+    {
+        $model = $this->findModel($id);
+
+        if ($model->load(Yii::$app->request->post()) && $model->save()) {
+            return $this->redirect(['view', 'id' => $model->id]);
+        } else {
+            return $this->render('update', [
+                'model' => $model,
+            ]);
+        }
+    }
+
+    /**
+     * Deletes an existing ItemWidget model.
+     * If deletion is successful, the browser will be redirected to the 'index' page.
+     * @param integer $id
+     * @return mixed
+     */
+    public function actionDelete($id)
+    {
+        $this->findModel($id)->delete();
+
+        return $this->redirect(['index']);
+    }
+
+    /**
+     * Finds the ItemWidget model based on its primary key value.
+     * If the model is not found, a 404 HTTP exception will be thrown.
+     * @param integer $id
+     * @return ItemWidget the loaded model
+     * @throws NotFoundHttpException if the model cannot be found
+     */
+    protected function findModel($id)
+    {
+        if (($model = ItemWidget::findOne($id)) !== null) {
+            return $model;
+        } else {
+            throw new NotFoundHttpException('The requested page does not exist.');
+        }
+    }
+}
diff --git a/modules/admin/controllers/UserController.php b/modules/admin/controllers/UserController.php
index b7c53ba..9139eca 100644
--- a/modules/admin/controllers/UserController.php
+++ b/modules/admin/controllers/UserController.php
@@ -4,7 +4,7 @@ namespace app\modules\admin\controllers;
 
 use Yii;
 use app\models\User;
-use app\models\UserSearch;
+use app\modules\admin\models\UserSearch;
 use yii\filters\AccessControl;
 use yii\web\Controller;
 use yii\web\NotFoundHttpException;
diff --git a/modules/admin/models/ItemSearch.php b/modules/admin/models/ItemSearch.php
index 9f6a7ec..7a2f101 100644
--- a/modules/admin/models/ItemSearch.php
+++ b/modules/admin/models/ItemSearch.php
@@ -18,7 +18,7 @@ class ItemSearch extends Item
     public function rules()
     {
         return [
-            [['id', 'type', 'room_id', 'board_id', 'sort_order', 'pin'], 'integer'],
+            [['id', 'type', 'board_id', 'pin'], 'integer'],
             [['url', 'name'], 'safe'],
         ];
     }
@@ -61,9 +61,7 @@ class ItemSearch extends Item
         $query->andFilterWhere([
             'id' => $this->id,
             'type' => $this->type,
-            'room_id' => $this->room_id,
             'board_id' => $this->board_id,
-            'sort_order' => $this->sort_order,
             'pin' => $this->pin,
         ]);
 
diff --git a/modules/admin/models/ItemWidgetSearch.php b/modules/admin/models/ItemWidgetSearch.php
new file mode 100644
index 0000000..28ed98c
--- /dev/null
+++ b/modules/admin/models/ItemWidgetSearch.php
@@ -0,0 +1,75 @@
+<?php
+
+namespace app\modules\admin\models;
+
+use Yii;
+use yii\base\Model;
+use yii\data\ActiveDataProvider;
+use app\models\ItemWidget;
+
+/**
+ * ItemWidgetSearch represents the model behind the search form about `app\models\ItemWidget`.
+ */
+class ItemWidgetSearch extends ItemWidget
+{
+    /**
+     * @inheritdoc
+     */
+    public function rules()
+    {
+        return [
+            [['id', 'active', 'sort_order', 'item_id', 'room_id'], 'integer'],
+            [['name', 'html_class', 'icon'], 'safe'],
+        ];
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function scenarios()
+    {
+        // bypass scenarios() implementation in the parent class
+        return Model::scenarios();
+    }
+
+    /**
+     * Creates data provider instance with search query applied
+     *
+     * @param array $params
+     *
+     * @return ActiveDataProvider
+     */
+    public function search($params)
+    {
+        $query = ItemWidget::find();
+
+        // add conditions that should always apply here
+
+        $dataProvider = new ActiveDataProvider([
+            'query' => $query,
+        ]);
+
+        $this->load($params);
+
+        if (!$this->validate()) {
+            // uncomment the following line if you do not want to return any records when validation fails
+            // $query->where('0=1');
+            return $dataProvider;
+        }
+
+        // grid filtering conditions
+        $query->andFilterWhere([
+            'id' => $this->id,
+            'active' => $this->active,
+            'sort_order' => $this->sort_order,
+            'item_id' => $this->item_id,
+            'room_id' => $this->room_id,
+        ]);
+
+        $query->andFilterWhere(['like', 'name', $this->name])
+            ->andFilterWhere(['like', 'html_class', $this->html_class])
+            ->andFilterWhere(['like', 'icon', $this->icon]);
+
+        return $dataProvider;
+    }
+}
diff --git a/models/UserSearch.php b/modules/admin/models/UserSearch.php
similarity index 84%
rename from models/UserSearch.php
rename to modules/admin/models/UserSearch.php
index 11f2c45..93c4ca0 100644
--- a/models/UserSearch.php
+++ b/modules/admin/models/UserSearch.php
@@ -1,6 +1,6 @@
 <?php
 
-namespace app\models;
+namespace app\modules\admin\models;
 
 use Yii;
 use yii\base\Model;
@@ -18,8 +18,8 @@ class UserSearch extends User
     public function rules()
     {
         return [
-            [['id', 'status', 'group', 'created_at', 'updated_at'], 'integer'],
-            [['username', 'email'], 'safe'],
+            [['id', 'status', 'group', 'created_at', 'updated_at', 'room_id'], 'integer'],
+            [['username', 'email', 'name'], 'safe'],
         ];
     }
 
@@ -64,9 +64,12 @@ class UserSearch extends User
             'group' => $this->group,
             'created_at' => $this->created_at,
             'updated_at' => $this->updated_at,
+            'room_id' => $this->room_id,
         ]);
 
-        $query->andFilterWhere(['like', 'username', $this->username])
+        $query
+            ->andFilterWhere(['like', 'username', $this->username])
+            ->andFilterWhere(['like', 'name', $this->name])
             ->andFilterWhere(['like', 'email', $this->email]);
 
         return $dataProvider;
diff --git a/modules/admin/views/board/index.php b/modules/admin/views/board/index.php
index 720ed10..2cd25c4 100644
--- a/modules/admin/views/board/index.php
+++ b/modules/admin/views/board/index.php
@@ -11,24 +11,21 @@ use yii\widgets\Pjax;
 
 $this->title = 'Устройства';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="board-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
-    </p>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
-            [
-                'attribute' => 'id',
-                'contentOptions' => ['style' => 'width: 5%']
-            ],
+            'id',
             'name',
             [
                 'attribute' => 'type',
@@ -49,5 +46,6 @@ $this->params['breadcrumbs'][] = $this->title;
             ['class' => 'app\components\ActionButtonColumn'],
         ],
     ]); ?>
+
     <?php Pjax::end(); ?>
 </div>
diff --git a/modules/admin/views/event/index.php b/modules/admin/views/event/index.php
index 51f514b..a11b811 100644
--- a/modules/admin/views/event/index.php
+++ b/modules/admin/views/event/index.php
@@ -10,19 +10,17 @@ use yii\widgets\Pjax;
 
 $this->title = 'События';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="event-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
-    </p>
-    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
             [
diff --git a/modules/admin/views/history/index.php b/modules/admin/views/history/index.php
index 32df452..acb45e9 100644
--- a/modules/admin/views/history/index.php
+++ b/modules/admin/views/history/index.php
@@ -7,21 +7,20 @@
 use yii\helpers\Html;
 use yii\grid\GridView;
 use yii\widgets\Pjax;
+
 $this->title = 'Histories';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="history-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
-    </p>
-    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
             'id',
diff --git a/modules/admin/views/item-widget/_form.php b/modules/admin/views/item-widget/_form.php
new file mode 100644
index 0000000..7e166ad
--- /dev/null
+++ b/modules/admin/views/item-widget/_form.php
@@ -0,0 +1,128 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $model app\models\ItemWidget */
+/* @var $form yii\widgets\ActiveForm */
+
+use app\models\Item;
+use app\models\ItemWidget;
+use app\models\Room;
+use kartik\select2\Select2;
+use yii\helpers\Html;
+use yii\widgets\ActiveForm;
+
+\app\assets\FontawesomeIconpickerAsset::register($this);
+
+$this->registerJs("
+$('.fontawesome-iconpicker-input').iconpicker({container: 'body', inputSearch: true,});
+", \yii\web\View::POS_READY);
+?>
+
+<div class="item-widget-form">
+
+    <?php $form = ActiveForm::begin(); ?>
+
+    <div class="row">
+        <div class="col-sm-6">
+            <?= $form->field($model, 'item_id')->widget(Select2::className(), [
+                'data' => Item::getList(true),
+                'pluginEvents' => [
+                    'change' => "function(e) {
+                        $.get({
+                            url: '" . \yii\helpers\Url::to([
+                                '/api/item/view',
+                                'access-token' => Yii::$app->user->identity->api_key,
+                            ]) . "&id=' + $('#itemwidget-item_id').val(),
+                            success: function (data) {
+                                if (data) {
+                                    $('#itemwidget-name').val(data.name).change();
+                                    
+                                    var widgetType = data.type;
+                                    var valueType;
+                                    
+                                    if (data.type == 20 || data.type == 21 || data.type == 22 || data.type == 25 || data.type == 26) {
+                                        widgetType = 20;
+                                        $('.field-itemwidget-value_type').fadeIn().removeClass('hidden');
+                                    }
+                                    
+                                    if (data.type == 21) {
+                                        valueType = 30;
+                                    }
+                                    
+                                    if (data.type == 22) {
+                                        valueType = 40;
+                                    }
+                                    
+                                    if (data.type == 25) {
+                                        valueType = 10;
+                                    }
+                                    
+                                    if (data.type == 26) {
+                                        valueType = 20;
+                                    }
+                                    
+                                    $('#itemwidget-type').val(widgetType).change();
+                                    $('#itemwidget-value_type').val(valueType).change();
+                                }
+                            }
+                        });
+                    }",
+                ],
+                'options' => [
+                    'placeholder' => 'Выберите элемент ...',
+                ],
+            ]) ?>
+
+            <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?>
+
+            <?= $form->field($model, 'type')->widget(Select2::className(), [
+                'data' => ItemWidget::getTypes(),
+                'pluginEvents' => [
+                    'change' => "function(e) {
+                        if (parseInt($(this).val()) == 20) {
+                            $('.field-itemwidget-value_type').fadeIn().removeClass('hidden');
+                        } else {
+                            $('.field-itemwidget-value_type').fadeOut().addClass('hidden');
+                        }
+                    }",
+                ],
+                'options' => [
+                    'placeholder' => 'Выберите тип ...',
+                ],
+            ]) ?>
+
+            <?= $form->field($model, 'value_type', ['options' => ['class' => 'form-group hidden']])->widget(Select2::className(), [
+                'data' => ItemWidget::getValueTypes(),
+                'options' => [
+                    'placeholder' => 'Выберите тип значения ...',
+                ],
+            ]) ?>
+
+            <?= $form->field($model, 'active')->checkbox() ?>
+        </div>
+        <div class="col-sm-6">
+            <?= $form->field($model, 'icon')->textInput([
+                'maxlength' => true,
+                'class' => 'fontawesome-iconpicker-input form-control'
+            ]) ?>
+
+            <?= $form->field($model, 'room_id')->widget(Select2::className(), [
+                'data' => Room::getList(),
+                'options' => [
+                    'placeholder' => 'Выберите комнату ...',
+                ],
+            ]) ?>
+
+            <?= $form->field($model, 'html_class')->textInput(['maxlength' => true]) ?>
+
+            <?= $form->field($model, 'sort_order')->input('number') ?>
+        </div>
+    </div>
+
+    <div class="form-group">
+        <?= Html::submitButton($model->isNewRecord ? 'Добавить' : 'Сохранить', ['class' => 'btn btn-primary']) ?>
+    </div>
+
+    <?php ActiveForm::end(); ?>
+
+</div>
diff --git a/modules/admin/views/item-widget/create.php b/modules/admin/views/item-widget/create.php
new file mode 100644
index 0000000..8df393a
--- /dev/null
+++ b/modules/admin/views/item-widget/create.php
@@ -0,0 +1,18 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $model app\models\ItemWidget */
+
+use yii\helpers\Html;
+
+$this->title = 'Добавить Item Widget';
+$this->params['breadcrumbs'][] = ['label' => 'Item Widgets', 'url' => ['index']];
+$this->params['breadcrumbs'][] = $this->title;
+?>
+<div class="item-widget-create">
+
+    <?= $this->render('_form', [
+        'model' => $model,
+    ]) ?>
+
+</div>
diff --git a/modules/admin/views/item-widget/index.php b/modules/admin/views/item-widget/index.php
new file mode 100644
index 0000000..682e59a
--- /dev/null
+++ b/modules/admin/views/item-widget/index.php
@@ -0,0 +1,53 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $searchModel app\modules\admin\models\ItemWidgetSearch */
+/* @var $dataProvider yii\data\ActiveDataProvider */
+
+use app\models\Item;
+use app\models\ItemWidget;
+use app\models\Room;
+use yii\helpers\Html;
+use yii\widgets\Pjax;
+
+$this->title = 'Виджеты';
+$this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
+?>
+
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
+
+    <?php Pjax::begin(); ?>
+    <?= \app\widgets\DataTable::widget([
+        'dataProvider' => $dataProvider,
+        'filterModel' => $searchModel,
+        'columns' => [
+            'id',
+            'name',
+            'icon',
+            [
+                'attribute' => 'room_id',
+                'filter' => Room::getList(),
+                'value' => function ($model) {
+                    /** @var $model ItemWidget */
+                    return $model->room->name;
+                },
+            ],
+            [
+                'attribute' => 'item_id',
+                'filter' => Item::getList(),
+                'value' => function ($model) {
+                    /** @var $model ItemWidget */
+                    return $model->item->name;
+                },
+            ],
+            'active:boolean',
+
+            ['class' => 'app\components\ActionButtonColumn'],
+        ],
+    ]); ?>
+    <?php Pjax::end(); ?>
+</div>
diff --git a/modules/admin/views/item-widget/update.php b/modules/admin/views/item-widget/update.php
new file mode 100644
index 0000000..f96156c
--- /dev/null
+++ b/modules/admin/views/item-widget/update.php
@@ -0,0 +1,19 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $model app\models\ItemWidget */
+
+use yii\helpers\Html;
+
+$this->title = 'Изменить Item Widget: ' . $model->name;
+$this->params['breadcrumbs'][] = ['label' => 'Item Widgets', 'url' => ['index']];
+$this->params['breadcrumbs'][] = ['label' => $model->name, 'url' => ['view', 'id' => $model->id]];
+$this->params['breadcrumbs'][] = 'Редактирование';
+?>
+<div class="item-widget-update">
+
+    <?= $this->render('_form', [
+        'model' => $model,
+    ]) ?>
+
+</div>
diff --git a/modules/admin/views/item-widget/view.php b/modules/admin/views/item-widget/view.php
new file mode 100644
index 0000000..98ccf39
--- /dev/null
+++ b/modules/admin/views/item-widget/view.php
@@ -0,0 +1,40 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $model app\models\ItemWidget */
+
+use yii\helpers\Html;
+use yii\widgets\DetailView;
+
+$this->title = $model->name;
+$this->params['breadcrumbs'][] = ['label' => 'Item Widgets', 'url' => ['index']];
+$this->params['breadcrumbs'][] = $this->title;
+?>
+<div class="item-widget-view">
+
+    <p>
+        <?= Html::a('<i class="fa fa-pencil"></i>', ['update', 'id' => $model->id], ['class' => 'btn btn-primary']) ?>
+        <?= Html::a('<i class="fa fa-trash"></i>', ['delete', 'id' => $model->id], [
+            'class' => 'btn btn-danger',
+            'data' => [
+                'confirm' => 'Are you sure you want to delete this item?',
+                'method' => 'post',
+            ],
+        ]) ?>
+    </p>
+
+    <?= DetailView::widget([
+        'model' => $model,
+        'attributes' => [
+            'id',
+            'active',
+            'sort_order',
+            'item_id',
+            'room_id',
+            'name',
+            'html_class',
+            'icon',
+        ],
+    ]) ?>
+
+</div>
diff --git a/modules/admin/views/item/_form.php b/modules/admin/views/item/_form.php
index e64841f..5486968 100644
--- a/modules/admin/views/item/_form.php
+++ b/modules/admin/views/item/_form.php
@@ -12,7 +12,6 @@ use yii\helpers\Html;
 use yii\widgets\ActiveForm;
 
 if ($model->isNewRecord) {
-    $model->active = true;
     $model->enable_log = true;
 }
 ?>
@@ -23,8 +22,6 @@ if ($model->isNewRecord) {
 
     <div class="row">
         <div class="col-md-6">
-            <h2>Основные настройки</h2>
-
             <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?>
 
             <?= $form->field($model, 'type')->dropDownList(Item::getTypesArray(), [
@@ -50,38 +47,8 @@ if ($model->isNewRecord) {
 
             <?= $form->field($model, 'save_history_interval')->input('number') ?>
         </div>
-        <div class="col-md-6">
-            <h2>Сниппет</h2>
-
-            <?= $form->field($model, 'icon')->textInput(['maxlength' => true]) ?>
-
-            <?= $form->field($model, 'bg')->dropDownList([
-                'light-blue' => 'Светло-синий',
-                'aqua' => 'Бирюзовый',
-                'green' => 'Зеленый',
-                'yellow' => 'Желтый',
-                'red' => 'Красный',
-                'gray' => 'Серый',
-                'navy' => 'Navy',
-                'teal' => 'Teal',
-                'purple' => 'Фиолетовый',
-                'orange' => 'Оранжевый',
-                'maroon' => 'Бордовый',
-                'black' => 'Черный',
-            ]) ?>
-
-            <?= $form->field($model, 'class')->textInput(['maxlength' => true]) ?>
-
-            <?= $form->field($model, 'room_id')->dropDownList(
-                ArrayHelper::map(Room::find()->all(), 'id', 'name')
-            ) ?>
-
-            <?= $form->field($model, 'sort_order')->input('number') ?>
-        </div>
     </div>
 
-    <?= $form->field($model, 'active')->checkbox() ?>
-
     <?= $form->field($model, 'enable_log')->checkbox() ?>
 
     <div class="form-group">
diff --git a/modules/admin/views/item/index.php b/modules/admin/views/item/index.php
index 1fb3403..35e0aa9 100644
--- a/modules/admin/views/item/index.php
+++ b/modules/admin/views/item/index.php
@@ -13,40 +13,28 @@ use yii\widgets\Pjax;
 
 $this->title = 'Элементы';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="item-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
         <?= Html::a('Обновить на сервере', [
             '/api/panel/update-items',
             'access-token' => Yii::$app->user->identity->api_key,
         ], [
-            'class' => 'btn btn-default ajax-call',
+            'class' => 'btn btn-default btn-flat ajax-call',
         ]) ?>
-    </p>
-    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
-            [
-                'attribute' => 'id',
-                'contentOptions' => ['style' => 'width: 5%']
-            ],
+            'id',
             'name',
-            [
-                'attribute' => 'room_id',
-                'filter' => Room::getList(),
-                'value' => function ($model) {
-                    /** @var $model Item */
-                    return $model->room->name;
-                },
-            ],
             [
                 'attribute' => 'board_id',
                 'filter' => Board::getList(),
@@ -68,5 +56,6 @@ $this->params['breadcrumbs'][] = $this->title;
             ['class' => 'app\components\ActionButtonColumn'],
         ],
     ]); ?>
+
     <?php Pjax::end(); ?>
 </div>
diff --git a/modules/admin/views/item/view.php b/modules/admin/views/item/view.php
index 9f00531..59500ab 100644
--- a/modules/admin/views/item/view.php
+++ b/modules/admin/views/item/view.php
@@ -28,18 +28,13 @@ $this->params['breadcrumbs'][] = $this->title;
         'attributes' => [
             'id',
             'name',
-            'icon',
-            'bg',
-            'class',
             ['attribute' => 'board_id', 'value' => $model->board->name],
             'pin',
             'type',
             'default_value',
             'update_interval',
             'save_history_interval',
-            ['attribute' => 'room_id', 'value' => $model->room->name],
             'url:url',
-            'sort_order',
         ],
     ]) ?>
 
diff --git a/modules/admin/views/room/_form.php b/modules/admin/views/room/_form.php
index 607e9ee..ceadac7 100644
--- a/modules/admin/views/room/_form.php
+++ b/modules/admin/views/room/_form.php
@@ -14,12 +14,7 @@ use yii\widgets\ActiveForm;
 
     <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?>
 
-    <?= $form->field($model, 'bg')->dropDownList([
-        'success' => 'Зеленый',
-        'danger' => 'Красный',
-        'warning' => 'Оранжевый',
-        'info' => 'Синий',
-    ]) ?>
+    <?= $form->field($model, 'sort_order')->input('number') ?>
 
     <div class="form-group">
         <?= Html::submitButton($model->isNewRecord ? 'Добавить' : 'Сохранить', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
diff --git a/modules/admin/views/room/index.php b/modules/admin/views/room/index.php
index 9d3e63f..e947174 100644
--- a/modules/admin/views/room/index.php
+++ b/modules/admin/views/room/index.php
@@ -7,26 +7,25 @@
 use yii\helpers\Html;
 use yii\grid\GridView;
 use yii\widgets\Pjax;
+
 $this->title = 'Комнаты';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="room-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
-    </p>
-    <?php // echo $this->render('_search', ['model' => $searchModel]); ?>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
             'id',
             'name',
-            'bg',
+            'sort_order',
 
             ['class' => 'app\components\ActionButtonColumn'],
         ],
diff --git a/modules/admin/views/room/view.php b/modules/admin/views/room/view.php
index 9a6a0a1..2ea9600 100644
--- a/modules/admin/views/room/view.php
+++ b/modules/admin/views/room/view.php
@@ -28,7 +28,7 @@ $this->params['breadcrumbs'][] = $this->title;
         'attributes' => [
             'id',
             'name',
-            'bg',
+            'sort_order',
         ],
     ]) ?>
 
diff --git a/modules/admin/views/setting/index.php b/modules/admin/views/setting/index.php
index 1021351..91a32a7 100644
--- a/modules/admin/views/setting/index.php
+++ b/modules/admin/views/setting/index.php
@@ -11,10 +11,6 @@ $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="setting-index">
 
-    <h1 class="page-header">
-        <?= $this->title ?>
-    </h1>
-
     <form action="<?= Url::to(['save']) ?>" method="post">
         <input type="hidden" name="<?= Yii::$app->request->csrfParam; ?>" value="<?= Yii::$app->request->csrfToken; ?>">
 
diff --git a/modules/admin/views/task/_form.php b/modules/admin/views/task/_form.php
index d6eea8f..b136cbd 100644
--- a/modules/admin/views/task/_form.php
+++ b/modules/admin/views/task/_form.php
@@ -36,7 +36,7 @@ if ($model->isNewRecord) {
             <h2>Выполнить</h2>
 
             <?= $form->field($model, 'item_id')->widget(Select2::className(), [
-                'data' => Item::getList(false, true),
+                'data' => Item::getList(true),
                 'options' => [
                     'placeholder' => 'Выберите элемент ...',
                 ],
diff --git a/modules/admin/views/task/index.php b/modules/admin/views/task/index.php
index 5001c39..a9bb780 100644
--- a/modules/admin/views/task/index.php
+++ b/modules/admin/views/task/index.php
@@ -11,18 +11,17 @@ use yii\widgets\Pjax;
 
 $this->title = 'Задачи';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="task-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
-    </p>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
             'id',
diff --git a/modules/admin/views/trigger/_form.php b/modules/admin/views/trigger/_form.php
index 4b63270..73034b1 100644
--- a/modules/admin/views/trigger/_form.php
+++ b/modules/admin/views/trigger/_form.php
@@ -86,7 +86,7 @@ if ($model->isNewRecord) {
             <div class="row type-10 type-20">
                 <div class="col-sm-6">
                     <?= $form->field($model, 'item_id')->widget(Select2::className(), [
-                        'data' => Item::getList(false, true),
+                        'data' => Item::getList(true),
                         'options' => [
                             'placeholder' => 'Выберите элемент ...',
                         ],
diff --git a/modules/admin/views/trigger/index.php b/modules/admin/views/trigger/index.php
index ee2919f..aa6e06b 100644
--- a/modules/admin/views/trigger/index.php
+++ b/modules/admin/views/trigger/index.php
@@ -11,30 +11,26 @@ use yii\widgets\Pjax;
 
 $this->title = 'Триггеры';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="trigger-index">
 
-    <p>
-        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
         <?= Html::a('Обновить на сервере', [
             '/api/panel/schedule-triggers',
             'access-token' => Yii::$app->user->identity->api_key
         ], [
-            'class' => 'btn btn-default ajax-call',
+            'class' => 'btn btn-default btn-flat ajax-call',
         ]) ?>
-    </p>
+    </div>
 
     <?php Pjax::begin(); ?>
-    <?= GridView::widget([
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'filterModel' => $searchModel,
         'columns' => [
-            [
-                'attribute' => 'id',
-                'contentOptions' => ['style' => 'width: 5%']
-            ],
+            'id',
             'name',
             [
                 'filter' => Trigger::getTypes(),
diff --git a/modules/admin/views/user/_form.php b/modules/admin/views/user/_form.php
index 7c416a9..0ca0691 100644
--- a/modules/admin/views/user/_form.php
+++ b/modules/admin/views/user/_form.php
@@ -4,7 +4,9 @@
 /* @var $model app\models\User */
 /* @var $form yii\widgets\ActiveForm */
 
+use app\models\Room;
 use app\models\User;
+use kartik\widgets\Select2;
 use yii\helpers\Html;
 use yii\widgets\ActiveForm;
 
@@ -26,10 +28,21 @@ if ($model->isNewRecord) {
 
     <?= $form->field($model, 'email')->input('email') ?>
 
+    <?= $form->field($model, 'name')->textInput() ?>
+
+    <?= $form->field($model, 'avatar')->textInput() ?>
+
     <?= $form->field($model, 'status')->dropDownList(User::getStatuses()) ?>
 
     <?= $form->field($model, 'group')->dropDownList(User::getGroups()) ?>
 
+    <?= $form->field($model, 'room_id')->widget(Select2::className(), [
+        'data' => Room::getList(),
+        'options' => [
+            'placeholder' => 'Выберите комнату ...',
+        ],
+    ]) ?>
+
     <?= $form->field($model, 'api_key')->textInput()->hint($randomApiKey) ?>
 
     <div class="form-group">
diff --git a/modules/admin/views/user/create.php b/modules/admin/views/user/create.php
index ca45d64..ad39017 100644
--- a/modules/admin/views/user/create.php
+++ b/modules/admin/views/user/create.php
@@ -11,8 +11,6 @@ $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="user-create">
 
-    <h1 class="page-header"><?= $this->title ?></h1>
-
     <?= $this->render('_form', [
         'model' => $model,
     ]) ?>
diff --git a/modules/admin/views/user/index.php b/modules/admin/views/user/index.php
index 75cb812..cbf32e9 100644
--- a/modules/admin/views/user/index.php
+++ b/modules/admin/views/user/index.php
@@ -1,32 +1,41 @@
 <?php
 
 /* @var $this yii\web\View */
-/* @var $searchModel app\models\UserSearch */
+/* @var $searchModel \app\modules\admin\models\UserSearch */
 /* @var $dataProvider yii\data\ActiveDataProvider */
 
+use app\models\Room;
 use app\models\User;
 use yii\helpers\Html;
-use yii\grid\GridView;
+use yii\widgets\Pjax;
 
 $this->title = 'Пользователи';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
-<div class="user-index">
 
-    <p><?= Html::a('Добавить', ['create'], ['class' => 'btn btn-success']) ?></p>
+<div class="card table-card">
+    <div class="table-card-actions">
+        <?= Html::a('Добавить', ['create'], ['class' => 'btn btn-default btn-flat']) ?>
+    </div>
 
-    <?= GridView::widget([
+    <?php Pjax::begin(); ?>
+    <?= \app\widgets\DataTable::widget([
         'dataProvider' => $dataProvider,
         'filterModel' => $searchModel,
-        'summaryOptions' => ['class' => 'alert alert-info'],
-        'layout' => '{summary}<div class="table-responsive">{items}</div>{pager}',
         'columns' => [
-            [
-                'attribute' => 'id',
-                'contentOptions' => ['style' => 'width: 5%']
-            ],
+            'id',
             'username',
             'email',
+            'name',
+            [
+                'attribute' => 'room_id',
+                'filter' => Room::getList(),
+                'value' => function ($model) {
+                    /** @var $model User */
+                    return $model->room ? $model->room->name : null;
+                },
+            ],
             [
                 'filter' => User::getStatuses(),
                 'attribute' => 'status',
@@ -47,4 +56,5 @@ $this->params['breadcrumbs'][] = $this->title;
             ['class' => 'app\components\ActionButtonColumn'],
         ],
     ]); ?>
+    <?php Pjax::end(); ?>
 </div>
diff --git a/modules/admin/views/user/update.php b/modules/admin/views/user/update.php
index 73a017c..179099a 100644
--- a/modules/admin/views/user/update.php
+++ b/modules/admin/views/user/update.php
@@ -10,8 +10,6 @@ $this->params['breadcrumbs'][] = 'Редактирование';
 ?>
 <div class="user-update">
 
-    <h1 class="page-header"><?= $this->title ?></h1>
-
     <?= $this->render('_form', [
         'model' => $model,
     ]) ?>
diff --git a/modules/admin/views/user/view.php b/modules/admin/views/user/view.php
index f3ddcc5..2c47286 100644
--- a/modules/admin/views/user/view.php
+++ b/modules/admin/views/user/view.php
@@ -12,8 +12,7 @@ $this->params['breadcrumbs'][] = $this->title;
 ?>
 <div class="user-view">
 
-    <h1 class="page-header">
-        <?= $this->title ?>
+    <p>
         <?= Html::a('Редактировать', ['update', 'id' => $model->id], ['class' => 'btn btn-primary']) ?>
         <?= Html::a('Удалить', ['delete', 'id' => $model->id], [
             'class' => 'btn btn-danger',
@@ -22,13 +21,14 @@ $this->params['breadcrumbs'][] = $this->title;
                 'method' => 'post',
             ],
         ]) ?>
-    </h1>
+    </p>
 
     <?= DetailView::widget([
         'model' => $model,
         'attributes' => [
             'id',
             'username',
+            'name',
             'email:email',
             [
                 'attribute' => 'status',
@@ -38,6 +38,10 @@ $this->params['breadcrumbs'][] = $this->title;
                 'attribute' => 'group',
                 'value' => $model->getGroupLabel(),
             ],
+            [
+                'attribute' => 'room_id',
+                'value' => $model->room ? $model->room->name : null,
+            ],
             'api_key',
             'created_at:datetime',
             'updated_at:datetime',
diff --git a/modules/api/components/WebSocketAPIBridge.php b/modules/api/components/WebSocketAPIBridge.php
index d8a8522..98c013f 100644
--- a/modules/api/components/WebSocketAPIBridge.php
+++ b/modules/api/components/WebSocketAPIBridge.php
@@ -93,44 +93,6 @@ class WebSocketAPIBridge
         ]);
     }
 
-    /**
-     * @param int $itemID
-     * @param int $red
-     * @param int $green
-     * @param int $blue
-     * @param boolean $fade
-     * @return bool
-     * @internal param array $rgbData
-     */
-    public function rgb($itemID, $red, $green, $blue, $fade)
-    {
-        return $this->send([
-            'type' => 'rgb',
-            'item_id' => $itemID,
-            'red' => $red,
-            'green' => $green,
-            'blue' => $blue,
-            'fade' => $fade,
-        ]);
-    }
-
-    /**
-     * @param int $itemID
-     * @param string $mode
-     * @param bool $start
-     * @return bool
-     * @internal param array $rgbData
-     */
-    public function rgbMode($itemID, $mode, $start)
-    {
-        return $this->send([
-            'type' => 'rgbMode',
-            'item_id' => $itemID,
-            'mode' => $mode,
-            'start' => $start,
-        ]);
-    }
-
     /**
      * @param int $triggerID
      * @return bool
diff --git a/modules/api/controllers/ItemController.php b/modules/api/controllers/ItemController.php
index 983ca86..36864b9 100644
--- a/modules/api/controllers/ItemController.php
+++ b/modules/api/controllers/ItemController.php
@@ -3,18 +3,22 @@
 namespace app\modules\api\controllers;
 
 use app\models\Board;
+use app\models\History;
 use app\models\Item;
 use app\modules\api\components\WebSocketAPIBridge;
 use Yii;
 use yii\base\InvalidParamException;
 use yii\base\NotSupportedException;
-use yii\rest\Controller;
+use yii\rest\ActiveController;
 use yii\web\BadRequestHttpException;
 use yii\web\NotFoundHttpException;
 use yii\web\ServerErrorHttpException;
+use yii\web\UnprocessableEntityHttpException;
 
-class ItemController extends Controller
+class ItemController extends ActiveController
 {
+    public $modelClass = 'app\models\Item';
+
     /**
      * @inheritdoc
      */
@@ -24,19 +28,10 @@ class ItemController extends Controller
             'turn-on' => ['POST'],
             'turn-off' => ['POST'],
             'rgb' => ['POST'],
-            'rgb-mode' => ['POST'],
             'value' => ['GET'],
         ];
     }
 
-    /**
-     * @throws NotSupportedException
-     */
-    public function actionIndex()
-    {
-        throw new NotSupportedException();
-    }
-
     /**
      * @param $item_id
      * @return array
@@ -138,21 +133,75 @@ class ItemController extends Controller
 
     /**
      * @param int $item_id
+     * @param string $mode
+     * @param int $fade_time
      * @param int $red
      * @param int $green
      * @param int $blue
-     * @param bool $fade
+     * @param int $color_time
      * @return array
      * @throws BadRequestHttpException
      * @throws NotSupportedException
      * @throws ServerErrorHttpException
+     * @throws UnprocessableEntityHttpException
+     * @internal param bool $fade
      */
-    public function actionRgb($item_id, $red = 0, $green = 0, $blue = 0, $fade = false)
-    {
+    public function actionRgb(
+        $item_id,
+        $mode,
+        $fade_time = null,
+        $red = null,
+        $green = null,
+        $blue = null,
+        $color_time = null
+    ) {
         $item = $this->findItem($item_id);
 
         if ($item->type !== Item::TYPE_RGB) {
-            throw new BadRequestHttpException();
+            throw new BadRequestHttpException('It is not a RGB Item');
+        }
+
+        if (!in_array($mode, Item::getRGBModesArray())) {
+            throw new BadRequestHttpException('Invalid mode');
+        }
+
+        if (!isset($fade_time) or $fade_time === null) {
+            $fade_time = Yii::$app->params['items']['rgb']['fade-time'];
+        } elseif ($fade_time < 0) {
+            $fade_time = 0;
+        }
+
+        $sendParameters = [
+            'type' => 'rgb',
+            'item_id' => $item_id,
+            'mode' => $mode,
+            'fade_time' => $fade_time,
+        ];
+
+        if ($mode === Item::RGB_MODE_STATIC or $mode === Item::RGB_MODE_FADE) {
+            if (!isset($red) or $red === null) {
+                throw new UnprocessableEntityHttpException('Missing red parameter');
+            }
+
+            if (!isset($green) or $green === null) {
+                throw new UnprocessableEntityHttpException('Missing green parameter');
+            }
+
+            if (!isset($blue) or $blue === null) {
+                throw new UnprocessableEntityHttpException('Missing blue parameter');
+            }
+
+            $sendParameters['red'] = $red;
+            $sendParameters['green'] = $green;
+            $sendParameters['blue'] = $blue;
+        }
+
+        if ($mode === Item::RGB_MODE_WAVE or $mode === Item::RGB_MODE_FADE) {
+            if (!isset($color_time) or $color_time === null) {
+                throw new UnprocessableEntityHttpException('Missing color_time parameter');
+            }
+
+            $sendParameters['color_time'] = $color_time;
         }
 
         $board = $item->board;
@@ -165,7 +214,7 @@ class ItemController extends Controller
                 $api = new WebSocketAPIBridge(Yii::$app->user->identity);
 
                 return [
-                    'success' => $api->rgb($item_id, $red, $green, $blue, $fade),
+                    'success' => $api->send($sendParameters),
                 ];
             default:
                 throw new ServerErrorHttpException();
@@ -189,7 +238,7 @@ class ItemController extends Controller
             throw new BadRequestHttpException('This item is not the RGB one');
         }
 
-        if (!in_array($mode, Item::getModesArray())) {
+        if (!in_array($mode, Item::getRGBModesArray())) {
             throw new InvalidParamException('Unknown mode');
         }
 
@@ -210,6 +259,47 @@ class ItemController extends Controller
         }
     }
 
+    /**
+     * @param int $item_id
+     * @return array
+     * @throws BadRequestHttpException
+     */
+    public function actionChartData($item_id)
+    {
+        $item = $this->findItem($item_id);
+
+        if (!in_array($item->type, [
+            Item::TYPE_VARIABLE,
+            Item::TYPE_VARIABLE_HUMIDITY,
+            Item::TYPE_VARIABLE_LIGHT,
+            Item::TYPE_VARIABLE_TEMPERATURE
+        ])
+        ) {
+            throw new BadRequestHttpException('This item is not the variable one');
+        }
+
+        $historyModels = History::find()
+            ->where([
+                'type' => History::TYPE_ITEM_VALUE,
+                'item_id' => $item->id,
+            ])
+            ->andWhere(['>=', 'commited_at', time() - 21600])
+            ->orderBy('commited_at DESC')
+            ->all();
+
+        $data = [];
+
+        foreach ($historyModels as $historyModel) {
+            $data[$historyModel->commited_at] = $historyModel->value;
+        }
+
+        return [
+            'success' => true,
+            'data' => $data,
+            'item' => $item,
+        ];
+    }
+
     /**
      * @param int $id
      * @return Item
diff --git a/modules/api/controllers/RoomController.php b/modules/api/controllers/RoomController.php
new file mode 100644
index 0000000..05df537
--- /dev/null
+++ b/modules/api/controllers/RoomController.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace app\modules\api\controllers;
+
+use yii\rest\ActiveController;
+
+class RoomController extends ActiveController
+{
+    public $modelClass = 'app\models\Room';
+}
diff --git a/servers/CoreServer.php b/servers/CoreServer.php
index 3f8638e..566939b 100644
--- a/servers/CoreServer.php
+++ b/servers/CoreServer.php
@@ -3,6 +3,7 @@
 namespace app\servers;
 
 use app\helpers\IPHelper;
+use app\helpers\RGBHelper;
 use app\models\Board;
 use app\models\Event;
 use app\models\Setting;
@@ -11,15 +12,19 @@ use app\models\Trigger;
 use app\models\History;
 use app\models\Item;
 use app\models\User;
-use MongoDB\Driver\Exception\AuthenticationException;
+use Guzzle\Http\QueryString;
 use Ratchet\ConnectionInterface;
 use Ratchet\MessageComponentInterface;
+use Ratchet\WebSocket\Version\RFC6455\Connection;
 use React\EventLoop\LoopInterface;
 use React\EventLoop\Timer\TimerInterface;
 use Yii;
 use yii\base\InvalidParamException;
 use yii\base\NotSupportedException;
+use yii\helpers\ArrayHelper;
 use yii\helpers\Json;
+use yii\helpers\VarDumper;
+use yii\web\BadRequestHttpException;
 use yii\web\ForbiddenHttpException;
 use yii\web\NotFoundHttpException;
 use yii\web\UnauthorizedHttpException;
@@ -40,13 +45,13 @@ class CoreServer implements MessageComponentInterface
      * All connected users
      * @var ConnectionInterface[]
      */
-    protected $user_clients;
+    protected $userConnections;
 
     /**
      * All connected boards
      * @var ConnectionInterface[]
      */
-    protected $board_clients;
+    protected $boardConnections;
 
     /**
      * Format like this:
@@ -55,19 +60,19 @@ class CoreServer implements MessageComponentInterface
      *
      * @var array
      */
-    protected $item_values;
+    protected $itemValues;
 
     /**
      * `item_id` => TimerInterface
      * @var TimerInterface[]
      */
-    protected $connectionCheckTimers;
+    protected $pingTimers;
 
     /**
      * `item_id` => iteration count
      * @var array
      */
-    protected $connectionCheckIteration;
+    protected $pingCount;
 
     /**
      * @var TimerInterface[]
@@ -85,11 +90,11 @@ class CoreServer implements MessageComponentInterface
     {
         // Init variables
         $this->loop = $loop;
-        $this->user_clients = [];
-        $this->board_clients = [];
-        $this->item_values = [];
-        $this->connectionCheckTimers = [];
-        $this->connectionCheckIteration = [];
+        $this->userConnections = [];
+        $this->boardConnections = [];
+        $this->itemValues = [];
+        $this->pingTimers = [];
+        $this->pingCount = [];
         $this->triggerTimers = [];
 
         // Database driver hack: Prevent MySQL for disconnecting by timeout
@@ -98,166 +103,40 @@ class CoreServer implements MessageComponentInterface
             Yii::$app->db->createCommand('SHOW TABLES;')->execute();
         });
 
-        $this->updateItems();
-
+        // Do the startup tasks
+//        $this->updateItems();
         $this->scheduleTriggers();
 
         $this->log('Server started');
     }
 
+    /**
+     * @inheritdoc
+     */
     public function onOpen(ConnectionInterface $conn)
     {
+        /** @var Connection $conn */
+
+        /** @var QueryString $query */
         $query = $conn->WebSocket->request->getQuery();
 
         $type = $query->get('type');
 
         switch ($type) {
             case 'user':
-                $this->log('Connection type is User. Authenticating...');
-
-                $userID = $query->get('id');
-                $userAuthToken = $query->get('auth_token');
-
-                if (!$userID or !$userAuthToken) {
-                    $this->log("Invalid credentials: '$userID', '$userAuthToken'");
-
-                    throw new InvalidParamException("Required fields does not exist");
-                }
-
-                $user = User::findOne([
-                    'id' => $userID,
-                ]);
-
-                if (!$user) {
-                    $this->log("User was not found with id '$userID'");
-
-                    throw new NotFoundHttpException("User was not found with id '$userID'");
-                }
-
-                if ($user->getAuthToken() != $userAuthToken) {
-                    $this->log("User [$user->id] wrong auth token ($userAuthToken and {$user->getAuthToken()})");
-
-                    throw new AuthenticationException("Wrong credentials");
-                }
-
-                // API request
-                $api = false;
-
-                if ($conn->remoteAddress == '127.0.0.1' and $conn->WebSocket->request->getHeader('Origin') == 'origin') {
-                    $api = true;
-                }
-
-                // Close previous connection if it is not an API connection
-                if (isset($this->user_clients[$user->id]) and !$api) {
-                    $this->user_clients[$user->id]->close();
-                }
-
-                // Regenerate auth key
-                $user->reGenerateAuthToken();
-
-                // Attach to users
-                $conn->User = $user;
-                $conn->api = $api;
-                $this->user_clients[$user->id] = $conn;
-
-                // Prepare Items for User
-                $items = Item::find()
-                    ->active()
-                    ->select(['id', 'type', 'room_id', 'board_id', 'default_value'])
-                    ->asArray()
-                    ->all();
-
-                for ($i = 0; $i < count($items); $i++) {
-                    $items[$i]['value'] = $this->getItemSavedValue($items[$i]['id'], $items[$i]['default_value']);
-                }
-
-                $conn->send(Json::encode([
-                    'type' => 'init',
-                    'items' => $items,
-                ]));
-
-                $this->logUserConnection($user, true);
-
-                return $this->log("Connected user [{$user->id}] {$user->username}");
+                $this->handleUserConnection($conn, $query);
+                break;
             case 'board':
-                $this->log('Connection type is Board. Authenticating...');
-
-                $boardID = $query->get('id');
-                $boardSecret = $query->get('secret');
-
-                if (!$boardID or !$boardSecret) {
-                    $this->log("Wrong login data: '$boardID' and '$boardSecret'");
-
-                    throw new UnauthorizedHttpException('Wrong credentials');
-                }
-
-                $board = Board::findOne([
-                    'id' => $boardID,
-                    'type' => Board::TYPE_WEBSOCKET,
-                    'secret' => $boardSecret,
-                ]);
-
-                if (!$board) {
-                    $this->log("Board [$boardID] not found!");
-
-                    throw new NotFoundHttpException("Board with given ID does not exists");
-                }
-
-                if (!$board->remote_connection and !IPHelper::isLocal($conn->remoteAddress)) {
-                    $this->log("Remote connection blocked for board [$boardID]; IP: {$conn->remoteAddress}");
-
-                    throw new ForbiddenHttpException("Remote connection is not allowed for this Board");
-                }
-
-                // Attach to boards
-                $conn->Board = $board;
-                $this->board_clients[$board->id] = $conn;
-
-                // Reset previous timer and start a new one
-                $this->startConnectionCheckTimer($boardID, true);
-
-                // Set default values to board's items
-                foreach ($board->items as $item) {
-                    if ($item->default_value and !is_null($item->default_value)) {
-                        switch ($item->type) {
-                            case Item::TYPE_SWITCH:
-                                $this->sendToBoard($board->id, [
-                                    'type' => $item->default_value == 1 ? 'turnON' : 'turnOFF',
-                                    'pin' => $item->pin,
-                                ]);
-
-                                break;
-                            case Item::TYPE_RGB:
-                                $rgbData = $this->valueToRgbData($item->default_value);
-
-                                $red = $rgbData[0];
-                                $green = $rgbData[1];
-                                $blue = $rgbData[2];
-                                $fade = (bool)$rgbData[3];
-
-                                $this->sendToBoard($board->id, [
-                                    'type' => 'rgb',
-                                    'red' => $red * 4,
-                                    'green' => $green * 4,
-                                    'blue' => $blue * 4,
-                                    'fade' => $fade,
-                                ]);
-
-                                break;
-                        }
-                    }
-                }
-
-                $this->triggerBoardConnection($board, true);
-
-                $this->logBoardConnection($board->id, true);
-
-                return $this->log("Connected board [{$board->id}]");
+                $this->handleBoardConnection($conn, $query);
+                break;
+            default:
+                throw new BadRequestHttpException('Unknown device type');
         }
-
-        return $this->log('Connection has unknown type. Disconnect');
     }
 
+    /**
+     * @inheritdoc
+     */
     public function onMessage(ConnectionInterface $from, $msg)
     {
         if (isset($from->User)) {
@@ -273,21 +152,27 @@ class CoreServer implements MessageComponentInterface
         return $this->log("Message: '$msg' from unknown client");
     }
 
+    /**
+     * @inheritdoc
+     */
     public function onClose(ConnectionInterface $conn)
     {
         if (isset($conn->User)) {
             $this->logUserConnection($conn->User, false);
 
+            if (isset($this->userConnections[$conn->User->id][$conn->resourceId])
+                and $this->userConnections[$conn->User->id][$conn->resourceId] instanceof ConnectionInterface) {
+                unset($this->userConnections[$conn->User->id][$conn->resourceId]);
+            }
+
             $this->log("User [{$conn->User->id}] disconnected");
         } elseif (isset($conn->Board)) {
             $boardId = $conn->Board->id;
 
-            $this->log("Disconnecting Board [{$boardId}]...");
-
             // Cancel connection check timer
-            $this->stopConnectionCheckTimer($boardId);
+            $this->stopPingTimer($boardId);
 
-            unset($this->board_clients[$boardId]);
+            unset($this->boardConnections[$boardId]);
 
             $this->triggerBoardConnection($conn->Board, false);
 
@@ -297,6 +182,9 @@ class CoreServer implements MessageComponentInterface
         }
     }
 
+    /**
+     * @inheritdoc
+     */
     public function onError(ConnectionInterface $conn, \Exception $e)
     {
         $this->log("Error: {$e->getMessage()} in file {$e->getFile()} at line {$e->getLine()}");
@@ -305,6 +193,161 @@ class CoreServer implements MessageComponentInterface
         $conn->close();
     }
 
+    /**
+     * @param Connection $conn
+     * @param QueryString $query
+     * @throws UnauthorizedHttpException
+     */
+    protected function handleUserConnection($conn, $query)
+    {
+        $userID = $query->get('id');
+        $userAuthToken = $query->get('auth_token');
+
+        $user = User::findOne([
+            'id' => $userID,
+            'auth_token' => $userAuthToken,
+        ]);
+
+        if (!$user) {
+            $this->log("Wrong credentials: '$userID', '$userAuthToken''");
+
+            throw new UnauthorizedHttpException("Wrong credentials");
+        }
+
+        // Check if it is an API request
+        $api = $conn->remoteAddress === '127.0.0.1' and $conn->WebSocket->request->getHeader('Origin') == 'origin';
+
+        // Close previous connection if it is not an API connection
+//        if (!$api and isset($this->userConnections[$user->id]) and $this->userConnections[$user->id] instanceof ConnectionInterface) {
+//            $this->userConnections[$user->id]->close();
+//        }
+
+        // Regenerate auth token
+        $user->reGenerateAuthToken();
+
+        // Attach to users
+        $conn->User = $user;
+        $conn->api = $api;
+
+        $this->userConnections[$user->id][$conn->resourceId] = $conn;
+
+        // Prepare Items for User
+        $itemModels = Item::find()->all();
+
+        $items = [];
+
+        foreach ($itemModels as $itemModel) {
+            if (!$itemModel->widget) {
+                continue;
+            }
+
+            $itemData = [];
+            $itemData['id'] = $itemModel->id;
+            $itemData['type'] = $itemModel->widget->type;
+            $itemData['value_type'] = $itemModel->widget->value_type;
+            $itemData['room_id'] = $itemModel->widget->room_id;
+            $itemData['board_id'] = $itemModel->board_id;
+            $itemData['name'] = $itemModel->widget->getName();
+            $itemData['icon'] = $itemModel->widget->icon;
+            $itemData['html_class'] = $itemModel->widget->html_class;
+            $itemData['sort_order'] = $itemModel->widget->sort_order;
+
+            $itemData['value'] = $this->getItemSavedValue($itemModel->id, $itemModel->getDefaultNAValue());
+
+            $items[$itemModel->id] = $itemData;
+        }
+
+        $conn->send(Json::encode([
+            'type' => 'init',
+            'items' => $items,
+        ]));
+
+        $this->logUserConnection($user, true);
+
+        $this->log("Connected user [{$user->id}] {$user->username}");
+    }
+
+    /**
+     * @param ConnectionInterface $conn
+     * @param QueryString $query
+     * @throws ForbiddenHttpException
+     * @throws NotFoundHttpException
+     * @throws UnauthorizedHttpException
+     */
+    protected function handleBoardConnection(ConnectionInterface $conn, $query)
+    {
+        $boardID = $query->get('id');
+        $boardSecret = $query->get('secret');
+
+        if (!$boardID or !$boardSecret) {
+            $this->log("Wrong board login data: '$boardID' and '$boardSecret'");
+
+            throw new UnauthorizedHttpException('Wrong credentials');
+        }
+
+        $board = Board::findOne([
+            'id' => $boardID,
+            'type' => Board::TYPE_WEBSOCKET,
+            'secret' => $boardSecret,
+        ]);
+
+        if (!$board) {
+            $this->log("Board [$boardID] not found!");
+
+            throw new NotFoundHttpException("Board with given ID does not exists");
+        }
+
+        if (!$board->remote_connection and !IPHelper::isLocal($conn->remoteAddress)) {
+            $this->log("Remote connection blocked for board [$boardID]; IP: {$conn->remoteAddress}");
+
+            throw new ForbiddenHttpException("Remote connection is not allowed for this Board");
+        }
+
+        // Attach to boards
+        $conn->Board = $board;
+        $this->boardConnections[$board->id] = $conn;
+
+        // Reset previous timer and start a new one
+        $this->startPingTimer($boardID, true);
+
+        // Set default values to board's items
+//        foreach ($board->items as $item) {
+//            if ($item->default_value and !is_null($item->default_value)) {
+//                switch ($item->type) {
+//                    case Item::TYPE_SWITCH:
+//                        $this->sendToBoard($board->id, [
+//                            'type' => $item->default_value == 1 ? 'turnON' : 'turnOFF',
+//                            'pin' => $item->pin,
+//                        ]);
+//
+//                        break;
+//                    case Item::TYPE_RGB:
+//                        $rgbData = $this->valueToRgbData($item->default_value);
+//
+//                        $red = $rgbData[0];
+//                        $green = $rgbData[1];
+//                        $blue = $rgbData[2];
+//                        $fade = (bool)$rgbData[3];
+//
+//                        $this->sendToBoard($board->id, [
+//                            'type' => 'rgb',
+//                            'red' => $red * 4,
+//                            'green' => $green * 4,
+//                            'blue' => $blue * 4,
+//                            'fade' => $fade,
+//                        ]);
+//
+//                        break;
+//                }
+//            }
+//        }
+
+        $this->triggerBoardConnection($board, true);
+        $this->logBoardConnection($board->id, true);
+
+        $this->log("Connected board [{$board->id}]");
+    }
+
     /**
      * @param $from
      * @param $msg
@@ -320,14 +363,12 @@ class CoreServer implements MessageComponentInterface
         }
 
         switch ($data['type']) {
-            case 'turnON':
+            case 'turn_on':
                 return $this->handleTurnOn($from, $user, $data);
-            case 'turnOFF':
+            case 'turn_off':
                 return $this->handleTurnOff($from, $user, $data);
             case 'rgb':
                 return $this->handleRgb($from, $user, $data);
-            case 'rgbMode':
-                return $this->handleRgbMode($from, $user, $data);
             case 'schedule-triggers':
                 return $this->scheduleTriggers();
             case 'update-items':
@@ -343,6 +384,7 @@ class CoreServer implements MessageComponentInterface
      * @param $from
      * @param $msg
      * @return bool
+     * @throws NotFoundHttpException
      */
     public function handleBoardMessage($from, $msg)
     {
@@ -350,8 +392,8 @@ class CoreServer implements MessageComponentInterface
         $board = $from->Board;
         $data = Json::decode($msg);
 
-        // Board responds: restart connection check timer
-        $this->startConnectionCheckTimer($board->id);
+        // Restart ping timer
+        $this->startPingTimer($board->id);
 
         switch ($data['type']) {
             case 'value':
@@ -372,54 +414,19 @@ class CoreServer implements MessageComponentInterface
 
                 $value = $this->saveItemValue($item->id, $value, $item->type);
 
-                $this->sendUsers([
-                    'type' => 'value',
-                    'item_id' => $item->id,
-                    'item_type' => $item->type,
-                    'value' => $value,
-                ]);
+                if ($item->widget) {
+                    $this->sendUsers([
+                        'type' => 'value',
+                        'item_id' => $item->id,
+                        'item_type' => $item->widget->type,
+                        'value_type' => $item->widget->value_type,
+                        'value' => $value,
+                    ]);
+                }
 
                 // Save to history
                 $this->logItemValue($item, $value);
 
-                break;
-            case 'rgbMode':
-                /**
-                 * Message structure:
-                 * {"start":true,"type":"rgbMode","mode":"rainbow","pin":1}
-                 */
-                $value = $data['mode'];
-                $pin = (integer)$data['pin'];
-                $start = (bool)$data['start'];
-
-                $item = Item::findOne([
-                    'board_id' => $board->id,
-                    'pin' => $pin,
-                ]);
-
-                if (!$item) {
-                    return $this->log('Trying to use unknown item');
-                }
-
-                if ($start) {
-                    $value = $this->saveItemValue($item->id, $value, $item->type, false);
-                } else {
-                    $value = $this->saveItemValue($item->id, $item->getDefaultValue(), $item->type);
-                }
-
-                // TODO: trigger
-
-                $this->sendUsers([
-                    'type' => 'value',
-                    'item_id' => $item->id,
-                    'item_type' => $item->type,
-                    'value' => $value,
-                    'start' => $start,
-                ]);
-
-                // Save to history
-                $this->logItemValue($item, $start ? 'start:' : '' . $value);
-
                 break;
             case 'values':
                 unset($data['type']);
@@ -439,17 +446,74 @@ class CoreServer implements MessageComponentInterface
 
                     $value = $this->saveItemValue($item->id, $value, $item->type);
 
-                    $this->sendUsers([
-                        'type' => 'value',
-                        'item_id' => $item->id,
-                        'item_type' => $item->type,
-                        'value' => $value,
-                    ]);
+                    if ($item->widget) {
+                        $this->sendUsers([
+                            'type' => 'value',
+                            'item_id' => $item->id,
+                            'item_type' => $item->widget->type,
+                            'value_type' => $item->widget->value_type,
+                            'value' => $value,
+                        ]);
+                    }
 
                     // Save to history
                     $this->logItemValue($item, $value);
                 }
 
+                break;
+            case 'rgb':
+                $itemId = (integer)$data['item_id'];
+                $mode = $data['mode'];
+                $fadeTime = (int)$data['fade_time'];
+
+                $item = Item::findOne([
+                    'id' => $itemId,
+                    'board_id' => $board->id,
+                ]);
+
+                if (!$item) {
+                    $this->log("Board [{$board->id}] tried to use unknown item");
+                    throw new NotFoundHttpException('Item does not exist');
+                }
+
+                $commonParameters = [
+                    'type' => 'rgb',
+                    'item_id' => $item->id,
+                    'mode' => $mode,
+                    'fade_time' => $fadeTime,
+                ];
+
+                $modeParameters = [];
+
+                if ($mode === Item::RGB_MODE_STATIC or $mode === Item::RGB_MODE_FADE) {
+                    // Fill saved values if not provided
+                    $red = isset($data['red']) ? $data['red'] : Yii::$app->params['items']['rgb']['red'];
+                    $green = isset($data['green']) ? $data['green'] : Yii::$app->params['items']['rgb']['green'];
+                    $blue = isset($data['blue']) ? $data['blue'] : Yii::$app->params['items']['rgb']['blue'];
+
+                    // Convert color from 1023 to 255
+                    $red = RGBHelper::from10to8($red);
+                    $green = RGBHelper::from10to8($green);
+                    $blue = RGBHelper::from10to8($blue);
+
+                    $modeParameters['red'] = $red;
+                    $modeParameters['green'] = $green;
+                    $modeParameters['blue'] = $blue;
+                }
+
+                if ($mode === Item::RGB_MODE_WAVE or $mode === Item::RGB_MODE_FADE) {
+                    $colorTime = isset($data['color_time']) ? $data['color_time'] : Yii::$app->params['items']['rgb']['color-time'];
+
+                    $modeParameters['color_time'] = $colorTime;
+                }
+
+                $parameters = ArrayHelper::merge($commonParameters, $modeParameters);
+
+                $this->sendUsers($parameters);
+
+                $this->logItemValue($item, serialize($parameters));
+                $this->saveItemValue($item->id, $parameters, $item->type);
+
                 break;
             case 'pong':
                 $this->log("Pong from board [$board->id]");
@@ -598,108 +662,66 @@ class CoreServer implements MessageComponentInterface
             ]);
         }
 
-        $red = $data['red'];
-        $green = $data['green'];
-        $blue = $data['blue'];
-
-        if ($red > 255) {
-            $red = 255;
-        }
-
-        if ($green > 255) {
-            $green = 255;
-        }
-
-        if ($blue > 255) {
-            $blue = 255;
-        }
-
-        $board = $item->board;
-
-        switch ($board->type) {
-            case Board::TYPE_AREST:
-                throw new NotSupportedException();
-
-            case Board::TYPE_WEBSOCKET:
-                if (!$this->isBoardConnected($board->id)) {
-                    return $from->send(Json::encode([
-                        'type' => 'error',
-                        'message' => 'Устройство не подключено',
-                    ]));
-                }
-
-                $fade = isset($data['fade']) ? (bool)$data['fade'] : false;
-
-                $this->sendToBoard($board->id, [
-                    'type' => 'rgb',
-                    'red' => $red * 4,
-                    'green' => $green * 4,
-                    'blue' => $blue * 4,
-                    'fade' => $fade,
-                ]);
-
-                break;
-        }
-
-//        $rgbArray = [
-//            $red,
-//            $green,
-//            $blue
-//        ];
-
-//        $this->item_values[$item->id]['value'] = $rgbArray;
-
-        $history = new History();
-        $history->type = History::TYPE_USER_ACTION;
-        $history->user_id = $user->id;
-        $history->item_id = $item->id;
-        $history->commited_at = time();
-        $history->value = $red . ',' . $green . ',' . $blue;
-
-        if (!$history->save()) {
-            $this->log("Cannot log: ");
-            var_dump($history->errors);
-        }
-
-        return true;
-    }
-
-    /**
-     * @param ConnectionInterface $from
-     * @param User $user
-     * @param array $data
-     * @return bool|mixed
-     * @throws NotSupportedException
-     */
-    protected function handleRgbMode($from, $user, $data)
-    {
-        $item_id = (int)$data['item_id'];
-        $item = Item::findOne($item_id);
-
-        if (!$item) {
-            return $from->send(Json::encode([
-                'type' => 'error',
-                'message' => 'Такое устройство не существует',
-            ]));
-        }
-
-        if ($item->type !== Item::TYPE_RGB) {
-            return $from->send(Json::encode([
-                'type' => 'error',
-                'message' => 'Данный тип устройства не является RGB',
-            ]));
-        }
-
         $mode = $data['mode'];
-        $start = (bool)$data['start'];
+        $fadeTime = isset($data['fade_time']) ? $data['fade_time'] : Yii::$app->params['items']['rgb']['fade-time'];
 
-        if (!in_array($mode, Item::getModesArray())) {
-            return $from->send(Json::encode([
-                'type' => 'error',
-                'message' => 'Неизвестный режим',
-            ]));
+        if (!in_array($mode, Item::getRGBModesArray())) {
+            throw new InvalidParamException('Unknown RGB mode');
         }
 
+        if ($fadeTime < 0) {
+            $fadeTime = 0;
+        }
+
+        $commonParameters = [
+            'type' => 'rgb',
+            'item_id' => $item->id,
+            'mode' => $mode,
+            'fade_time' => $fadeTime,
+        ];
+
+        $modeParameters = [];
+
+        if ($mode === Item::RGB_MODE_STATIC or $mode === Item::RGB_MODE_FADE) {
+            // Fill saved values if not provided
+            $red = isset($data['red']) ? $data['red'] : Yii::$app->params['items']['rgb']['red'];
+            $green = isset($data['green']) ? $data['green'] : Yii::$app->params['items']['rgb']['green'];
+            $blue = isset($data['blue']) ? $data['blue'] : Yii::$app->params['items']['rgb']['blue'];
+
+            // Convert color from 255 to 1023
+            if ($red > 255) {
+                $red = 255;
+            }
+
+            if ($green > 255) {
+                $green = 255;
+            }
+
+            if ($blue > 255) {
+                $blue = 255;
+            }
+
+            $red = RGBHelper::from8to10($red);
+            $green = RGBHelper::from8to10($green);
+            $blue = RGBHelper::from8to10($blue);
+
+            $modeParameters['red'] = $red;
+            $modeParameters['green'] = $green;
+            $modeParameters['blue'] = $blue;
+        }
+
+        if ($mode === Item::RGB_MODE_WAVE or $mode === Item::RGB_MODE_FADE) {
+            $colorTime = isset($data['color_time']) ? $data['color_time'] : Yii::$app->params['items']['rgb']['color-time'];
+
+            if ($colorTime < 0) {
+                $colorTime = 0;
+            }
+
+            $modeParameters['color_time'] = $colorTime;
+        }
+
+        $parameters = ArrayHelper::merge($commonParameters, $modeParameters);
+
         $board = $item->board;
 
         switch ($board->type) {
@@ -714,11 +736,7 @@ class CoreServer implements MessageComponentInterface
                     ]));
                 }
 
-                $this->sendToBoard($board->id, [
-                    'type' => 'rgbMode',
-                    'mode' => $mode,
-                    'action' => $start ? 'start' : 'stop',
-                ]);
+                $this->sendToBoard($board->id, $parameters);
 
                 break;
         }
@@ -728,10 +746,10 @@ class CoreServer implements MessageComponentInterface
         $history->user_id = $user->id;
         $history->item_id = $item->id;
         $history->commited_at = time();
-        $history->value = $mode . ', ' . $start ? 'start' : 'stop';
+        $history->value = serialize($parameters);
 
         if (!$history->save()) {
-            $this->log("Cannot log: ");
+            $this->log("Cannot log:");
             var_dump($history->errors);
         }
 
@@ -790,8 +808,15 @@ class CoreServer implements MessageComponentInterface
     {
         $msg = Json::encode($data);
 
-        foreach ($this->user_clients as $client) {
-            $client->send($msg);
+        foreach ($this->userConnections as $userConnections) {
+            if (is_array($userConnections)) {
+                /** @var Connection[] $userConnections */
+                foreach ($userConnections as $connection) {
+                    $connection->send($msg);
+                }
+            } else {
+                $userConnections->send($msg);
+            }
         }
     }
 
@@ -800,24 +825,21 @@ class CoreServer implements MessageComponentInterface
      *
      * @param integer $board_id
      * @param array $data
-     * @return bool|ConnectionInterface
      */
     protected function sendToBoard($board_id, $data)
     {
-        if (isset($this->board_clients[$board_id])) {
+        if (isset($this->boardConnections[$board_id])) {
             /** @var ConnectionInterface $client */
-            $client = $this->board_clients[$board_id];
+            $client = $this->boardConnections[$board_id];
 
             $msg = Json::encode($data);
 
             $this->log("Sending to board [$board_id]: $msg");
 
-            return $client->send($msg);
+            $client->send($msg);
+        } else {
+            $this->log("Cannot send to board [$board_id]: not connected");
         }
-
-        $this->log("Cannot send to board [$board_id]: not connected");
-
-        return false;
     }
 
     /**
@@ -850,7 +872,7 @@ class CoreServer implements MessageComponentInterface
      */
     protected function isBoardConnected($boardID)
     {
-        return isset($this->board_clients[$boardID]);
+        return isset($this->boardConnections[$boardID]);
     }
 
     /**
@@ -945,10 +967,6 @@ class CoreServer implements MessageComponentInterface
             return;
         }
 
-        if ($item->type === Item::TYPE_RGB) {
-            $value = implode(',', $value);
-        }
-
         $model = new History();
         $model->type = History::TYPE_ITEM_VALUE;
         $model->item_id = $item->id;
@@ -971,7 +989,7 @@ class CoreServer implements MessageComponentInterface
         $this->log("Connection check for Board [$boardID]...");
 
         // Check if it is already disconnected
-        if (!isset($this->board_clients[$boardID])) {
+        if (!isset($this->boardConnections[$boardID])) {
             $this->logBoardConnection($boardID, false);
 
             $this->log("Board [$boardID] has already been disconnected");
@@ -979,18 +997,18 @@ class CoreServer implements MessageComponentInterface
             return;
         }
 
-        if (isset($this->connectionCheckIteration[$boardID])) {
-            if ($this->connectionCheckIteration[$boardID] >= Yii::$app->params['server']['connectionCheckMaxIteration']) {
+        if (isset($this->pingCount[$boardID])) {
+            if ($this->pingCount[$boardID] >= Yii::$app->params['server']['connectionCheckMaxIteration']) {
                 $this->log("Maximum ignored ping commands reached. Disconnecting...");
 
-                $this->board_clients[$boardID]->close();
+                $this->boardConnections[$boardID]->close();
 
                 return;
             }
 
-            $this->connectionCheckIteration[$boardID]++;
+            $this->pingCount[$boardID]++;
         } else {
-            $this->connectionCheckIteration[$boardID] = 1;
+            $this->pingCount[$boardID] = 1;
         }
 
         $this->sendToBoard($boardID, [
@@ -1342,11 +1360,11 @@ class CoreServer implements MessageComponentInterface
         $this->log("Loading items...");
 
         /** @var Item[] $items */
-        $items = Item::find()->active()->all();
+        $items = Item::find()->all();
 
         foreach ($items as $item) {
             if (!$this->hasItemSavedValue($item->id)) {
-                $this->saveItemValue($item->id, $item->getDefaultValue(), $item->type, false);
+                $this->saveItemValue($item->id, $item->getDefaultNAValue(), $item->type, false);
             }
         }
 
@@ -1354,30 +1372,35 @@ class CoreServer implements MessageComponentInterface
     }
 
     /**
+     * Checks if item value is stored and if so returns it.
+     * If value is missing - returns default from parameter
+     *
      * @param int $item_id
      * @param mixed $defaultValue
      * @return mixed
      */
-    protected function getItemSavedValue($item_id, $defaultValue = false)
+    protected function getItemSavedValue($item_id, $defaultValue = null)
     {
         if ($this->hasItemSavedValue($item_id)) {
-            return $this->item_values[$item_id];
+            return $this->itemValues[$item_id];
         }
 
         return $defaultValue;
     }
 
     /**
+     * Checks if item value is stored.
+     *
      * @param int $item_id
      * @return bool
      */
     protected function hasItemSavedValue($item_id)
     {
-        return isset($this->item_values[$item_id]);
+        return isset($this->itemValues[$item_id]) and $this->itemValues[$item_id] !== null;
     }
 
     /**
-     * Saves to value array and returns it. Normalization is on by default
+     * Saves to value array and returns it. Normalization is enabled by default
      *
      * @param int $item_id
      * @param mixed $value
@@ -1391,7 +1414,7 @@ class CoreServer implements MessageComponentInterface
             $value = $this->normalizeItemValue($value, $item_type);
         }
 
-        $this->item_values[$item_id] = $value;
+        $this->itemValues[$item_id] = $value;
 
         return $value;
     }
@@ -1412,9 +1435,6 @@ class CoreServer implements MessageComponentInterface
             case Item::TYPE_VARIABLE_TEMPERATURE:
             case Item::TYPE_VARIABLE_HUMIDITY:
                 return (int)$value;
-
-            case Item::TYPE_RGB:
-                return $this->valueToRgb($value);
         }
 
         return $value;
@@ -1428,14 +1448,14 @@ class CoreServer implements MessageComponentInterface
      * @param int $boardID
      * @param bool $stopPrevious
      */
-    protected function startConnectionCheckTimer($boardID, $stopPrevious = true)
+    protected function startPingTimer($boardID, $stopPrevious = true)
     {
         if ($stopPrevious) {
-            $this->stopConnectionCheckTimer($boardID);
+            $this->stopPingTimer($boardID);
         }
 
         // Start connection checks
-        $this->connectionCheckTimers[$boardID] = $this->loop->addPeriodicTimer(
+        $this->pingTimers[$boardID] = $this->loop->addPeriodicTimer(
             Yii::$app->params['server']['connectionCheckTimeout'],
             function () use ($boardID) {
                 $this->doConnectionCheckTimer($boardID);
@@ -1449,18 +1469,18 @@ class CoreServer implements MessageComponentInterface
      * @param int $boardID
      * @param bool $resetCount
      */
-    protected function stopConnectionCheckTimer($boardID, $resetCount = true)
+    protected function stopPingTimer($boardID, $resetCount = true)
     {
-        if (isset($this->connectionCheckTimers[$boardID])) {
-            if ($this->connectionCheckTimers[$boardID] instanceof TimerInterface) {
-                $this->connectionCheckTimers[$boardID]->cancel();
+        if (isset($this->pingTimers[$boardID])) {
+            if ($this->pingTimers[$boardID] instanceof TimerInterface) {
+                $this->pingTimers[$boardID]->cancel();
             }
 
-            unset($this->connectionCheckTimers[$boardID]);
+            unset($this->pingTimers[$boardID]);
         }
 
-        if ($resetCount and isset($this->connectionCheckIteration[$boardID])) {
-            unset($this->connectionCheckIteration[$boardID]);
+        if ($resetCount and isset($this->pingCount[$boardID])) {
+            unset($this->pingCount[$boardID]);
         }
     }
 }
diff --git a/views/auth/login.php b/views/auth/login.php
index c2f6810..42ab6a6 100644
--- a/views/auth/login.php
+++ b/views/auth/login.php
@@ -8,7 +8,7 @@ use yii\helpers\Html;
 use yii\bootstrap\ActiveForm;
 
 $this->title = 'Авторизация';
-$this->params['body-class'] = 'login-page';
+$this->params['bodyClass'] = 'login-body';
 
 $fieldOptions1 = [
     'options' => ['class' => 'form-group has-feedback'],
@@ -21,37 +21,37 @@ $fieldOptions2 = [
 ];
 ?>
 
-<div class="login-box">
-    <div class="login-box-body">
+<div class="container login-container">
+    <div class="row">
+        <div class="col-sm-6 col-md-4 col-md-offset-4 col-sm-offset-3">
+            <div class="card">
+                <div class="login-logo product-font">
+                    <span>Solomaha</span> Home
+                </div>
 
-        <div class="login-logo product-font">
-            <span>Solomaha</span> Home
-        </div>
+                <?php $form = ActiveForm::begin(['id' => 'login-form', 'enableClientValidation' => false]); ?>
 
-<!--        <hr>-->
+                <?= $form
+                    ->field($model, 'username', $fieldOptions1)
+                    ->label(false)
+                    ->textInput(['placeholder' => $model->getAttributeLabel('username')]) ?>
 
-        <?php $form = ActiveForm::begin(['id' => 'login-form', 'enableClientValidation' => false]); ?>
+                <?= $form
+                    ->field($model, 'password', $fieldOptions2)
+                    ->label(false)
+                    ->passwordInput(['placeholder' => $model->getAttributeLabel('password')]) ?>
 
-        <?= $form
-            ->field($model, 'username', $fieldOptions1)
-            ->label(false)
-            ->textInput(['placeholder' => $model->getAttributeLabel('username')]) ?>
+                <div class="row">
+                    <div class="col-xs-8">
+                        <?= $form->field($model, 'rememberMe')->checkbox() ?>
+                    </div>
+                    <div class="col-xs-4">
+                        <?= Html::submitButton('Войти', ['class' => 'btn btn-primary btn-block', 'name' => 'login-button']) ?>
+                    </div>
+                </div>
 
-        <?= $form
-            ->field($model, 'password', $fieldOptions2)
-            ->label(false)
-            ->passwordInput(['placeholder' => $model->getAttributeLabel('password')]) ?>
-
-        <div class="row">
-            <div class="col-xs-8">
-                <?= $form->field($model, 'rememberMe')->checkbox() ?>
-            </div>
-            <div class="col-xs-4">
-                <?= Html::submitButton('Войти', ['class' => 'btn btn-primary btn-block btn-flat', 'name' => 'login-button']) ?>
+                <?php ActiveForm::end(); ?>
             </div>
         </div>
-
-        <?php ActiveForm::end(); ?>
-
     </div>
 </div>
diff --git a/views/error/error.php b/views/error/error.php
new file mode 100644
index 0000000..a295781
--- /dev/null
+++ b/views/error/error.php
@@ -0,0 +1,16 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $name string */
+/* @var $message string */
+/* @var $exception Exception */
+
+use yii\helpers\Html;
+
+$this->title = $name;
+$this->params['in-card'] = false;
+?>
+
+<div class="alert alert-danger">
+    <?= nl2br(Html::encode($message)) ?>
+</div>
diff --git a/views/error/guest-error.php b/views/error/guest-error.php
new file mode 100644
index 0000000..7b2f136
--- /dev/null
+++ b/views/error/guest-error.php
@@ -0,0 +1,25 @@
+<?php
+
+/* @var $this yii\web\View */
+/* @var $name string */
+/* @var $message string */
+/* @var $exception Exception */
+
+use yii\helpers\Html;
+
+$this->title = $name;
+?>
+
+<div class="container">
+    <div class="error-page-logo">
+        <a href="<?= \yii\helpers\Url::home() ?>" class="product-font">
+            <span>Solomaha</span> Home
+        </a>
+    </div>
+
+    <h1><?= $this->title ?></h1>
+
+    <div class="alert alert-danger">
+        <?= nl2br(Html::encode($message)) ?>
+    </div>
+</div>
diff --git a/views/history/_history.php b/views/history/_history.php
index e5f45fe..097b64b 100644
--- a/views/history/_history.php
+++ b/views/history/_history.php
@@ -6,7 +6,6 @@
 use app\models\History;
 use app\models\Item;
 
-$this->params['not-boxed'] = true;
 ?>
 
 <div class="panel panel-defaul">
diff --git a/views/history/index.php b/views/history/index.php
index df2fa02..b9b32a7 100644
--- a/views/history/index.php
+++ b/views/history/index.php
@@ -9,6 +9,7 @@ use yii\widgets\Pjax;
 
 $this->title = 'История';
 $this->params['breadcrumbs'][] = $this->title;
+$this->params['in-card'] = false;
 ?>
 <div class="history-index">
 
diff --git a/views/layouts/_content.php b/views/layouts/_content.php
index b6dfd73..4fd777b 100644
--- a/views/layouts/_content.php
+++ b/views/layouts/_content.php
@@ -1,52 +1,29 @@
 <?php
 
+/* @var $this \yii\web\View */
+
 use yii\helpers\Html;
-use yii\helpers\Inflector;
 use yii\widgets\Breadcrumbs;
-use dmstr\widgets\Alert;
 
+$inCard = isset($this->params['in-card']) ? $this->params['in-card'] : true;
+$tableCard = isset($this->params['table-card']) ? $this->params['table-card'] : false;
 ?>
-<div class="content-wrapper">
-    <section class="content-header">
-        <?php if (isset($this->blocks['content-header'])): ?>
-            <h1><?= $this->blocks['content-header'] ?></h1>
-        <?php else: ?>
-            <h1>
-                <?php
-                if ($this->title !== null) {
-                    echo Html::encode($this->title);
-                } else {
-                    echo Inflector::camel2words(
-                        Inflector::id2camel($this->context->module->id)
-                    );
-                    echo ($this->context->module->id !== Yii::$app->id) ? '<small>Module</small>' : '';
-                } ?>
-            </h1>
-        <?php endif; ?>
 
-        <?= Breadcrumbs::widget([
-            'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
-        ]) ?>
-    </section>
+<main class="content">
+    <div class="container-fluid">
+        <section class="content-header">
+            <h1><?= Html::encode($this->title) ?></h1>
 
-    <section class="content">
-        <?= Alert::widget() ?>
+        </section>
 
-        <?php if (!isset($this->params['not-boxed']) or !$this->params['not-boxed']): ?>
-            <div class="box">
-                <div class="box-body">
+        <section class="content-section">
+            <?php if ($inCard): ?>
+                <div class="card">
                     <?= $content ?>
                 </div>
-            </div>
-        <?php else: ?>
-            <?= $content ?>
-        <?php endif; ?>
-    </section>
-</div>
-
-<footer class="main-footer">
-    <span class="product-font">
-        <span>Smart</span> Home by <a href="https://solomaha.com" target="_blank">Alex Solomaha</a>
-    </span>
-</footer>
-
+            <?php else: ?>
+                <?= $content ?>
+            <?php endif; ?>
+        </section>
+    </div>
+</main>
diff --git a/views/layouts/_drawer.php b/views/layouts/_drawer.php
new file mode 100644
index 0000000..4fb9bd3
--- /dev/null
+++ b/views/layouts/_drawer.php
@@ -0,0 +1,89 @@
+<?php
+
+/* @var $this \yii\web\View */
+
+use rmrevin\yii\fontawesome\FA;
+use yii\bootstrap\Nav;
+
+?>
+
+<aside id="drawer" class="drawer">
+    <div class="drawer-content">
+        <div class="user-block">
+            <div class="user-avatar">
+                <img src="<?= Yii::$app->user->identity->getAvatar(40) ?>">
+            </div>
+            <div class="user-info">
+                <div class="user-info-name">
+                    <?= Yii::$app->user->identity->username ?>
+                </div>
+            </div>
+            <div class="user-caret"><?= FA::i('chevron-down') ?></div>
+        </div>
+        <?= Nav::widget([
+            'items' => [
+                [
+                    'label' => FA::i('sliders fa-fw') . 'Панель Управления',
+                    'url' => ['/panel/index'],
+                ],
+                [
+                    'label' => FA::i('history fa-fw') . 'История',
+                    'url' => ['/history/index'],
+                ],
+                '<li class="divider"></li>',
+                [
+                    'label' => FA::i('microchip fa-fw') . 'Элементы',
+                    'url' => ['/admin/item/index'],
+                ],
+                [
+                    'label' => FA::i('toggle-on fa-fw') . 'Виджеты',
+                    'url' => ['/admin/item-widget/index'],
+                ],
+                [
+                    'label' => FA::i('wifi fa-fw') . 'Устройства',
+                    'url' => ['/admin/board/index'],
+                ],
+                [
+                    'label' => FA::i('code-fork fa-fw') . 'События',
+                    'url' => ['/admin/event/index'],
+                ],
+                [
+                    'label' => FA::i('feed fa-fw') . 'Триггеры',
+                    'url' => ['/admin/trigger/index'],
+                ],
+                [
+                    'label' => FA::i('check fa-fw') . 'Задачи',
+                    'url' => ['/admin/task/index'],
+                ],
+                [
+                    'label' => FA::i('folder-open fa-fw') . 'Комнаты',
+                    'url' => ['/admin/room/index'],
+                ],
+                [
+                    'label' => FA::i('cog fa-fw') . 'Настройки',
+                    'url' => ['/admin/setting/index'],
+                ],
+                [
+                    'label' => FA::i('users fa-fw') . 'Пользователи',
+                    'url' => ['/admin/user/index'],
+                ],
+                '<li class="divider"></li>',
+                [
+                    'label' => FA::i('user fa-fw') . 'Профиль',
+                    'url' => ['/profile/index'],
+                ],
+                [
+                    'label' => FA::i('sign-out fa-fw') . 'Выйти',
+                    'url' => ['/auth/logout'],
+                    'linkOptions' => [
+                        'data-method' => 'post',
+                    ],
+                ],
+            ],
+            'encodeLabels' => false,
+            'options' => [
+                'class' => 'drawer-menu nav-stacked',
+            ],
+        ]); ?>
+    </div>
+</aside>
diff --git a/views/layouts/_header.php b/views/layouts/_header.php
index 3d291fc..a716189 100644
--- a/views/layouts/_header.php
+++ b/views/layouts/_header.php
@@ -5,150 +5,43 @@
 
 use yii\helpers\Html;
 use yii\helpers\Url;
+use yii\widgets\Breadcrumbs;
 
 ?>
 
-<header class="main-header">
+<nav class="navbar navbar-inverse navbar-fixed-top">
+    <div class="container-fluid">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+            <a href="#" class="navbar-toggle-drawer">
+                <div class="navbar-toggle-drawer-icon">
+                    <span class="toggle-bar"></span>
+                    <span class="toggle-bar"></span>
+                    <span class="toggle-bar"></span>
+                </div>
+            </a>
 
-    <?= Html::a('<span class="logo-mini product-font">SH</span><span class="logo-lg product-font"><span>Solomaha</span> Home</span>',
-        Yii::$app->homeUrl, ['class' => 'logo']) ?>
-
-    <nav class="navbar navbar-static-top" role="navigation">
-
-        <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"></a>
-
-        <div class="navbar-custom-menu">
-
-            <ul class="nav navbar-nav">
-
-                <!-- Messages: style can be found in dropdown.less-->
-                <li class="dropdown messages-menu">
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <i class="fa fa-envelope-o"></i>
-                        <!--                        <span class="label label-success">1</span>-->
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li class="header">You have 4 messages</li>
-                        <li>
-                            <!-- inner menu: contains the actual data -->
-                            <ul class="menu">
-                                <li><!-- start message -->
-                                    <a href="#">
-                                        <div class="pull-left">
-                                            <img src="<?= Yii::$app->user->identity->getAvatar() ?>" class="img-circle"
-                                                 alt="User Image">
-                                        </div>
-                                        <h4>
-                                            Support Team
-                                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
-                                        </h4>
-                                        <p>Why not buy a new awesome theme?</p>
-                                    </a>
-                                </li>
-                                <!-- end message -->
-                            </ul>
-                        </li>
-                        <li class="footer"><a href="#">See All Messages</a></li>
-                    </ul>
-                </li>
-                <li class="dropdown notifications-menu">
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <i class="fa fa-bell-o"></i>
-                        <!--                        <span class="label label-warning">10</span>-->
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li class="header">You have 10 notifications</li>
-                        <li>
-                            <!-- inner menu: contains the actual data -->
-                            <ul class="menu">
-                                <li>
-                                    <a href="#">
-                                        <i class="fa fa-users text-aqua"></i> 5 new members joined today
-                                    </a>
-                                </li>
-                            </ul>
-                        </li>
-                        <li class="footer"><a href="#">View all</a></li>
-                    </ul>
-                </li>
-                <!-- Tasks: style can be found in dropdown.less -->
-                <li class="dropdown tasks-menu">
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <i class="fa fa-flag-o"></i>
-                        <!--                        <span class="label label-danger">9</span>-->
-                    </a>
-                    <ul class="dropdown-menu">
-                        <li class="header">You have 9 tasks</li>
-                        <li>
-                            <!-- inner menu: contains the actual data -->
-                            <ul class="menu">
-                                <li><!-- Task item -->
-                                    <a href="#">
-                                        <h3>
-                                            Design some buttons
-                                            <small class="pull-right">20%</small>
-                                        </h3>
-                                        <div class="progress xs">
-                                            <div class="progress-bar progress-bar-aqua" style="width: 20%"
-                                                 role="progressbar" aria-valuenow="20" aria-valuemin="0"
-                                                 aria-valuemax="100">
-                                                <span class="sr-only">20% Complete</span>
-                                            </div>
-                                        </div>
-                                    </a>
-                                </li>
-                                <!-- end task item -->
-                            </ul>
-                        </li>
-                        <li class="footer">
-                            <a href="#">View all tasks</a>
-                        </li>
-                    </ul>
-                </li>
-                <!-- User Account: style can be found in dropdown.less -->
-
-                <li class="dropdown user user-menu">
-                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-                        <img src="<?= Yii::$app->user->identity->getAvatar() ?>" class="user-image" alt="User Image">
-                        <span class="hidden-xs"><?= Yii::$app->user->identity->username ?></span>
-                    </a>
-                    <ul class="dropdown-menu">
-                        <!-- User image -->
-                        <li class="user-header">
-                            <img src="<?= Yii::$app->user->identity->getAvatar() ?>" class="img-circle"
-                                 alt="User Image">
-
-                            <p>
-                                <?= Yii::$app->user->identity->username ?>
-                                <small>
-                                    Зарегистрирован <?= Yii::$app->formatter->asDate(Yii::$app->user->identity->created_at) ?>
-                                </small>
-                            </p>
-                        </li>
-                        <!-- Menu Footer-->
-                        <li class="user-footer">
-                            <div class="pull-left">
-                                <a href="<?= Url::to(['/user/view', 'id' => Yii::$app->user->id]) ?>"
-                                   class="btn btn-default btn-flat">
-                                    Профиль
-                                </a>
-                            </div>
-                            <div class="pull-right">
-                                <?= Html::a(
-                                    'Выйти',
-                                    ['/auth/logout'],
-                                    ['data-method' => 'post', 'class' => 'btn btn-default btn-flat']
-                                ) ?>
-                            </div>
-                        </li>
-                    </ul>
-                </li>
-
-                <!-- User Account: style can be found in dropdown.less -->
-                <!--                <li>-->
-                <!--                    <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>-->
-                <!--                </li>-->
-            </ul>
+            <a class="navbar-brand product-font" href="<?= Url::home() ?>"><span>Solomaha</span> Home</a>
         </div>
-    </nav>
-</header>
+
+        <div class="navbar-breadcrumbs hidden-xs">
+
+            <?= Breadcrumbs::widget([
+                'links' => isset($this->params['breadcrumbs']) ? $this->params['breadcrumbs'] : [],
+                'homeLink' => false,
+            ]) ?>
+        </div>
+
+        <ul class="nav navbar-nav navbar-right hidden-xs">
+            <li class="dropdown notifications-menu">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
+                   aria-expanded="false"><i class="fa fa-bell"></i></a>
+                <ul class="dropdown-menu">
+                    <li><a href="#">Action</a></li>
+                    <li><a href="#">Another action</a></li>
+                    <li><a href="#">Something else here</a></li>
+                </ul>
+            </li>
+        </ul>
+    </div><!-- /.container-fluid -->
+</nav>
diff --git a/views/layouts/_left.php b/views/layouts/_left.php
deleted file mode 100644
index 0055887..0000000
--- a/views/layouts/_left.php
+++ /dev/null
@@ -1,41 +0,0 @@
-<aside class="main-sidebar">
-
-    <section class="sidebar">
-
-        <!-- Sidebar user panel -->
-        <div class="user-panel">
-            <div class="pull-left image">
-                <img src="<?= Yii::$app->user->identity->getAvatar() ?>" class="img-circle" alt="<?= Yii::$app->user->identity->username ?> Avatar">
-            </div>
-            <div class="pull-left info">
-                <p><?= Yii::$app->user->identity->username ?></p>
-
-                <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
-            </div>
-        </div>
-
-        <?= dmstr\widgets\Menu::widget(
-            [
-                'options' => ['class' => 'sidebar-menu'],
-                'items' => [
-                    ['label' => 'Управление', 'options' => ['class' => 'header']],
-                    ['label' => 'Панель Управления', 'icon' => 'fa fa-sliders', 'url' => ['/panel/index']],
-                    ['label' => 'История', 'icon' => 'fa fa-th-list', 'url' => ['/history/index']],
-
-                    ['label' => 'Администрирование', 'options' => ['class' => 'header'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Элементы', 'icon' => 'fa fa-toggle-on', 'url' => ['/admin/item/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Устройства', 'icon' => 'fa fa-hdd-o', 'url' => ['/admin/board/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'События', 'icon' => 'fa fa-code-fork', 'url' => ['/admin/event/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Триггеры', 'icon' => 'fa fa-feed', 'url' => ['/admin/trigger/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Задачи', 'icon' => 'fa fa-check', 'url' => ['/admin/task/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Комнаты', 'icon' => 'fa fa-folder-open', 'url' => ['/admin/room/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Параметры', 'icon' => 'fa fa-cogs', 'url' => ['/admin/setting/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-//                    ['label' => 'История', 'icon' => 'fa fa-bar-chart', 'url' => ['/admin/history/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                    ['label' => 'Пользователи', 'icon' => 'fa fa-users', 'url' => ['/admin/user/index'], 'visible' => Yii::$app->user->identity->isAdmin],
-                ],
-            ]
-        ) ?>
-
-    </section>
-
-</aside>
diff --git a/views/layouts/base.php b/views/layouts/base.php
index d899f4a..48bd1e2 100644
--- a/views/layouts/base.php
+++ b/views/layouts/base.php
@@ -3,19 +3,15 @@
 /* @var $this \yii\web\View */
 /* @var $content string */
 
-use dmstr\helpers\AdminLteHelper;
-use dmstr\web\AdminLteAsset;
+use app\assets\MDThemeAsset;
 use yii\helpers\Html;
 use app\assets\AppAsset;
+use yii\helpers\Url;
 
 AppAsset::register($this);
-AdminLteAsset::register($this);
+MDThemeAsset::register($this);
 
-if (isset($this->params['body-class'])) {
-    $bodyClass = $this->params['body-class'];
-} else {
-    $bodyClass = null;
-}
+$bodyClass = isset($this->params['bodyClass']) ? $this->params['bodyClass'] : '';
 ?>
 <?php $this->beginPage() ?>
 <!DOCTYPE html>
@@ -29,8 +25,14 @@ if (isset($this->params['body-class'])) {
 
     <title><?= $this->title ?> - <?= Yii::$app->name ?></title>
 
+    <link rel="apple-touch-icon" sizes="180x180" href="<?= Yii::$app->homeUrl ?>img/apple-touch-icon.png">
+    <link rel="icon" type="image/png" href="<?= Yii::$app->homeUrl ?>img/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="<?= Yii::$app->homeUrl ?>img/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="<?= Yii::$app->homeUrl ?>manifest.json">
+    <link rel="mask-icon" href="<?= Yii::$app->homeUrl ?>img/safari-pinned-tab.svg" color="#5bbad5">
+
     <meta name="application-name" content="<?= Yii::$app->name ?>">
-    <meta name="theme-color" content="#605CA8">
+    <meta name="theme-color" content="#009688">
 
     <link rel="publisher" href="https://plus.google.com/+AlexSolomaha21">
     <link rel="me" href="https://plus.google.com/+AlexSolomaha21" type="text/html">
@@ -40,7 +42,7 @@ if (isset($this->params['body-class'])) {
     <?php $this->head() ?>
 </head>
 
-<body class="hold-transition <?= AdminLteHelper::skinClass() ?> <?= $bodyClass ?> sidebar-mini">
+<body class="<?= $bodyClass ?>">
 <?php $this->beginBody() ?>
 
 <?= $content ?>
diff --git a/views/layouts/main-no-content.php b/views/layouts/main-no-content.php
new file mode 100644
index 0000000..c0407e5
--- /dev/null
+++ b/views/layouts/main-no-content.php
@@ -0,0 +1,14 @@
+<?php
+/* @var $this \yii\web\View */
+/* @var $content string */
+?>
+
+<?php $this->beginContent('@app/views/layouts/base.php'); ?>
+
+<?= $this->render('_header.php') ?>
+
+<?= $this->render('_drawer.php') ?>
+
+<?= $content ?>
+
+<?php $this->endContent(); ?>
diff --git a/views/layouts/main.php b/views/layouts/main.php
index 7d8f475..5f0668b 100644
--- a/views/layouts/main.php
+++ b/views/layouts/main.php
@@ -1,21 +1,14 @@
 <?php
-
 /* @var $this \yii\web\View */
 /* @var $content string */
-
-$directoryAsset = Yii::$app->assetManager->getPublishedUrl('@vendor/almasaeed2010/adminlte/dist');
 ?>
 
 <?php $this->beginContent('@app/views/layouts/base.php'); ?>
 
-<div class="wrapper">
+    <?= $this->render('_header.php') ?>
 
-    <?= $this->render('_header.php', ['directoryAsset' => $directoryAsset]) ?>
+    <?= $this->render('_drawer.php') ?>
 
-    <?= $this->render('_left.php', ['directoryAsset' => $directoryAsset]) ?>
-
-    <?= $this->render('_content.php', ['content' => $content, 'directoryAsset' => $directoryAsset]) ?>
-
-</div>
+    <?= $this->render('_content.php', ['content' => $content]) ?>
 
 <?php $this->endContent(); ?>
diff --git a/views/panel/_rgb.php b/views/panel/_rgb.php
index d5a0b04..14395b8 100644
--- a/views/panel/_rgb.php
+++ b/views/panel/_rgb.php
@@ -1,37 +1,17 @@
 <?php
 
 /* @var $this yii\web\View */
-/* @var $item \app\models\Item */
+/* @var $widget \app\models\ItemWidget */
 
 ?>
 
-<div class="col-md-4 panel-item item-rgb" data-item-id="<?= $item->id ?>">
-    <div class="info-box bg-<?= $item->bg ?> <?= $item->class ?>">
-        <span class="info-box-icon"><i class="fa fa-<?= $item->icon ?>"></i></span>
-
-        <div class="info-box-content">
-            <div class="col-xs-4 border-right">
-                <span class="info-box-text"><?= $item->name ?></span>
-                <span class="info-box-number"><input type="text"
-                                                     id="colorpicker-<?= $item->id ?>"
-                                                     class="rgb-colorpicker"
-                                                     data-item-id="<?= $item->id ?>"></span>
-                <label>
-                    <input type="checkbox" class="fade-checkbox" data-item-id="<?= $item->id ?>" checked>
-                    Плавно
-                </label>
-            </div>
-            <div class="col-xs-8">
-                <span class="info-box-text">Режимы</span>
-                <div class="rgb-modes-list">
-                    <div class="rgb-mode" data-mode="rainbow">
-                        <div class="rgb-mode-image rgb-mode-rainbow"></div>
-                    </div>
-                    <div class="rgb-mode" data-mode="breath">
-                        <div class="rgb-mode-image rgb-mode-breath"></div>
-                    </div>
-                </div>
-            </div>
+<div class="col-lg-3 col-md-4 col-sm-6">
+    <div class="panel-item panel-item-rgb withripple <?= $widget->html_class ?>" data-item-id="<?= $widget->item_id ?>">
+        <div class="panel-item-rgb-icon">
+            <i class="fa <?= $widget->icon ?>"></i>
+        </div>
+        <div class="panel-item-rgb-name">
+            <?= $widget->getName() ?>
         </div>
     </div>
 </div>
diff --git a/views/panel/_switch.php b/views/panel/_switch.php
index fdabf0a..d031417 100644
--- a/views/panel/_switch.php
+++ b/views/panel/_switch.php
@@ -1,22 +1,17 @@
 <?php
 
 /* @var $this yii\web\View */
-/* @var $item \app\models\Item */
+/* @var $widget \app\models\ItemWidget */
 
 ?>
 
-<div class="col-md-3 col-sm-4 control-panel-item item-switch"
-     data-item-id="<?= $item->id ?>">
-    <div class="info-box bg-<?= $item->bg ?> <?= $item->class ?>">
-        <div class="info-box-action material-switch">
-            <input id="switch-for-item-<?= $item->id ?>" class="item-switch-checkbox"
-                   type="checkbox" data-item-id="<?= $item->id ?>">
-            <label for="switch-for-item-<?= $item->id ?>" class="label-default"></label>
+<div class="col-lg-3 col-md-4 col-sm-6">
+    <div class="panel-item panel-item-switch withripple <?= $widget->html_class ?>" data-item-id="<?= $widget->item_id ?>">
+        <div class="panel-item-switch-icon">
+            <i class="fa <?= $widget->icon ?>"></i>
         </div>
-
-        <div class="info-box-content">
-            <span class="info-box-text"><?= $item->name ?></span>
+        <div class="panel-item-switch-name">
+            <?= $widget->getName() ?>
         </div>
-        <!-- /.info-box-content -->
     </div>
 </div>
diff --git a/views/panel/_variable.php b/views/panel/_variable.php
index 5c106f7..761d4a7 100644
--- a/views/panel/_variable.php
+++ b/views/panel/_variable.php
@@ -1,27 +1,18 @@
 <?php
 
 /* @var $this yii\web\View */
-/* @var $item \app\models\Item */
-
-use app\models\Item;
+/* @var $widget \app\models\ItemWidget */
 
 ?>
 
-<div class="col-md-3 col-sm-4 control-panel-item item-variable"
-     data-item-id="<?= $item->id ?>">
-    <div class="info-box bg-<?= $item->bg ?> <?= $item->class ?>">
-        <span class="info-box-icon"><i class="fa fa-<?= $item->icon ?>"></i></span>
-
-        <div class="info-box-content">
-            <span class="info-box-text"><?= $item->name ?></span>
-            <span class="info-box-number item-value <?= (in_array($item->type, [
-                Item::TYPE_VARIABLE_TEMPERATURE,
-                Item::TYPE_VARIABLE_HUMIDITY,
-                Item::TYPE_LIGHT_LEVEL
-            ])) ? 'temperature' : '' ?>">
-                НЕИЗВЕСТНО
-            </span>
+<div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
+    <div class="panel-item panel-item-variable <?= $widget->html_class ?> withripple"
+         title="<?= $widget->getName() ?>"
+         data-item-id="<?= $widget->item_id ?>"
+         data-item-type="<?= $widget->item->type ?>">
+        <div class="item-variable-icon">
+            <i class="fa <?= $widget->icon ?>"></i>
         </div>
-        <!-- /.info-box-content -->
+        <div class="item-variable-value item-value"><?= $widget->item->getDefaultNAValue() ?></div>
     </div>
 </div>
diff --git a/views/panel/index.php b/views/panel/index.php
index d7f5a9f..3ecc5e3 100644
--- a/views/panel/index.php
+++ b/views/panel/index.php
@@ -1,60 +1,178 @@
 <?php
 
 /* @var $this yii\web\View */
+/* @var $roomModels \app\models\Room[] */
 
-use app\assets\WSClientAsset;
-use app\models\Item;
-use app\models\Room;
-use yii\web\View;
+use app\assets\PanelAsset;
+use rmrevin\yii\fontawesome\FA;
+use yii\helpers\Html;
+
+PanelAsset::register($this);
 
 $this->title = 'Панель Управления';
-$this->params['not-boxed'] = true;
-
-WSClientAsset::register($this);
 ?>
 
-<div class="loader" id="loader">
-    <div class="loader-animation">
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
-    <div class="loader-text text-danger"></div>
+<div class="linear-loader">
+    <div class="indeterminate"></div>
 </div>
 
-<div class="control-panel">
-
-    <?php foreach (Room::find()->all() as $room): ?>
-        <div class="box control-panel-room box-<?= $room->bg ?>" data-room-id="<?= $room->id ?>">
-            <div class="box-header with-border">
-                <h3 class="box-title"><?= $room->name ?></h3>
-            </div>
-
-            <div class="box-body control-panel-items">
-                <div class="row items-variable">
-                    <?php foreach ($room->getItems()->variables()->active()->all() as $item): ?>
-                        <?= $this->render('_variable', [
-                            'item' => $item,
-                        ]) ?>
-                    <?php endforeach; ?>
-                </div>
-                <div class="row items-switch">
-                    <?php foreach ($room->getItems()->switches()->active()->all() as $item): ?>
-                        <?= $this->render('_switch', [
-                            'item' => $item,
-                        ]) ?>
-                    <?php endforeach; ?>
-                </div>
-                <div class="row items-rgb">
-                    <?php foreach ($room->getItems()->rgb()->all() as $item): ?>
-                        <?= $this->render('_rgb', [
-                            'item' => $item,
-                        ]) ?>
-                    <?php endforeach; ?>
+<main class="content">
+    <div class="container-fluid">
+        <div id="loader">
+            <div class="loader-icon">
+                <div class="circle">
+                    <?= FA::i('home') ?>
                 </div>
             </div>
-            <!-- /.box-body -->
+            <div class="loader-brand">
+                <span class="product-font"><span>Solomaha</span> Home</span>
+            </div>
+            <div class="loader-message">OFFLINE</div>
         </div>
-    <?php endforeach; ?>
 
+        <div class="control-panel">
+            <section class="content-header">
+                <h1><?= Html::encode($this->title) ?></h1>
+            </section>
+
+            <?php foreach ($roomModels as $room): ?>
+                <div class="card panel-room" data-room-id="<?= $room->id ?>">
+                    <div class="card-header">
+                        <h3 class="card-header-title"><?= $room->name ?></h3>
+                    </div>
+
+                    <div class="card-body">
+                        <div class="row panel-items-variable">
+                            <?php foreach ($room->getItemWidgets()->variables()->active()->all() as $widget): ?>
+                                <?= $this->render('_variable', [
+                                    'widget' => $widget,
+                                ]) ?>
+                            <?php endforeach; ?>
+                        </div>
+                        <div class="row panel-items-switch">
+                            <?php foreach ($room->getItemWidgets()->switches()->active()->all() as $widget): ?>
+                                <?= $this->render('_switch', [
+                                    'widget' => $widget,
+                                ]) ?>
+                            <?php endforeach; ?>
+                        </div>
+                        <div class="row panel-items-rgb">
+                            <?php foreach ($room->getItemWidgets()->rgb()->active()->all() as $widget): ?>
+                                <?= $this->render('_rgb', [
+                                    'widget' => $widget,
+                                ]) ?>
+                            <?php endforeach; ?>
+                        </div>
+                    </div>
+                    <!-- /.box-body -->
+                </div>
+            <?php endforeach; ?>
+        </div>
+    </div>
+</main>
+
+<script id="rgb-item-widget-popover-content" type="text/x-handlebars-template">
+    <div class="rgb-widget-popover-content" data-item-id="{{item_id}}">
+        <ul class="nav nav-tabs nav-justified">
+            <li class="active">
+                <a href="#rgb-widget-static" class="rgb-widget-mode rgb-widget-mode-static" data-toggle="tab"
+                   aria-expanded="true">
+                    Static
+                </a>
+            </li>
+            <li>
+                <a href="#rgb-widget-wave" class="rgb-widget-mode rgb-widget-mode-wave" data-toggle="tab"
+                   aria-expanded="false">
+                    Wave
+                </a>
+            </li>
+            <li>
+                <a href="#rgb-widget-fade" class="rgb-widget-mode rgb-widget-mode-fade" data-toggle="tab"
+                   aria-expanded="false">
+                    Fade
+                </a>
+            </li>
+        </ul>
+        <div class="tab-content">
+            <div class="tab-pane fade in active" id="rgb-widget-static">
+                <form class="rgb-widget-form rgb-widget-form-static">
+                    <div class="row">
+                        <div class="col-sm-6">
+                            <label for="colorpicker-{{item_id}}" class="hidden">Цвет</label>
+                            <input type="text"
+                                   class="rgb-widget-colorpicker rgb-widget-colorpicker-static"
+                                   data-item-id="{{item_id}}"
+                                   id="colorpicker-{{item_id}}">
+                        </div>
+                        <div class="col-sm-6">
+                            <div class="form-group">
+                                <label for="rgb-widget-static-fade-time">Время перехода (мс)</label>
+                                <input type="number" min="0" step="500" class="form-control" id="rgb-widget-static-fade-time"
+                                       value="<?= Yii::$app->params['items']['rgb']['fade-time'] ?>">
+                            </div>
+                        </div>
+                    </div>
+                </form>
+            </div>
+            <div class="tab-pane fade" id="rgb-widget-wave">
+                <form class="rgb-widget-form rgb-widget-form-wave">
+                    <div class="form-group">
+                        <label for="rgb-widget-wave-fade-time">Время перехода (мс)</label>
+                        <input type="number" min="0" step="500" class="form-control" id="rgb-widget-wave-fade-time"
+                               value="<?= Yii::$app->params['items']['rgb']['fade-time'] ?>">
+                    </div>
+                    <div class="form-group">
+                        <label for="rgb-widget-wave-color-time">Время цвета (мс)</label>
+                        <input type="number" min="0" step="500" class="form-control" id="rgb-widget-wave-color-time"
+                               value="<?= Yii::$app->params['items']['rgb']['color-time'] ?>">
+                    </div>
+                    <button class="btn btn-primary btn-save-times" data-mode="wave">Применить</button>
+                </form>
+            </div>
+            <div class="tab-pane fade" id="rgb-widget-fade">
+                <form class="rgb-widget-form rgb-widget-form-fade">
+                    <div class="row">
+                        <div class="col-sm-6">
+                            <label for="fade-colorpicker-{{item_id}}" class="hidden">Цвет</label>
+                            <input type="text"
+                                   class="rgb-widget-colorpicker rgb-widget-colorpicker-fade"
+                                   data-item-id="{{item_id}}"
+                                   id="fade-colorpicker-{{item_id}}">
+                        </div>
+                        <div class="col-sm-6">
+                            <div class="form-group">
+                                <label for="rgb-widget-fade-fade-time">Время перехода (мс)</label>
+                                <input type="number" min="0" step="500" class="form-control" id="rgb-widget-fade-fade-time"
+                                       value="<?= Yii::$app->params['items']['rgb']['fade-time'] ?>">
+                            </div>
+                            <div class="form-group">
+                                <label for="rgb-widget-fade-color-time">Время цвета (мс)</label>
+                                <input type="number" min="0" step="500" class="form-control" id="rgb-widget-fade-color-time"
+                                       value="<?= Yii::$app->params['items']['rgb']['color-time'] ?>">
+                            </div>
+                            <button class="btn btn-primary btn-save-times" data-mode="fade">Применить</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</script>
+
+<!-- Modal -->
+<div class="modal fade" id="item-chart-modal" tabindex="-1" role="dialog" aria-labelledby="item-chart-modal-label">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="item-chart-modal-label">График элемента <span class="item-chart-name"></span></h4>
+            </div>
+            <div class="modal-body">
+                <canvas id="item-chart"></canvas>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-default" data-dismiss="modal">Закрыть</button>
+            </div>
+        </div>
+    </div>
 </div>
diff --git a/views/profile/edit.php b/views/profile/edit.php
new file mode 100644
index 0000000..0f3e9e7
--- /dev/null
+++ b/views/profile/edit.php
@@ -0,0 +1,9 @@
+<?php
+
+/** @var $this \yii\web\View */
+/** @var $user \app\models\User */
+
+use yii\helpers\Url;
+
+$this->title = 'Редактировать профиль';
+?>
diff --git a/views/profile/index.php b/views/profile/index.php
new file mode 100644
index 0000000..b57999b
--- /dev/null
+++ b/views/profile/index.php
@@ -0,0 +1,58 @@
+<?php
+
+/** @var $this \yii\web\View */
+/** @var $user \app\models\User */
+
+use yii\helpers\Url;
+
+$this->title = 'Профиль ' . $user->username;
+?>
+
+<div class="row user-profile">
+    <div class="col-sm-2">
+        <img src="<?= $user->getAvatar(200) ?>" alt="<?= $user->username ?>" class="img-responsive img-circle center-block">
+
+        <div class="user-actions text-center">
+            <a href="<?= Url::to(['edit']) ?>" class="btn btn-primary"><i class="fa fa-pencil"></i>
+                Изменить</a>
+        </div>
+    </div>
+    <div class="col-sm-5">
+        <h4><i class="fa fa-user"></i> Информация</h4>
+
+        <table class="table">
+            <tbody>
+            <tr>
+                <th scope="row">ID</th>
+                <td><?= $user->id ?></td>
+            </tr>
+            <tr>
+                <th scope="row">Логин</th>
+                <td><?= $user->username ?></td>
+            </tr>
+            <tr>
+                <th scope="row">Email</th>
+                <td><?= $user->email ?></td>
+            </tr>
+            <tr>
+                <th scope="row">Группа</th>
+                <td><?= $user->getGroupLabel() ?></td>
+            </tr>
+            <tr>
+                <th scope="row">Имя</th>
+                <td><?= $user->name ?></td>
+            </tr>
+            <tr>
+                <th scope="row">Комната</th>
+                <td><?= $user->room ? $user->room->name : null ?></td>
+            </tr>
+            <?php if (Yii::$app->user->id === $user->id): ?>
+            <tr>
+                <th scope="row">API Ключ</th>
+                <td><span class="show-on-click" data-text="<?= $user->api_key ?>">показать</span></td>
+            </tr>
+            <?php endif; ?>
+            </tbody>
+        </table>
+    </div>
+</div>
diff --git a/views/site/error.php b/views/site/error.php
deleted file mode 100644
index 4b0a003..0000000
--- a/views/site/error.php
+++ /dev/null
@@ -1,26 +0,0 @@
-<?php
-
-/* @var $this yii\web\View */
-/* @var $name string */
-/* @var $message string */
-/* @var $exception Exception */
-
-use yii\helpers\Html;
-
-$this->title = $name;
-?>
-<section class="content">
-
-    <div class="error-page">
-        <h2 class="headline text-info"><i class="fa fa-warning text-yellow"></i></h2>
-
-        <div class="error-content">
-            <h1><?= $name ?></h1>
-
-            <p>
-                <?= nl2br(Html::encode($message)) ?>
-            </p>
-        </div>
-    </div>
-
-</section>
diff --git a/views/site/index.php b/views/site/index.php
index 9da5a7c..b1cd305 100644
--- a/views/site/index.php
+++ b/views/site/index.php
@@ -3,9 +3,29 @@
 /* @var $this yii\web\View */
 
 $this->title = 'Главная';
-
-\yii\helpers\VarDumper::dump(\app\models\Setting::getValueByKey('log.user_connection'),10,true);
 ?>
-<div class="site-index">
-    <h1 class="page-header"><?= $this->title ?></h1>
+<div class="form-group">
+    <label for="md-select">Опция</label>
+
+    <select class="md-select" id="md-select">
+        <option value="1">Опция 1</option>
+        <option value="2">Опция 2</option>
+        <option value="3" selected>Опция 3</option>
+        <option value="4">Опция 4</option>
+        <option value="5">Опция 5</option>
+    </select>
 </div>
+
+<!--<div class="mad-select">-->
+<!--    <ul>-->
+<!--        <li data-value="1">Option 1</li>-->
+<!--        <li data-value="2 foo">Option 2</li>-->
+<!--        <li data-value="3 bar">Option 3</li>-->
+<!--        <li data-value="4">Option 4</li>-->
+<!--        <li data-value="5">Option long desc 5</li>-->
+<!--        <li data-value="6">Option 6</li>-->
+<!--        <li data-value="7">Option 7</li>-->
+<!--        <li data-value="8">Option 8</li>-->
+<!--    </ul>-->
+<!--    <input type="hidden" name="myOptions" value="3 bar">-->
+<!--</div>-->
diff --git a/web/css/md.theme.css b/web/css/md.theme.css
new file mode 100644
index 0000000..d670ed0
--- /dev/null
+++ b/web/css/md.theme.css
@@ -0,0 +1,644 @@
+/* General Syles */
+html, body {
+    background: #e8e8e8;
+    overflow-x: hidden;
+    height: 100%;
+}
+
+.content {
+    padding-top: 64px;
+    transition: transform .3s ease-in-out, margin .3s ease-in-out;
+    margin-left: 260px;
+}
+
+/* Navbar */
+.navbar {
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.navbar .container-fluid {
+    padding-left: 0;
+}
+
+.navbar .navbar-header {
+    margin-left: 0;
+}
+
+.navbar > .container-fluid a.navbar-brand.product-font {
+    color: #fff;
+}
+
+.navbar a.product-font:hover {
+    text-decoration: none;
+}
+
+.navbar .navbar-toggle-drawer {
+    position: relative;
+    display: block;
+    float: left;
+    width: 48px;
+    height: 48px;
+    margin: 8px 12px;
+    border-radius: 48px;
+    padding: 17.5px 15px;
+    overflow: hidden;
+    color: #fff;
+}
+
+.navbar .navbar-toggle-drawer-icon {
+    width: 18px;
+    height: 12px;
+}
+
+.navbar span.toggle-bar {
+    display: block;
+    height: 2px;
+    background: #fff;
+    width: 18px;
+    position: relative;
+    margin-bottom: 3px;
+}
+
+.navbar .navbar-toggle-drawer-icon span.toggle-bar:last-of-type {
+    margin-bottom: 0;
+}
+
+.navbar .user-image {
+    float: left;
+    width: 25px;
+    height: 25px;
+    border-radius: 50%;
+    margin-right: 10px;
+    margin-top: -1px;
+}
+
+.navbar-breadcrumbs {
+    display: inline-block;
+}
+
+.navbar-breadcrumbs .breadcrumb {
+    background: transparent;
+    margin: 0;
+    padding: 18px 0 15px;
+}
+
+.navbar-breadcrumbs .breadcrumb li {
+    font-weight: 500;
+    font-size: 16px;
+    /*position: relative;*/
+}
+
+.navbar-breadcrumbs .breadcrumb li a {
+    color: #fff;
+}
+
+.navbar-breadcrumbs .breadcrumb li a:hover,
+.navbar-breadcrumbs .breadcrumb li a:active,
+.navbar-breadcrumbs .breadcrumb li a:focus {
+    text-decoration: none;
+}
+
+.navbar-breadcrumbs .breadcrumb li:before {
+    content: '\f054';
+    font-family: FontAwesome;
+    color: #fff;
+    padding: 0 10px 0 0;
+}
+
+.navbar-breadcrumbs .breadcrumb li + li:before {
+    padding: 0 10px;
+}
+
+.navbar-breadcrumbs .breadcrumb .active {
+    color: #fff;
+    font-weight: 500;
+    font-size: 16px;
+}
+
+/* Drawer */
+.drawer {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    top: 64px;
+    left: 0;
+    bottom: 0;
+    width: 260px;
+    z-index: 100;
+    background: #fff;
+    transition: transform .3s ease-in-out, width .3s ease-in-out;
+    border-right: 1px solid #d5d5d5;
+    overflow: auto;
+}
+
+.drawer .drawer-content {
+    height: 100%;
+    overflow: auto;
+}
+
+@media (max-width: 767px) {
+    /* Drawer styles */
+    .content {
+        margin-left: 0;
+    }
+
+    .drawer {
+        transform: translate(-260px, 0);
+    }
+
+    .drawer-open .drawer {
+        transform: translate(0, 0);
+    }
+
+    .drawer-open .content {
+        transform: translate(260px, 0);
+    }
+
+    /* Navbar styles */
+    .navbar .navbar-brand {
+        margin-left: -20px;
+    }
+}
+
+@media (max-width: 1200px) {
+    .content-header h1 {
+        font-size: 35px;
+    }
+}
+
+.drawer-menu {
+    margin-top: 10px;
+}
+
+.drawer-menu li a {
+    display: block;
+    width: 100%;
+    padding: 12px 20px;
+    font-size: 13px;
+    color: rgb(68, 68, 68);
+    font-weight: 500;
+    text-decoration: none;
+}
+
+.drawer-menu li a:hover {
+    background: rgba(0, 0, 0, 0.07);
+}
+
+.drawer-menu li.active a {
+    background: rgba(0, 0, 0, 0.07);
+    color: #009688;
+}
+
+.drawer-menu > li + li {
+    margin: 0;
+}
+
+.drawer-menu li a:hover,
+.drawer-menu li a:active,
+.drawer-menu li a:focus {
+    text-decoration: none;
+}
+
+.drawer-menu li a .fa {
+    font-weight: normal;
+    font-style: normal;
+    font-size: 20px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-rendering: optimizeLegibility;
+    text-transform: none;
+    display: inline-block;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: 'liga';
+    -webkit-font-smoothing: antialiased;
+    color: #616161;
+    cursor: pointer;
+    margin-right: 16px;
+    margin-top: -4px;
+    opacity: .8;
+    overflow: hidden;
+    -webkit-transition: .15s transform;
+    transition: .15s transform;
+    vertical-align: middle;
+}
+
+.drawer-menu li.active a .fa {
+    color: #009688;
+}
+
+.drawer-menu li.divider {
+    display: block;
+    position: relative;
+    height: 1px;
+    width: 100%;
+    background: #efefef;
+    margin: 10px 0;
+}
+
+.user-block {
+    height: 64px;
+    padding: 12px;
+    border-bottom: 1px solid #efefef;
+    display: flex;
+    align-items: center;
+}
+
+.user-block .user-info {
+    display: inline-block;
+    font-weight: 500;
+    flex: 1;
+    text-align: center;
+}
+
+.user-block .user-avatar {
+    display: inline-block;
+}
+
+.user-block .user-avatar img {
+    border-radius: 50%;
+    height: 40px;
+    width: 40px;
+}
+
+.user-block .user-caret {
+    display: inline-block;
+    margin-left: auto;
+    padding: 5px 10px;
+    border-radius: 50%;
+}
+
+/* Cards */
+.card {
+    background: #fff;
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
+    margin-bottom: 20px;
+    border-radius: 2px;
+    padding: 24px;
+}
+
+.card-header .card-header-title {
+    font-size: 24px;
+    margin: 0 0 8px 0;
+}
+
+/* Panel Items */
+.panel-item.panel-item-switch {
+    background: #009688;
+    border-radius: 30px;
+    color: #fff;
+    margin: 10px 0;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    min-height: 50px;
+    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
+    transition: 0.5s;
+    user-select: none;
+}
+
+.panel-item.panel-item-switch.off {
+    background: #909090;
+}
+
+.panel-item-switch-icon,
+.panel-item-rgb-icon {
+    position: absolute;
+    padding: 0 15px 0 20px;
+    font-size: 20px;
+    line-height: 50px;
+    /*border-right: 1px solid rgba(95, 95, 95, 0.3);*/
+    background: rgba(0, 0, 0, 0.1);
+    border-top-left-radius: 30px;
+    border-bottom-left-radius: 30px;
+}
+
+.panel-item-switch-name,
+.panel-item-rgb-name {
+    text-align: center;
+    width: 100%;
+    padding-left: 25px;
+}
+
+.panel-item.panel-item-variable {
+    width: 100%;
+    background: #009688;
+    border-radius: 2px;
+    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
+    color: #fff;
+    text-align: center;
+    margin: 10px 0;
+    cursor: pointer;
+    user-select: none;
+}
+
+.panel-item-variable .item-variable-icon {
+    font-size: 45px;
+}
+
+.panel-item-variable .item-variable-value {
+    background: rgba(0, 0, 0, 0.3);
+    font-size: 20px;
+}
+
+.panel-item.panel-item-rgb {
+    background: #009688;
+    border-radius: 30px;
+    color: #fff;
+    margin: 10px 0;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+    height: 50px;
+    width: 100%;
+    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
+    transition: 1s;
+    user-select: none;
+}
+
+.rgb-widget-form {
+    padding: 10px;
+}
+
+.sp-container {
+    display: block;
+    border-radius: 0;
+    background-color: transparent;
+    border: none;
+    padding: 0;
+}
+
+.sp-picker-container {
+    width: 100%;
+    border: none;
+}
+
+.sp-picker-container, .sp-palette-container {
+    float: none;
+    padding: 2px 0 0 0;
+    margin: 0;
+}
+
+/* Snackbar fixes */
+#snackbar-container {
+    position: fixed;
+    right: 20px;
+    bottom: 0;
+    left: auto;
+    z-index: 99999;
+}
+
+/* Linear loader */
+.linear-loader {
+    position: absolute;
+    top: 64px;
+    left: 0;
+    right: 0;
+    overflow: hidden;
+    width: 100%;
+    height: 4px;
+    background-color: #B3E5FC;
+    z-index: 1090;
+}
+
+.indeterminate {
+    position: relative;
+    width: 100%;
+    height: 100%;
+}
+
+.indeterminate:before {
+    content: '';
+    position: absolute;
+    height: 100%;
+    background-color: #03A9F4;
+    animation: indeterminate_first 3s infinite ease-out;
+}
+
+.indeterminate:after {
+    content: '';
+    position: absolute;
+    height: 100%;
+    background-color: #4FC3F7;
+    animation: indeterminate_second 3s infinite ease-in;
+}
+
+@keyframes indeterminate_first {
+    0% {
+        left: -100%;
+        width: 100%;
+    }
+    100% {
+        left: 100%;
+        width: 10%;
+    }
+}
+
+@keyframes indeterminate_second {
+    0% {
+        left: -150%;
+        width: 100%;
+    }
+    100% {
+        left: 100%;
+        width: 10%;
+    }
+}
+
+/* Login page */
+.login-logo {
+    text-align: center;
+    font-size: 30px;
+    margin-bottom: 20px;
+}
+
+.login-container .card {
+    margin-top: calc(50vh - 140px);
+}
+
+body.login-body {
+    background: url("../img/login-bg.jpg") no-repeat;
+    background-size: cover;
+}
+
+@media only screen and (max-width: 767px) {
+    body.login-body {
+        background-image: url("../img/login-bg-small.jpg");
+    }
+}
+
+/* Error page */
+.error-page-logo {
+    text-align: center;
+    margin: 40px 0;
+}
+
+.error-page-logo a {
+    color: #666666;
+    font-size: 40px;
+    transition: 0.5s;
+}
+
+.error-page-logo a:hover,
+.error-page-logo a:active,
+.error-page-logo a:focus {
+    color: #444444;
+    text-decoration: none;
+}
+
+/* Data Table */
+.material-table > thead > tr > th {
+    padding: 16px 12px;
+}
+
+.material-table thead a {
+    color: #666;
+}
+
+.material-table thead a:hover, .material-table thead a:active {
+    color: #373737;
+    text-decoration: none;
+}
+
+.material-table > tbody > tr > td {
+    padding: 12px;
+}
+
+.material-table > tbody > tr:hover {
+    background-color: #EEEEEE;
+}
+
+.material-table a.asc:before, .material-table a.desc:before {
+    position: absolute;
+    font-family: FontAwesome, sans-serif;
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    top: 0;
+    left: -18px;
+}
+
+.material-table thead a {
+    position: relative;
+}
+
+.material-table a.asc:before {
+    content: "\f062";
+}
+
+.material-table a.desc:before {
+    content: "\f063";
+}
+
+.material-table a.btn-flat {
+    box-shadow: none;
+    border: none;
+    border-radius: 0;
+    background: transparent;
+    color: #717171;
+    font-size: 15px;
+}
+
+.material-table a.btn-flat:hover {
+    color: #000;
+}
+
+.material-table thead tr th:first-child {
+    padding-left: 24px;
+}
+
+.material-table tbody tr td:first-child {
+    padding-left: 24px;
+    width: 60px;
+}
+
+.table-card {
+    padding: 0;
+}
+
+.table-card-actions {
+    padding: 10px;
+    border-bottom: 1px solid #dddddd;
+}
+
+.table-card-actions .btn-flat {
+    color: #009688;
+    font-weight: 500;
+}
+
+.table-card .material-table {
+    margin-bottom: 0;
+}
+
+.table-card .table-footer {
+    display: flex;
+    height: 56px;
+    align-items: center;
+    justify-content: flex-end;
+    flex-wrap: wrap-reverse;
+    box-sizing: border-box;
+    border-top: 1px solid #dddddd;
+    padding-right: 14px;
+}
+
+.table-footer-summary {
+    display: inline-block;
+}
+
+.table-footer .pagination {
+    display: inline-block;
+    margin: 0 0 0 32px;
+}
+
+/*.table-footer .pagination {*/
+/*margin: 0;*/
+/*padding: 0;*/
+/*display: block;*/
+/*}*/
+
+.table-footer .prev,
+.table-footer .next {
+    font-family: FontAwesome;
+}
+
+.table-footer .pagination > li > a,
+.table-footer .pagination > li > span {
+    border: none;
+    color: #717171;
+}
+
+.table-footer .pagination > .disabled > span,
+.table-footer .pagination > .disabled > span:hover,
+.table-footer .pagination > .disabled > span:focus,
+.table-footer .pagination > .disabled > a,
+.table-footer .pagination > .disabled > a:hover,
+.table-footer .pagination > .disabled > a:focus {
+    color: rgba(0, 0, 0, 0.3);
+}
+
+.btn-flat {
+    background: transparent;
+    box-shadow: none;
+}
+
+.btn-flat,
+.btn-flat:active,
+.btn-flat:hover,
+.btn-flat:focus {
+    box-shadow: none;
+}
+
+/* Profile */
+.user-actions .btn {
+    margin: 20px 0;
+}
+
+.user-profile h4 {
+    margin-bottom: 20px;
+    font-weight: lighter;
+}
+
+.show-on-click:not(.open) {
+    text-decoration: underline;
+    cursor: pointer;
+}
diff --git a/web/css/panel.css b/web/css/panel.css
new file mode 100644
index 0000000..7301e79
--- /dev/null
+++ b/web/css/panel.css
@@ -0,0 +1,66 @@
+/* Content loader */
+#loader {
+    position: relative;
+}
+
+.loader-icon {
+    background: #2f2f2f;
+    border-radius: 100%;
+    height: 150px;
+    width: 150px;
+    margin: 100px auto 30px;
+    color: #fff;
+    text-align: center;
+    line-height: 150px;
+    font-size: 100px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.loader-brand {
+    text-align: center;
+    font-size: 40px;
+}
+
+.loader-message {
+    opacity: 0;
+    text-align: center;
+    font-size: 18px;
+    position: absolute;
+    left: calc(50% - 15px);
+    top: 125px;
+    background: #F44336;
+    border-radius: 50px;
+    padding: 0 10px;
+    color: #fff;
+    box-shadow: 0 0 10px #f44336;
+    width: 100px;
+    transition: 0.8s;
+}
+
+#loader.error .loader-message {
+    opacity: 1;
+}
+
+.control-panel {
+    display: none;
+}
+
+/* Popover */
+.popover {
+    width: 300px;
+    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
+    max-width: none;
+    border-radius: 0;
+    padding: 0;
+    margin-bottom: 30px;
+}
+
+.popover-content {
+    padding: 0;
+}
+
+@media (min-width: 767px) {
+    .popover {
+        width: 500px;
+    }
+}
diff --git a/web/css/ripples.css b/web/css/ripples.css
new file mode 100644
index 0000000..cc88c40
--- /dev/null
+++ b/web/css/ripples.css
@@ -0,0 +1,47 @@
+.withripple {
+  position: relative;
+}
+.ripple-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  border-radius: inherit;
+  pointer-events: none;
+}
+.ripple {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  margin-left: -10px;
+  margin-top: -10px;
+  border-radius: 100%;
+  background-color: #000;
+  background-color: rgba(0, 0, 0, 0.05);
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+       -o-transform: scale(1);
+          transform: scale(1);
+  -webkit-transform-origin: 50%;
+      -ms-transform-origin: 50%;
+       -o-transform-origin: 50%;
+          transform-origin: 50%;
+  opacity: 0;
+  pointer-events: none;
+}
+.ripple.ripple-on {
+  -webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+       -o-transition: opacity 0.15s ease-in 0s, -o-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+          transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
+  opacity: 0.1;
+}
+.ripple.ripple-out {
+  -webkit-transition: opacity 0.1s linear 0s !important;
+       -o-transition: opacity 0.1s linear 0s !important;
+          transition: opacity 0.1s linear 0s !important;
+  opacity: 0;
+}
+/*# sourceMappingURL=ripples.css.map */
\ No newline at end of file
diff --git a/web/css/site.css b/web/css/site.css
index 7b79487..3c19838 100644
--- a/web/css/site.css
+++ b/web/css/site.css
@@ -1,8 +1,3 @@
-.not-set {
-    color: #c55;
-    font-style: italic;
-}
-
 .product-font {
     font-family: 'Product Sans', Arial, sans-serif;
 }
@@ -11,185 +6,11 @@
     font-weight: bold;
 }
 
-.control-panel-room-title {
-    color: #8a8a8a;
-    border-bottom: 1px solid #efefef;
-    font-size: 30px;
-    margin-bottom: 20px;
+.not-set {
+    color: #c55;
+    font-style: italic;
 }
 
-.item-switch .info-box-text {
-    font-weight: 400;
-    font-size: 20px;
-    text-align: center;
-    line-height: 80px;
-}
-
-.login-page {
-    background: url("../img/login-bg.png") no-repeat center center fixed;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-}
-
-.login-box {
-    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
-}
-
-.material-switch > input[type="checkbox"] {
-    display: none;
-}
-
-.material-switch > label {
-    cursor: pointer;
-    height: 0px;
-    position: relative;
-    width: 40px;
-}
-
-.material-switch > label::before {
-    background: rgb(0, 0, 0);
-    /*box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);*/
-    border-radius: 8px;
-    content: '';
-    height: 16px;
-    margin-top: -8px;
-    position: absolute;
-    opacity: 0.3;
-    transition: all 0.4s ease-in-out;
-    width: 40px;
-}
-
-.material-switch > label::after {
-    background: rgb(255, 255, 255);
-    border-radius: 16px;
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
-    content: '';
-    height: 24px;
-    left: -4px;
-    margin-top: -8px;
-    position: absolute;
-    top: -4px;
-    transition: all 0.3s ease-in-out;
-    width: 24px;
-}
-
-.material-switch > input[type="checkbox"]:checked + label::before {
-    background: inherit;
-    opacity: 0.5;
-}
-
-.material-switch > input[type="checkbox"]:checked + label::after {
-    background: inherit;
-    left: 20px;
-}
-
-.info-box-action {
-    border-radius: 2px 0 0 2px;
-    float: left;
-    height: 90px;
-    width: 90px;
-    /*text-align: center;*/
-    /*font-size: 45px;*/
-    /*line-height: 90px;*/
-    background: rgba(0, 0, 0, 0.2);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.item-switch .info-box {
-    cursor: pointer;
-}
-
-/* WS Loader */
-.content-wrapper {
-    position: relative;
-}
-
-.control-panel {
-    display: none;
-}
-
-.loader .loader-animation {
-    margin: 30px auto 0;
-}
-
-.loader .loader-text {
-    margin: 30px auto;
-    text-align: center;
-    font-weight: 600;
-    text-transform: uppercase;
-    display: none;
-}
-
-.loader .loader-animation span {
-    transition: 0.5s;
-}
-
-.loader.error .loader-animation span {
-    background: #DD4B39;
-}
-
-.loader-animation {
-    position: relative;
+.fontawesome-iconpicker-input {
     display: block;
-    width: 100px;
-    height: 100px;
-    margin: 50px;
-    background: transparent;
-}
-
-.loader-animation span {
-    position: absolute;
-    top: 50px;
-    display: block;
-    width: 30px;
-    height: 30px;
-    background: #605ca8;
-    border-radius: 50%;
-}
-
-.loader-animation span:nth-child(1) {
-    -webkit-animation: bounce 0.8s ease-in-out infinite;
-    animation: bounce 0.8s ease-in-out infinite;
-}
-
-.loader-animation span:nth-child(2) {
-    left: 40px;
-    -webkit-animation: bounce 0.8s ease-in-out 0.25s infinite;
-    animation: bounce 0.8s ease-in-out 0.25s infinite;
-}
-
-.loader-animation span:nth-child(3) {
-    left: 80px;
-    -webkit-animation: bounce 0.8s ease-in-out 0.5s infinite;
-    animation: bounce 0.8s ease-in-out 0.5s infinite;
-}
-
-@-webkit-keyframes bounce {
-    0%, 100% {
-        -webkit-transform: translateY(0px);
-        transform: translateY(0px);
-    }
-    50% {
-        -webkit-transform: translateY(-25px);
-        transform: translateY(-25px);
-    }
-}
-
-@keyframes bounce {
-    0%, 100% {
-        -webkit-transform: translateY(0px);
-        transform: translateY(0px);
-    }
-    50% {
-        -webkit-transform: translateY(-25px);
-        transform: translateY(-25px);
-    }
-}
-
-.select2-container--krajee .select2-selection--single {
-    line-height: 2;
 }
diff --git a/web/css/theme.css b/web/css/theme.css
new file mode 100644
index 0000000..cb1b011
--- /dev/null
+++ b/web/css/theme.css
@@ -0,0 +1,6663 @@
+/*! Generated by Live LESS Theme Customizer */
+
+@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+/*!
+ * Bootstrap v3.3.7 (http://getbootstrap.com)
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+a {
+  background-color: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+mark {
+  background: #ff0;
+  color: #000;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+img {
+  border: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: textfield;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+legend {
+  border: 0;
+  padding: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: bold;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td,
+th {
+  padding: 0;
+}
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *,
+  *:before,
+  *:after {
+    background: transparent !important;
+    color: #000 !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  .navbar {
+    display: none;
+  }
+  .btn > .caret,
+  .dropup > .btn > .caret {
+    border-top-color: #000 !important;
+  }
+  .label {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important;
+  }
+}
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.846;
+  color: #666666;
+  background-color: #ffffff;
+}
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+a {
+  color: #009688;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #004a43;
+  text-decoration: underline;
+}
+a:focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+figure {
+  margin: 0;
+}
+img {
+  vertical-align: middle;
+}
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.img-rounded {
+  border-radius: 3px;
+}
+.img-thumbnail {
+  padding: 4px;
+  line-height: 1.846;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  -webkit-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  display: inline-block;
+  max-width: 100%;
+  height: auto;
+}
+.img-circle {
+  border-radius: 50%;
+}
+hr {
+  margin-top: 23px;
+  margin-bottom: 23px;
+  border: 0;
+  border-top: 1px solid #eeeeee;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+[role="button"] {
+  cursor: pointer;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: inherit;
+  font-weight: 400;
+  line-height: 1.1;
+  color: #444444;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #bbbbbb;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 23px;
+  margin-bottom: 11.5px;
+}
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+  font-size: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  margin-top: 11.5px;
+  margin-bottom: 11.5px;
+}
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+  font-size: 75%;
+}
+h1,
+.h1 {
+  font-size: 56px;
+}
+h2,
+.h2 {
+  font-size: 45px;
+}
+h3,
+.h3 {
+  font-size: 34px;
+}
+h4,
+.h4 {
+  font-size: 24px;
+}
+h5,
+.h5 {
+  font-size: 20px;
+}
+h6,
+.h6 {
+  font-size: 14px;
+}
+p {
+  margin: 0 0 11.5px;
+}
+.lead {
+  margin-bottom: 23px;
+  font-size: 14px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 19.5px;
+  }
+}
+small,
+.small {
+  font-size: 92%;
+}
+mark,
+.mark {
+  background-color: #ffe0b2;
+  padding: .2em;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-nowrap {
+  white-space: nowrap;
+}
+.text-lowercase {
+  text-transform: lowercase;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}
+.text-capitalize {
+  text-transform: capitalize;
+}
+.text-muted {
+  color: #bbbbbb;
+}
+.text-primary {
+  color: #009688;
+}
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #00635a;
+}
+.text-success {
+  color: #4caf50;
+}
+a.text-success:hover,
+a.text-success:focus {
+  color: #3d8b40;
+}
+.text-info {
+  color: #2196f3;
+}
+a.text-info:hover,
+a.text-info:focus {
+  color: #0c7cd5;
+}
+.text-warning {
+  color: #ff9800;
+}
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #cc7a00;
+}
+.text-danger {
+  color: #f44336;
+}
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #ea1c0d;
+}
+.bg-primary {
+  color: #fff;
+  background-color: #009688;
+}
+a.bg-primary:hover,
+a.bg-primary:focus {
+  background-color: #00635a;
+}
+.bg-success {
+  background-color: #dff0d8;
+}
+a.bg-success:hover,
+a.bg-success:focus {
+  background-color: #c1e2b3;
+}
+.bg-info {
+  background-color: #e1bee7;
+}
+a.bg-info:hover,
+a.bg-info:focus {
+  background-color: #d099d9;
+}
+.bg-warning {
+  background-color: #ffe0b2;
+}
+a.bg-warning:hover,
+a.bg-warning:focus {
+  background-color: #ffcb7f;
+}
+.bg-danger {
+  background-color: #f9bdbb;
+}
+a.bg-danger:hover,
+a.bg-danger:focus {
+  background-color: #f5908c;
+}
+.page-header {
+  padding-bottom: 10.5px;
+  margin: 46px 0 23px;
+  border-bottom: 1px solid #eeeeee;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 11.5px;
+}
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-bottom: 0;
+}
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+  margin-left: -5px;
+}
+.list-inline > li {
+  display: inline-block;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+dl {
+  margin-top: 0;
+  margin-bottom: 23px;
+}
+dt,
+dd {
+  line-height: 1.846;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    clear: left;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dl-horizontal dd {
+    margin-left: 180px;
+  }
+}
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #bbbbbb;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+blockquote {
+  padding: 11.5px 23px;
+  margin: 0 0 23px;
+  font-size: 16.25px;
+  border-left: 5px solid #eeeeee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+  margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.846;
+  color: #bbbbbb;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+  content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid #eeeeee;
+  border-left: 0;
+  text-align: right;
+}
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+  content: '';
+}
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+  content: '\00A0 \2014';
+}
+address {
+  margin-bottom: 23px;
+  font-style: normal;
+  line-height: 1.846;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 3px;
+}
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #ffffff;
+  background-color: #333333;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+kbd kbd {
+  padding: 0;
+  font-size: 100%;
+  font-weight: bold;
+  box-shadow: none;
+}
+pre {
+  display: block;
+  padding: 11px;
+  margin: 0 0 11.5px;
+  font-size: 12px;
+  line-height: 1.846;
+  word-break: break-all;
+  word-wrap: break-word;
+  color: #212121;
+  background-color: #f5f5f5;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+.container-fluid {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.row {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left;
+}
+.col-xs-12 {
+  width: 100%;
+}
+.col-xs-11 {
+  width: 91.66666667%;
+}
+.col-xs-10 {
+  width: 83.33333333%;
+}
+.col-xs-9 {
+  width: 75%;
+}
+.col-xs-8 {
+  width: 66.66666667%;
+}
+.col-xs-7 {
+  width: 58.33333333%;
+}
+.col-xs-6 {
+  width: 50%;
+}
+.col-xs-5 {
+  width: 41.66666667%;
+}
+.col-xs-4 {
+  width: 33.33333333%;
+}
+.col-xs-3 {
+  width: 25%;
+}
+.col-xs-2 {
+  width: 16.66666667%;
+}
+.col-xs-1 {
+  width: 8.33333333%;
+}
+.col-xs-pull-12 {
+  right: 100%;
+}
+.col-xs-pull-11 {
+  right: 91.66666667%;
+}
+.col-xs-pull-10 {
+  right: 83.33333333%;
+}
+.col-xs-pull-9 {
+  right: 75%;
+}
+.col-xs-pull-8 {
+  right: 66.66666667%;
+}
+.col-xs-pull-7 {
+  right: 58.33333333%;
+}
+.col-xs-pull-6 {
+  right: 50%;
+}
+.col-xs-pull-5 {
+  right: 41.66666667%;
+}
+.col-xs-pull-4 {
+  right: 33.33333333%;
+}
+.col-xs-pull-3 {
+  right: 25%;
+}
+.col-xs-pull-2 {
+  right: 16.66666667%;
+}
+.col-xs-pull-1 {
+  right: 8.33333333%;
+}
+.col-xs-pull-0 {
+  right: auto;
+}
+.col-xs-push-12 {
+  left: 100%;
+}
+.col-xs-push-11 {
+  left: 91.66666667%;
+}
+.col-xs-push-10 {
+  left: 83.33333333%;
+}
+.col-xs-push-9 {
+  left: 75%;
+}
+.col-xs-push-8 {
+  left: 66.66666667%;
+}
+.col-xs-push-7 {
+  left: 58.33333333%;
+}
+.col-xs-push-6 {
+  left: 50%;
+}
+.col-xs-push-5 {
+  left: 41.66666667%;
+}
+.col-xs-push-4 {
+  left: 33.33333333%;
+}
+.col-xs-push-3 {
+  left: 25%;
+}
+.col-xs-push-2 {
+  left: 16.66666667%;
+}
+.col-xs-push-1 {
+  left: 8.33333333%;
+}
+.col-xs-push-0 {
+  left: auto;
+}
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.66666667%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.33333333%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.66666667%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.33333333%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.66666667%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.33333333%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.66666667%;
+}
+.col-xs-offset-1 {
+  margin-left: 8.33333333%;
+}
+.col-xs-offset-0 {
+  margin-left: 0%;
+}
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left;
+  }
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.66666667%;
+  }
+  .col-sm-10 {
+    width: 83.33333333%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.66666667%;
+  }
+  .col-sm-7 {
+    width: 58.33333333%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.66666667%;
+  }
+  .col-sm-4 {
+    width: 33.33333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.66666667%;
+  }
+  .col-sm-1 {
+    width: 8.33333333%;
+  }
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+  .col-sm-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-sm-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+  .col-sm-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-sm-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+  .col-sm-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-sm-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+  .col-sm-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-sm-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-sm-pull-0 {
+    right: auto;
+  }
+  .col-sm-push-12 {
+    left: 100%;
+  }
+  .col-sm-push-11 {
+    left: 91.66666667%;
+  }
+  .col-sm-push-10 {
+    left: 83.33333333%;
+  }
+  .col-sm-push-9 {
+    left: 75%;
+  }
+  .col-sm-push-8 {
+    left: 66.66666667%;
+  }
+  .col-sm-push-7 {
+    left: 58.33333333%;
+  }
+  .col-sm-push-6 {
+    left: 50%;
+  }
+  .col-sm-push-5 {
+    left: 41.66666667%;
+  }
+  .col-sm-push-4 {
+    left: 33.33333333%;
+  }
+  .col-sm-push-3 {
+    left: 25%;
+  }
+  .col-sm-push-2 {
+    left: 16.66666667%;
+  }
+  .col-sm-push-1 {
+    left: 8.33333333%;
+  }
+  .col-sm-push-0 {
+    left: auto;
+  }
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-sm-offset-0 {
+    margin-left: 0%;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left;
+  }
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.66666667%;
+  }
+  .col-md-10 {
+    width: 83.33333333%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.66666667%;
+  }
+  .col-md-7 {
+    width: 58.33333333%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.66666667%;
+  }
+  .col-md-4 {
+    width: 33.33333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.66666667%;
+  }
+  .col-md-1 {
+    width: 8.33333333%;
+  }
+  .col-md-pull-12 {
+    right: 100%;
+  }
+  .col-md-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-md-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-md-pull-9 {
+    right: 75%;
+  }
+  .col-md-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-md-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-md-pull-6 {
+    right: 50%;
+  }
+  .col-md-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-md-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-md-pull-3 {
+    right: 25%;
+  }
+  .col-md-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-md-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-md-pull-0 {
+    right: auto;
+  }
+  .col-md-push-12 {
+    left: 100%;
+  }
+  .col-md-push-11 {
+    left: 91.66666667%;
+  }
+  .col-md-push-10 {
+    left: 83.33333333%;
+  }
+  .col-md-push-9 {
+    left: 75%;
+  }
+  .col-md-push-8 {
+    left: 66.66666667%;
+  }
+  .col-md-push-7 {
+    left: 58.33333333%;
+  }
+  .col-md-push-6 {
+    left: 50%;
+  }
+  .col-md-push-5 {
+    left: 41.66666667%;
+  }
+  .col-md-push-4 {
+    left: 33.33333333%;
+  }
+  .col-md-push-3 {
+    left: 25%;
+  }
+  .col-md-push-2 {
+    left: 16.66666667%;
+  }
+  .col-md-push-1 {
+    left: 8.33333333%;
+  }
+  .col-md-push-0 {
+    left: auto;
+  }
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-md-offset-0 {
+    margin-left: 0%;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left;
+  }
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.66666667%;
+  }
+  .col-lg-10 {
+    width: 83.33333333%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.66666667%;
+  }
+  .col-lg-7 {
+    width: 58.33333333%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.66666667%;
+  }
+  .col-lg-4 {
+    width: 33.33333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.66666667%;
+  }
+  .col-lg-1 {
+    width: 8.33333333%;
+  }
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+  .col-lg-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-lg-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+  .col-lg-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-lg-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+  .col-lg-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-lg-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+  .col-lg-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-lg-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-lg-pull-0 {
+    right: auto;
+  }
+  .col-lg-push-12 {
+    left: 100%;
+  }
+  .col-lg-push-11 {
+    left: 91.66666667%;
+  }
+  .col-lg-push-10 {
+    left: 83.33333333%;
+  }
+  .col-lg-push-9 {
+    left: 75%;
+  }
+  .col-lg-push-8 {
+    left: 66.66666667%;
+  }
+  .col-lg-push-7 {
+    left: 58.33333333%;
+  }
+  .col-lg-push-6 {
+    left: 50%;
+  }
+  .col-lg-push-5 {
+    left: 41.66666667%;
+  }
+  .col-lg-push-4 {
+    left: 33.33333333%;
+  }
+  .col-lg-push-3 {
+    left: 25%;
+  }
+  .col-lg-push-2 {
+    left: 16.66666667%;
+  }
+  .col-lg-push-1 {
+    left: 8.33333333%;
+  }
+  .col-lg-push-0 {
+    left: auto;
+  }
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-lg-offset-0 {
+    margin-left: 0%;
+  }
+}
+table {
+  background-color: transparent;
+}
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #bbbbbb;
+  text-align: left;
+}
+th {
+  text-align: left;
+}
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 23px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  padding: 8px;
+  line-height: 1.846;
+  vertical-align: top;
+  border-top: 1px solid #dddddd;
+}
+.table > thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dddddd;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+  border-top: 0;
+}
+.table > tbody + tbody {
+  border-top: 2px solid #dddddd;
+}
+.table .table {
+  background-color: #ffffff;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+  padding: 5px;
+}
+.table-bordered {
+  border: 1px solid #dddddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid #dddddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+  border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #f9f9f9;
+}
+.table-hover > tbody > tr:hover {
+  background-color: #f5f5f5;
+}
+table col[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-column;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-cell;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+  background-color: #f5f5f5;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr:hover > .active,
+.table-hover > tbody > tr.active:hover > th {
+  background-color: #e8e8e8;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+  background-color: #dff0d8;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr:hover > .success,
+.table-hover > tbody > tr.success:hover > th {
+  background-color: #d0e9c6;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+  background-color: #e1bee7;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr:hover > .info,
+.table-hover > tbody > tr.info:hover > th {
+  background-color: #d8abe0;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+  background-color: #ffe0b2;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr:hover > .warning,
+.table-hover > tbody > tr.warning:hover > th {
+  background-color: #ffd699;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: #f9bdbb;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr:hover > .danger,
+.table-hover > tbody > tr.danger:hover > th {
+  background-color: #f7a6a4;
+}
+.table-responsive {
+  overflow-x: auto;
+  min-height: 0.01%;
+}
+@media screen and (max-width: 767px) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: 17.25px;
+    overflow-y: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #dddddd;
+  }
+  .table-responsive > .table {
+    margin-bottom: 0;
+  }
+  .table-responsive > .table > thead > tr > th,
+  .table-responsive > .table > tbody > tr > th,
+  .table-responsive > .table > tfoot > tr > th,
+  .table-responsive > .table > thead > tr > td,
+  .table-responsive > .table > tbody > tr > td,
+  .table-responsive > .table > tfoot > tr > td {
+    white-space: nowrap;
+  }
+  .table-responsive > .table-bordered {
+    border: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-left: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: 0;
+  }
+  .table-responsive > .table-bordered > tbody > tr:last-child > th,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+  .table-responsive > .table-bordered > tbody > tr:last-child > td,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+    border-bottom: 0;
+  }
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  min-width: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 23px;
+  font-size: 19.5px;
+  line-height: inherit;
+  color: #212121;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+input[type="search"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  line-height: normal;
+}
+input[type="file"] {
+  display: block;
+}
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 13px;
+  line-height: 1.846;
+  color: #666666;
+}
+.form-control {
+  display: block;
+  width: 100%;
+  height: 37px;
+  padding: 6px 16px;
+  font-size: 13px;
+  line-height: 1.846;
+  color: #666666;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.form-control:focus {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+.form-control::-moz-placeholder {
+  color: #bbbbbb;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #bbbbbb;
+}
+.form-control::-webkit-input-placeholder {
+  color: #bbbbbb;
+}
+.form-control::-ms-expand {
+  border: 0;
+  background-color: transparent;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  background-color: transparent;
+  opacity: 1;
+}
+.form-control[disabled],
+fieldset[disabled] .form-control {
+  cursor: not-allowed;
+}
+textarea.form-control {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: none;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"].form-control,
+  input[type="time"].form-control,
+  input[type="datetime-local"].form-control,
+  input[type="month"].form-control {
+    line-height: 37px;
+  }
+  input[type="date"].input-sm,
+  input[type="time"].input-sm,
+  input[type="datetime-local"].input-sm,
+  input[type="month"].input-sm,
+  .input-group-sm input[type="date"],
+  .input-group-sm input[type="time"],
+  .input-group-sm input[type="datetime-local"],
+  .input-group-sm input[type="month"] {
+    line-height: 30px;
+  }
+  input[type="date"].input-lg,
+  input[type="time"].input-lg,
+  input[type="datetime-local"].input-lg,
+  input[type="month"].input-lg,
+  .input-group-lg input[type="date"],
+  .input-group-lg input[type="time"],
+  .input-group-lg input[type="datetime-local"],
+  .input-group-lg input[type="month"] {
+    line-height: 45px;
+  }
+}
+.form-group {
+  margin-bottom: 15px;
+}
+.radio,
+.checkbox {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.radio label,
+.checkbox label {
+  min-height: 23px;
+  padding-left: 20px;
+  margin-bottom: 0;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-left: -20px;
+  margin-top: 4px \9;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px;
+}
+.radio-inline,
+.checkbox-inline {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"].disabled,
+input[type="checkbox"].disabled,
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"] {
+  cursor: not-allowed;
+}
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+.radio.disabled label,
+.checkbox.disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
+  cursor: not-allowed;
+}
+.form-control-static {
+  padding-top: 7px;
+  padding-bottom: 7px;
+  margin-bottom: 0;
+  min-height: 36px;
+}
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+  padding-left: 0;
+  padding-right: 0;
+}
+.input-sm {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-sm {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+  height: auto;
+}
+.form-group-sm .form-control {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.form-group-sm select.form-control {
+  height: 30px;
+  line-height: 30px;
+}
+.form-group-sm textarea.form-control,
+.form-group-sm select[multiple].form-control {
+  height: auto;
+}
+.form-group-sm .form-control-static {
+  height: 30px;
+  min-height: 35px;
+  padding: 6px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.input-lg {
+  height: 45px;
+  padding: 10px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+  border-radius: 3px;
+}
+select.input-lg {
+  height: 45px;
+  line-height: 45px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+  height: auto;
+}
+.form-group-lg .form-control {
+  height: 45px;
+  padding: 10px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+  border-radius: 3px;
+}
+.form-group-lg select.form-control {
+  height: 45px;
+  line-height: 45px;
+}
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+  height: auto;
+}
+.form-group-lg .form-control-static {
+  height: 45px;
+  min-height: 40px;
+  padding: 11px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+}
+.has-feedback {
+  position: relative;
+}
+.has-feedback .form-control {
+  padding-right: 46.25px;
+}
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 37px;
+  height: 37px;
+  line-height: 37px;
+  text-align: center;
+  pointer-events: none;
+}
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+  width: 45px;
+  height: 45px;
+  line-height: 45px;
+}
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label {
+  color: #4caf50;
+}
+.has-success .form-control {
+  border-color: #4caf50;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-success .form-control:focus {
+  border-color: #3d8b40;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94;
+}
+.has-success .input-group-addon {
+  color: #4caf50;
+  border-color: #4caf50;
+  background-color: #dff0d8;
+}
+.has-success .form-control-feedback {
+  color: #4caf50;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label {
+  color: #ff9800;
+}
+.has-warning .form-control {
+  border-color: #ff9800;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-warning .form-control:focus {
+  border-color: #cc7a00;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166;
+}
+.has-warning .input-group-addon {
+  color: #ff9800;
+  border-color: #ff9800;
+  background-color: #ffe0b2;
+}
+.has-warning .form-control-feedback {
+  color: #ff9800;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label {
+  color: #f44336;
+}
+.has-error .form-control {
+  border-color: #f44336;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-error .form-control:focus {
+  border-color: #ea1c0d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97;
+}
+.has-error .input-group-addon {
+  color: #f44336;
+  border-color: #f44336;
+  background-color: #f9bdbb;
+}
+.has-error .form-control-feedback {
+  color: #f44336;
+}
+.has-feedback label ~ .form-control-feedback {
+  top: 28px;
+}
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0;
+}
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #a6a6a6;
+}
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 7px;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 30px;
+}
+.form-horizontal .form-group {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    text-align: right;
+    margin-bottom: 0;
+    padding-top: 7px;
+  }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 15px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 11px;
+    font-size: 17px;
+  }
+}
+@media (min-width: 768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 6px;
+    font-size: 12px;
+  }
+}
+.btn {
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 16px;
+  font-size: 13px;
+  line-height: 1.846;
+  border-radius: 3px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus,
+.btn.focus {
+  color: #444444;
+  text-decoration: none;
+}
+.btn:active,
+.btn.active {
+  outline: 0;
+  background-image: none;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+a.btn.disabled,
+fieldset[disabled] a.btn {
+  pointer-events: none;
+}
+.btn-default {
+  color: #444444;
+  background-color: #ffffff;
+  border-color: transparent;
+}
+.btn-default:focus,
+.btn-default.focus {
+  color: #444444;
+  background-color: #e6e6e6;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-default:hover {
+  color: #444444;
+  background-color: #e6e6e6;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  color: #444444;
+  background-color: #e6e6e6;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-default:active:hover,
+.btn-default.active:hover,
+.open > .dropdown-toggle.btn-default:hover,
+.btn-default:active:focus,
+.btn-default.active:focus,
+.open > .dropdown-toggle.btn-default:focus,
+.btn-default:active.focus,
+.btn-default.active.focus,
+.open > .dropdown-toggle.btn-default.focus {
+  color: #444444;
+  background-color: #d4d4d4;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-default:active,
+.btn-default.active,
+.open > .dropdown-toggle.btn-default {
+  background-image: none;
+}
+.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 {
+  background-color: #ffffff;
+  border-color: transparent;
+}
+.btn-default .badge {
+  color: #ffffff;
+  background-color: #444444;
+}
+.btn-primary {
+  color: #ffffff;
+  background-color: #009688;
+  border-color: transparent;
+}
+.btn-primary:focus,
+.btn-primary.focus {
+  color: #ffffff;
+  background-color: #00635a;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-primary:hover {
+  color: #ffffff;
+  background-color: #00635a;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  color: #ffffff;
+  background-color: #00635a;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-primary:active:hover,
+.btn-primary.active:hover,
+.open > .dropdown-toggle.btn-primary:hover,
+.btn-primary:active:focus,
+.btn-primary.active:focus,
+.open > .dropdown-toggle.btn-primary:focus,
+.btn-primary:active.focus,
+.btn-primary.active.focus,
+.open > .dropdown-toggle.btn-primary.focus {
+  color: #ffffff;
+  background-color: #003f39;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
+  background-image: none;
+}
+.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 {
+  background-color: #009688;
+  border-color: transparent;
+}
+.btn-primary .badge {
+  color: #009688;
+  background-color: #ffffff;
+}
+.btn-success {
+  color: #ffffff;
+  background-color: #4caf50;
+  border-color: transparent;
+}
+.btn-success:focus,
+.btn-success.focus {
+  color: #ffffff;
+  background-color: #3d8b40;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-success:hover {
+  color: #ffffff;
+  background-color: #3d8b40;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  color: #ffffff;
+  background-color: #3d8b40;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-success:active:hover,
+.btn-success.active:hover,
+.open > .dropdown-toggle.btn-success:hover,
+.btn-success:active:focus,
+.btn-success.active:focus,
+.open > .dropdown-toggle.btn-success:focus,
+.btn-success:active.focus,
+.btn-success.active.focus,
+.open > .dropdown-toggle.btn-success.focus {
+  color: #ffffff;
+  background-color: #327334;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-success:active,
+.btn-success.active,
+.open > .dropdown-toggle.btn-success {
+  background-image: none;
+}
+.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 {
+  background-color: #4caf50;
+  border-color: transparent;
+}
+.btn-success .badge {
+  color: #4caf50;
+  background-color: #ffffff;
+}
+.btn-info {
+  color: #ffffff;
+  background-color: #2196f3;
+  border-color: transparent;
+}
+.btn-info:focus,
+.btn-info.focus {
+  color: #ffffff;
+  background-color: #0c7cd5;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-info:hover {
+  color: #ffffff;
+  background-color: #0c7cd5;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  color: #ffffff;
+  background-color: #0c7cd5;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-info:active:hover,
+.btn-info.active:hover,
+.open > .dropdown-toggle.btn-info:hover,
+.btn-info:active:focus,
+.btn-info.active:focus,
+.open > .dropdown-toggle.btn-info:focus,
+.btn-info:active.focus,
+.btn-info.active.focus,
+.open > .dropdown-toggle.btn-info.focus {
+  color: #ffffff;
+  background-color: #0a68b4;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-info:active,
+.btn-info.active,
+.open > .dropdown-toggle.btn-info {
+  background-image: none;
+}
+.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 {
+  background-color: #2196f3;
+  border-color: transparent;
+}
+.btn-info .badge {
+  color: #2196f3;
+  background-color: #ffffff;
+}
+.btn-warning {
+  color: #ffffff;
+  background-color: #ff9800;
+  border-color: transparent;
+}
+.btn-warning:focus,
+.btn-warning.focus {
+  color: #ffffff;
+  background-color: #cc7a00;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-warning:hover {
+  color: #ffffff;
+  background-color: #cc7a00;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  color: #ffffff;
+  background-color: #cc7a00;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-warning:active:hover,
+.btn-warning.active:hover,
+.open > .dropdown-toggle.btn-warning:hover,
+.btn-warning:active:focus,
+.btn-warning.active:focus,
+.open > .dropdown-toggle.btn-warning:focus,
+.btn-warning:active.focus,
+.btn-warning.active.focus,
+.open > .dropdown-toggle.btn-warning.focus {
+  color: #ffffff;
+  background-color: #a86400;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-warning:active,
+.btn-warning.active,
+.open > .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+.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 {
+  background-color: #ff9800;
+  border-color: transparent;
+}
+.btn-warning .badge {
+  color: #ff9800;
+  background-color: #ffffff;
+}
+.btn-danger {
+  color: #ffffff;
+  background-color: #f44336;
+  border-color: transparent;
+}
+.btn-danger:focus,
+.btn-danger.focus {
+  color: #ffffff;
+  background-color: #ea1c0d;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-danger:hover {
+  color: #ffffff;
+  background-color: #ea1c0d;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  color: #ffffff;
+  background-color: #ea1c0d;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-danger:active:hover,
+.btn-danger.active:hover,
+.open > .dropdown-toggle.btn-danger:hover,
+.btn-danger:active:focus,
+.btn-danger.active:focus,
+.open > .dropdown-toggle.btn-danger:focus,
+.btn-danger:active.focus,
+.btn-danger.active.focus,
+.open > .dropdown-toggle.btn-danger.focus {
+  color: #ffffff;
+  background-color: #c8180b;
+  border-color: rgba(0, 0, 0, 0);
+}
+.btn-danger:active,
+.btn-danger.active,
+.open > .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+.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 {
+  background-color: #f44336;
+  border-color: transparent;
+}
+.btn-danger .badge {
+  color: #f44336;
+  background-color: #ffffff;
+}
+.btn-link {
+  color: #009688;
+  font-weight: normal;
+  border-radius: 0;
+}
+.btn-link,
+.btn-link:active,
+.btn-link.active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+  border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #004a43;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+  color: #bbbbbb;
+  text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+  border-radius: 3px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+}
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  -o-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+}
+.collapse.in {
+  display: block;
+}
+tr.collapse.in {
+  display: table-row;
+}
+tbody.collapse.in {
+  display: table-row-group;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-property: height, visibility;
+  transition-property: height, visibility;
+  -webkit-transition-duration: 0.35s;
+  transition-duration: 0.35s;
+  -webkit-transition-timing-function: ease;
+  transition-timing-function: ease;
+}
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px dashed;
+  border-top: 4px solid \9;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+}
+.dropup,
+.dropdown {
+  position: relative;
+}
+.dropdown-toggle:focus {
+  outline: 0;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  font-size: 13px;
+  text-align: left;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  background-clip: padding-box;
+}
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 10.5px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.dropdown-menu > li > a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.846;
+  color: #666666;
+  white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  text-decoration: none;
+  color: #141414;
+  background-color: #eeeeee;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #ffffff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #009688;
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  color: #bbbbbb;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  cursor: not-allowed;
+}
+.open > .dropdown-menu {
+  display: block;
+}
+.open > a {
+  outline: 0;
+}
+.dropdown-menu-right {
+  left: auto;
+  right: 0;
+}
+.dropdown-menu-left {
+  left: 0;
+  right: auto;
+}
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: 12px;
+  line-height: 1.846;
+  color: #bbbbbb;
+  white-space: nowrap;
+}
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: 990;
+}
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-top: 0;
+  border-bottom: 4px dashed;
+  border-bottom: 4px solid \9;
+  content: "";
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 2px;
+}
+@media (min-width: 768px) {
+  .navbar-right .dropdown-menu {
+    left: auto;
+    right: 0;
+  }
+  .navbar-right .dropdown-menu-left {
+    left: 0;
+    right: auto;
+  }
+}
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  float: left;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+  z-index: 2;
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: -1px;
+}
+.btn-toolbar {
+  margin-left: -5px;
+}
+.btn-toolbar .btn,
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+  float: left;
+}
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+  margin-left: 5px;
+}
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+.btn-group > .btn:first-child {
+  margin-left: 0;
+}
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.btn-group.open .dropdown-toggle {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-group.open .dropdown-toggle.btn-link {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn .caret {
+  margin-left: 0;
+}
+.btn-lg .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0;
+}
+.dropup .btn-lg .caret {
+  border-width: 0 5px 5px;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+}
+.btn-group-vertical > .btn-group > .btn {
+  float: none;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: -1px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+  float: none;
+  display: table-cell;
+  width: 1%;
+}
+.btn-group-justified > .btn-group .btn {
+  width: 100%;
+}
+.btn-group-justified > .btn-group .dropdown-menu {
+  left: auto;
+}
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none;
+}
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+}
+.input-group[class*="col-"] {
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+}
+.input-group .form-control {
+  position: relative;
+  z-index: 2;
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+}
+.input-group .form-control:focus {
+  z-index: 3;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  height: 45px;
+  padding: 10px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+  border-radius: 3px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+  height: 45px;
+  line-height: 45px;
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+}
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.input-group-addon {
+  padding: 6px 16px;
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 1;
+  color: #666666;
+  text-align: center;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-radius: 3px;
+}
+.input-group-addon.input-sm {
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+.input-group-addon.input-lg {
+  padding: 10px 16px;
+  font-size: 17px;
+  border-radius: 3px;
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-group-btn > .btn {
+  position: relative;
+}
+.input-group-btn > .btn + .btn {
+  margin-left: -1px;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+  z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+  margin-right: -1px;
+}
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+  z-index: 2;
+  margin-left: -1px;
+}
+.nav {
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style: none;
+}
+.nav > li {
+  position: relative;
+  display: block;
+}
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+  color: #bbbbbb;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+  color: #bbbbbb;
+  text-decoration: none;
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+  background-color: #eeeeee;
+  border-color: #009688;
+}
+.nav .nav-divider {
+  height: 1px;
+  margin: 10.5px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.nav > li > a > img {
+  max-width: none;
+}
+.nav-tabs {
+  border-bottom: 1px solid transparent;
+}
+.nav-tabs > li {
+  float: left;
+  margin-bottom: -1px;
+}
+.nav-tabs > li > a {
+  margin-right: 2px;
+  line-height: 1.846;
+  border: 1px solid transparent;
+  border-radius: 3px 3px 0 0;
+}
+.nav-tabs > li > a:hover {
+  border-color: #eeeeee #eeeeee transparent;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  color: #666666;
+  background-color: transparent;
+  border: 1px solid transparent;
+  border-bottom-color: transparent;
+  cursor: default;
+}
+.nav-tabs.nav-justified {
+  width: 100%;
+  border-bottom: 0;
+}
+.nav-tabs.nav-justified > li {
+  float: none;
+}
+.nav-tabs.nav-justified > li > a {
+  text-align: center;
+  margin-bottom: 5px;
+}
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-tabs.nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs.nav-justified > li > a {
+  margin-right: 0;
+  border-radius: 3px;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+  border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li > a {
+    border-bottom: 1px solid transparent;
+    border-radius: 3px 3px 0 0;
+  }
+  .nav-tabs.nav-justified > .active > a,
+  .nav-tabs.nav-justified > .active > a:hover,
+  .nav-tabs.nav-justified > .active > a:focus {
+    border-bottom-color: #ffffff;
+  }
+}
+.nav-pills > li {
+  float: left;
+}
+.nav-pills > li > a {
+  border-radius: 3px;
+}
+.nav-pills > li + li {
+  margin-left: 2px;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+  color: #ffffff;
+  background-color: #009688;
+}
+.nav-stacked > li {
+  float: none;
+}
+.nav-stacked > li + li {
+  margin-top: 2px;
+  margin-left: 0;
+}
+.nav-justified {
+  width: 100%;
+}
+.nav-justified > li {
+  float: none;
+}
+.nav-justified > li > a {
+  text-align: center;
+  margin-bottom: 5px;
+}
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+  margin-right: 0;
+  border-radius: 3px;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+  border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+  .nav-tabs-justified > li > a {
+    border-bottom: 1px solid transparent;
+    border-radius: 3px 3px 0 0;
+  }
+  .nav-tabs-justified > .active > a,
+  .nav-tabs-justified > .active > a:hover,
+  .nav-tabs-justified > .active > a:focus {
+    border-bottom-color: #ffffff;
+  }
+}
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.navbar {
+  position: relative;
+  min-height: 64px;
+  margin-bottom: 23px;
+  border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 3px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left;
+  }
+}
+.navbar-collapse {
+  overflow-x: visible;
+  padding-right: 15px;
+  padding-left: 15px;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  -webkit-overflow-scrolling: touch;
+}
+.navbar-collapse.in {
+  overflow-y: auto;
+}
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+  }
+  .navbar-collapse.in {
+    overflow-y: visible;
+  }
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+  max-height: 340px;
+}
+@media (max-device-width: 480px) and (orientation: landscape) {
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    max-height: 200px;
+  }
+}
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .container > .navbar-header,
+  .container-fluid > .navbar-header,
+  .container > .navbar-collapse,
+  .container-fluid > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px;
+}
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+@media (min-width: 768px) {
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+}
+.navbar-brand {
+  float: left;
+  padding: 20.5px 15px;
+  font-size: 17px;
+  line-height: 23px;
+  height: 64px;
+}
+.navbar-brand:hover,
+.navbar-brand:focus {
+  text-decoration: none;
+}
+.navbar-brand > img {
+  display: block;
+}
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: -15px;
+  }
+}
+.navbar-toggle {
+  position: relative;
+  float: right;
+  margin-right: 15px;
+  padding: 9px 10px;
+  margin-top: 15px;
+  margin-bottom: 15px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 3px;
+}
+.navbar-toggle:focus {
+  outline: 0;
+}
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
+.navbar-nav {
+  margin: 10.25px -15px;
+}
+.navbar-nav > li > a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 23px;
+}
+@media (max-width: 767px) {
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: auto;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    box-shadow: none;
+  }
+  .navbar-nav .open .dropdown-menu > li > a,
+  .navbar-nav .open .dropdown-menu .dropdown-header {
+    padding: 5px 15px 5px 25px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a {
+    line-height: 23px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-nav .open .dropdown-menu > li > a:focus {
+    background-image: none;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0;
+  }
+  .navbar-nav > li {
+    float: left;
+  }
+  .navbar-nav > li > a {
+    padding-top: 20.5px;
+    padding-bottom: 20.5px;
+  }
+}
+.navbar-form {
+  margin-left: -15px;
+  margin-right: -15px;
+  padding: 10px 15px;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  margin-top: 13.5px;
+  margin-bottom: 13.5px;
+}
+@media (min-width: 768px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control-static {
+    display: inline-block;
+  }
+  .navbar-form .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .navbar-form .input-group .input-group-addon,
+  .navbar-form .input-group .input-group-btn,
+  .navbar-form .input-group .form-control {
+    width: auto;
+  }
+  .navbar-form .input-group > .form-control {
+    width: 100%;
+  }
+  .navbar-form .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio,
+  .navbar-form .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio label,
+  .navbar-form .checkbox label {
+    padding-left: 0;
+  }
+  .navbar-form .radio input[type="radio"],
+  .navbar-form .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0;
+  }
+  .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+@media (max-width: 767px) {
+  .navbar-form .form-group {
+    margin-bottom: 5px;
+  }
+  .navbar-form .form-group:last-child {
+    margin-bottom: 0;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-form {
+    width: auto;
+    border: 0;
+    margin-left: 0;
+    margin-right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+}
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  margin-bottom: 0;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.navbar-btn {
+  margin-top: 13.5px;
+  margin-bottom: 13.5px;
+}
+.navbar-btn.btn-sm {
+  margin-top: 17px;
+  margin-bottom: 17px;
+}
+.navbar-btn.btn-xs {
+  margin-top: 21px;
+  margin-bottom: 21px;
+}
+.navbar-text {
+  margin-top: 20.5px;
+  margin-bottom: 20.5px;
+}
+@media (min-width: 768px) {
+  .navbar-text {
+    float: left;
+    margin-left: 15px;
+    margin-right: 15px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important;
+  }
+  .navbar-right {
+    float: right !important;
+    margin-right: -15px;
+  }
+  .navbar-right ~ .navbar-right {
+    margin-right: 0;
+  }
+}
+.navbar-default {
+  background-color: #ffffff;
+  border-color: transparent;
+}
+.navbar-default .navbar-brand {
+  color: #666666;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #212121;
+  background-color: transparent;
+}
+.navbar-default .navbar-text {
+  color: #bbbbbb;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #666666;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #212121;
+  background-color: transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #212121;
+  background-color: #eeeeee;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+  color: #cccccc;
+  background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+  border-color: transparent;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: transparent;
+}
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: transparent;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+  background-color: #eeeeee;
+  color: #212121;
+}
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #666666;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #212121;
+    background-color: transparent;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #212121;
+    background-color: #eeeeee;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #cccccc;
+    background-color: transparent;
+  }
+}
+.navbar-default .navbar-link {
+  color: #666666;
+}
+.navbar-default .navbar-link:hover {
+  color: #212121;
+}
+.navbar-default .btn-link {
+  color: #666666;
+}
+.navbar-default .btn-link:hover,
+.navbar-default .btn-link:focus {
+  color: #212121;
+}
+.navbar-default .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-default .btn-link:hover,
+.navbar-default .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-default .btn-link:focus {
+  color: #cccccc;
+}
+.navbar-inverse {
+  background-color: #009688;
+  border-color: transparent;
+}
+.navbar-inverse .navbar-brand {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
+  color: #ffffff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-text {
+  color: #bbbbbb;
+}
+.navbar-inverse .navbar-nav > li > a {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+  color: #ffffff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+  color: #ffffff;
+  background-color: #00635a;
+}
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+  color: #444444;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+  border-color: transparent;
+}
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
+  background-color: transparent;
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #007268;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+  background-color: #00635a;
+  color: #ffffff;
+}
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+    border-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+    background-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+    color: #ffffff;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #ffffff;
+    background-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #ffffff;
+    background-color: #00635a;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #444444;
+    background-color: transparent;
+  }
+}
+.navbar-inverse .navbar-link {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-link:hover {
+  color: #ffffff;
+}
+.navbar-inverse .btn-link {
+  color: #ffffff;
+}
+.navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link:focus {
+  color: #ffffff;
+}
+.navbar-inverse .btn-link[disabled]:hover,
+fieldset[disabled] .navbar-inverse .btn-link:hover,
+.navbar-inverse .btn-link[disabled]:focus,
+fieldset[disabled] .navbar-inverse .btn-link:focus {
+  color: #444444;
+}
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 23px;
+  list-style: none;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+}
+.breadcrumb > li {
+  display: inline-block;
+}
+.breadcrumb > li + li:before {
+  content: "/\00a0";
+  padding: 0 5px;
+  color: #cccccc;
+}
+.breadcrumb > .active {
+  color: #bbbbbb;
+}
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 23px 0;
+  border-radius: 3px;
+}
+.pagination > li {
+  display: inline;
+}
+.pagination > li > a,
+.pagination > li > span {
+  position: relative;
+  float: left;
+  padding: 6px 16px;
+  line-height: 1.846;
+  text-decoration: none;
+  color: #009688;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  margin-left: -1px;
+}
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+  margin-left: 0;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+  z-index: 2;
+  color: #004a43;
+  background-color: #eeeeee;
+  border-color: #dddddd;
+}
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  z-index: 3;
+  color: #ffffff;
+  background-color: #009688;
+  border-color: #009688;
+  cursor: default;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+  color: #bbbbbb;
+  background-color: #ffffff;
+  border-color: #dddddd;
+  cursor: not-allowed;
+}
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 17px;
+  line-height: 1.3333333;
+}
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.pager {
+  padding-left: 0;
+  margin: 23px 0;
+  list-style: none;
+  text-align: center;
+}
+.pager li {
+  display: inline;
+}
+.pager li > a,
+.pager li > span {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 15px;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+  text-decoration: none;
+  background-color: #eeeeee;
+}
+.pager .next > a,
+.pager .next > span {
+  float: right;
+}
+.pager .previous > a,
+.pager .previous > span {
+  float: left;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+  color: #bbbbbb;
+  background-color: #ffffff;
+  cursor: not-allowed;
+}
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #ffffff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+}
+a.label:hover,
+a.label:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.label:empty {
+  display: none;
+}
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+.label-default {
+  background-color: #bbbbbb;
+}
+.label-default[href]:hover,
+.label-default[href]:focus {
+  background-color: #a2a2a2;
+}
+.label-primary {
+  background-color: #009688;
+}
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+  background-color: #00635a;
+}
+.label-success {
+  background-color: #4caf50;
+}
+.label-success[href]:hover,
+.label-success[href]:focus {
+  background-color: #3d8b40;
+}
+.label-info {
+  background-color: #2196f3;
+}
+.label-info[href]:hover,
+.label-info[href]:focus {
+  background-color: #0c7cd5;
+}
+.label-warning {
+  background-color: #ff9800;
+}
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+  background-color: #cc7a00;
+}
+.label-danger {
+  background-color: #f44336;
+}
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+  background-color: #ea1c0d;
+}
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: normal;
+  color: #ffffff;
+  line-height: 1;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-align: center;
+  background-color: #bbbbbb;
+  border-radius: 10px;
+}
+.badge:empty {
+  display: none;
+}
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+.btn-xs .badge,
+.btn-group-xs > .btn .badge {
+  top: 0;
+  padding: 1px 5px;
+}
+a.badge:hover,
+a.badge:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+  color: #009688;
+  background-color: #ffffff;
+}
+.list-group-item > .badge {
+  float: right;
+}
+.list-group-item > .badge + .badge {
+  margin-right: 5px;
+}
+.nav-pills > li > a > .badge {
+  margin-left: 3px;
+}
+.jumbotron {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  color: inherit;
+  background-color: #f5f5f5;
+}
+.jumbotron h1,
+.jumbotron .h1 {
+  color: #444444;
+}
+.jumbotron p {
+  margin-bottom: 15px;
+  font-size: 20px;
+  font-weight: 200;
+}
+.jumbotron > hr {
+  border-top-color: #dcdcdc;
+}
+.container .jumbotron,
+.container-fluid .jumbotron {
+  border-radius: 3px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.jumbotron .container {
+  max-width: 100%;
+}
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  .container .jumbotron,
+  .container-fluid .jumbotron {
+    padding-left: 60px;
+    padding-right: 60px;
+  }
+  .jumbotron h1,
+  .jumbotron .h1 {
+    font-size: 59px;
+  }
+}
+.thumbnail {
+  display: block;
+  padding: 4px;
+  margin-bottom: 23px;
+  line-height: 1.846;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  -webkit-transition: border 0.2s ease-in-out;
+  -o-transition: border 0.2s ease-in-out;
+  transition: border 0.2s ease-in-out;
+}
+.thumbnail > img,
+.thumbnail a > img {
+  margin-left: auto;
+  margin-right: auto;
+}
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #009688;
+}
+.thumbnail .caption {
+  padding: 9px;
+  color: #666666;
+}
+.alert {
+  padding: 15px;
+  margin-bottom: 23px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+}
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+.alert .alert-link {
+  font-weight: bold;
+}
+.alert > p,
+.alert > ul {
+  margin-bottom: 0;
+}
+.alert > p + p {
+  margin-top: 5px;
+}
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px;
+}
+.alert-dismissable .close,
+.alert-dismissible .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+  color: #4caf50;
+}
+.alert-success hr {
+  border-top-color: #c9e2b3;
+}
+.alert-success .alert-link {
+  color: #3d8b40;
+}
+.alert-info {
+  background-color: #e1bee7;
+  border-color: #cba4dd;
+  color: #2196f3;
+}
+.alert-info hr {
+  border-top-color: #c191d6;
+}
+.alert-info .alert-link {
+  color: #0c7cd5;
+}
+.alert-warning {
+  background-color: #ffe0b2;
+  border-color: #ffc599;
+  color: #ff9800;
+}
+.alert-warning hr {
+  border-top-color: #ffb67f;
+}
+.alert-warning .alert-link {
+  color: #cc7a00;
+}
+.alert-danger {
+  background-color: #f9bdbb;
+  border-color: #f7a4af;
+  color: #f44336;
+}
+.alert-danger hr {
+  border-top-color: #f58c9a;
+}
+.alert-danger .alert-link {
+  color: #ea1c0d;
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  overflow: hidden;
+  height: 23px;
+  margin-bottom: 23px;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 12px;
+  line-height: 23px;
+  color: #ffffff;
+  text-align: center;
+  background-color: #009688;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-transition: width 0.6s ease;
+  -o-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+}
+.progress-striped .progress-bar,
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 40px 40px;
+}
+.progress.active .progress-bar,
+.progress-bar.active {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  -o-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+  background-color: #4caf50;
+}
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-info {
+  background-color: #2196f3;
+}
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+  background-color: #ff9800;
+}
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+  background-color: #f44336;
+}
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media,
+.media-body {
+  zoom: 1;
+  overflow: hidden;
+}
+.media-body {
+  width: 10000px;
+}
+.media-object {
+  display: block;
+}
+.media-object.img-thumbnail {
+  max-width: none;
+}
+.media-right,
+.media > .pull-right {
+  padding-left: 10px;
+}
+.media-left,
+.media > .pull-left {
+  padding-right: 10px;
+}
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top;
+}
+.media-middle {
+  vertical-align: middle;
+}
+.media-bottom {
+  vertical-align: bottom;
+}
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
+.list-group {
+  margin-bottom: 20px;
+  padding-left: 0;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+}
+.list-group-item:first-child {
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+a.list-group-item,
+button.list-group-item {
+  color: #555555;
+}
+a.list-group-item .list-group-item-heading,
+button.list-group-item .list-group-item-heading {
+  color: #333333;
+}
+a.list-group-item:hover,
+button.list-group-item:hover,
+a.list-group-item:focus,
+button.list-group-item:focus {
+  text-decoration: none;
+  color: #555555;
+  background-color: #f5f5f5;
+}
+button.list-group-item {
+  width: 100%;
+  text-align: left;
+}
+.list-group-item.disabled,
+.list-group-item.disabled:hover,
+.list-group-item.disabled:focus {
+  background-color: #eeeeee;
+  color: #bbbbbb;
+  cursor: not-allowed;
+}
+.list-group-item.disabled .list-group-item-heading,
+.list-group-item.disabled:hover .list-group-item-heading,
+.list-group-item.disabled:focus .list-group-item-heading {
+  color: inherit;
+}
+.list-group-item.disabled .list-group-item-text,
+.list-group-item.disabled:hover .list-group-item-text,
+.list-group-item.disabled:focus .list-group-item-text {
+  color: #bbbbbb;
+}
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
+  z-index: 2;
+  color: #ffffff;
+  background-color: #009688;
+  border-color: #009688;
+}
+.list-group-item.active .list-group-item-heading,
+.list-group-item.active:hover .list-group-item-heading,
+.list-group-item.active:focus .list-group-item-heading,
+.list-group-item.active .list-group-item-heading > small,
+.list-group-item.active:hover .list-group-item-heading > small,
+.list-group-item.active:focus .list-group-item-heading > small,
+.list-group-item.active .list-group-item-heading > .small,
+.list-group-item.active:hover .list-group-item-heading > .small,
+.list-group-item.active:focus .list-group-item-heading > .small {
+  color: inherit;
+}
+.list-group-item.active .list-group-item-text,
+.list-group-item.active:hover .list-group-item-text,
+.list-group-item.active:focus .list-group-item-text {
+  color: #63fff0;
+}
+.list-group-item-success {
+  color: #4caf50;
+  background-color: #dff0d8;
+}
+a.list-group-item-success,
+button.list-group-item-success {
+  color: #4caf50;
+}
+a.list-group-item-success .list-group-item-heading,
+button.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-success:hover,
+button.list-group-item-success:hover,
+a.list-group-item-success:focus,
+button.list-group-item-success:focus {
+  color: #4caf50;
+  background-color: #d0e9c6;
+}
+a.list-group-item-success.active,
+button.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+button.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus,
+button.list-group-item-success.active:focus {
+  color: #fff;
+  background-color: #4caf50;
+  border-color: #4caf50;
+}
+.list-group-item-info {
+  color: #2196f3;
+  background-color: #e1bee7;
+}
+a.list-group-item-info,
+button.list-group-item-info {
+  color: #2196f3;
+}
+a.list-group-item-info .list-group-item-heading,
+button.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-info:hover,
+button.list-group-item-info:hover,
+a.list-group-item-info:focus,
+button.list-group-item-info:focus {
+  color: #2196f3;
+  background-color: #d8abe0;
+}
+a.list-group-item-info.active,
+button.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+button.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus,
+button.list-group-item-info.active:focus {
+  color: #fff;
+  background-color: #2196f3;
+  border-color: #2196f3;
+}
+.list-group-item-warning {
+  color: #ff9800;
+  background-color: #ffe0b2;
+}
+a.list-group-item-warning,
+button.list-group-item-warning {
+  color: #ff9800;
+}
+a.list-group-item-warning .list-group-item-heading,
+button.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-warning:hover,
+button.list-group-item-warning:hover,
+a.list-group-item-warning:focus,
+button.list-group-item-warning:focus {
+  color: #ff9800;
+  background-color: #ffd699;
+}
+a.list-group-item-warning.active,
+button.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+button.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus,
+button.list-group-item-warning.active:focus {
+  color: #fff;
+  background-color: #ff9800;
+  border-color: #ff9800;
+}
+.list-group-item-danger {
+  color: #f44336;
+  background-color: #f9bdbb;
+}
+a.list-group-item-danger,
+button.list-group-item-danger {
+  color: #f44336;
+}
+a.list-group-item-danger .list-group-item-heading,
+button.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-danger:hover,
+button.list-group-item-danger:hover,
+a.list-group-item-danger:focus,
+button.list-group-item-danger:focus {
+  color: #f44336;
+  background-color: #f7a6a4;
+}
+a.list-group-item-danger.active,
+button.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+button.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus,
+button.list-group-item-danger.active:focus {
+  color: #fff;
+  background-color: #f44336;
+  border-color: #f44336;
+}
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+.panel {
+  margin-bottom: 23px;
+  background-color: #ffffff;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+.panel-body {
+  padding: 15px;
+}
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 15px;
+  color: inherit;
+}
+.panel-title > a,
+.panel-title > small,
+.panel-title > .small,
+.panel-title > small > a,
+.panel-title > .small > a {
+  color: inherit;
+}
+.panel-footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #dddddd;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0;
+}
+.panel > .list-group .list-group-item,
+.panel > .panel-collapse > .list-group .list-group-item {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child,
+.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+  border-top: 0;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel > .list-group:last-child .list-group-item:last-child,
+.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+  border-bottom: 0;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0;
+}
+.list-group + .panel-footer {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0;
+}
+.panel > .table caption,
+.panel > .table-responsive > .table caption,
+.panel > .panel-collapse > .table caption {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 2px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 2px;
+}
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+  border-bottom-left-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 2px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #dddddd;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  border: 0;
+  margin-bottom: 0;
+}
+.panel-group {
+  margin-bottom: 23px;
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 3px;
+}
+.panel-group .panel + .panel {
+  margin-top: 5px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse > .panel-body,
+.panel-group .panel-heading + .panel-collapse > .list-group {
+  border-top: 1px solid #dddddd;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #dddddd;
+}
+.panel-default {
+  border-color: #dddddd;
+}
+.panel-default > .panel-heading {
+  color: #212121;
+  background-color: #f5f5f5;
+  border-color: #dddddd;
+}
+.panel-default > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #dddddd;
+}
+.panel-default > .panel-heading .badge {
+  color: #f5f5f5;
+  background-color: #212121;
+}
+.panel-default > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #dddddd;
+}
+.panel-primary {
+  border-color: #009688;
+}
+.panel-primary > .panel-heading {
+  color: #ffffff;
+  background-color: #009688;
+  border-color: #009688;
+}
+.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #009688;
+}
+.panel-primary > .panel-heading .badge {
+  color: #009688;
+  background-color: #ffffff;
+}
+.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #009688;
+}
+.panel-success {
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading {
+  color: #ffffff;
+  background-color: #4caf50;
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #d6e9c6;
+}
+.panel-success > .panel-heading .badge {
+  color: #4caf50;
+  background-color: #ffffff;
+}
+.panel-success > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #d6e9c6;
+}
+.panel-info {
+  border-color: #cba4dd;
+}
+.panel-info > .panel-heading {
+  color: #ffffff;
+  background-color: #2196f3;
+  border-color: #cba4dd;
+}
+.panel-info > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #cba4dd;
+}
+.panel-info > .panel-heading .badge {
+  color: #2196f3;
+  background-color: #ffffff;
+}
+.panel-info > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #cba4dd;
+}
+.panel-warning {
+  border-color: #ffc599;
+}
+.panel-warning > .panel-heading {
+  color: #ffffff;
+  background-color: #ff9800;
+  border-color: #ffc599;
+}
+.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #ffc599;
+}
+.panel-warning > .panel-heading .badge {
+  color: #ff9800;
+  background-color: #ffffff;
+}
+.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #ffc599;
+}
+.panel-danger {
+  border-color: #f7a4af;
+}
+.panel-danger > .panel-heading {
+  color: #ffffff;
+  background-color: #f44336;
+  border-color: #f7a4af;
+}
+.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+  border-top-color: #f7a4af;
+}
+.panel-danger > .panel-heading .badge {
+  color: #f44336;
+  background-color: #ffffff;
+}
+.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+  border-bottom-color: #f7a4af;
+}
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  height: 100%;
+  width: 100%;
+  border: 0;
+}
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%;
+}
+.embed-responsive-4by3 {
+  padding-bottom: 75%;
+}
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0, 0, 0, 0.15);
+}
+.well-lg {
+  padding: 24px;
+  border-radius: 3px;
+}
+.well-sm {
+  padding: 9px;
+  border-radius: 3px;
+}
+.close {
+  float: right;
+  font-size: 19.5px;
+  font-weight: normal;
+  line-height: 1;
+  color: #000000;
+  text-shadow: none;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+.modal-open {
+  overflow: hidden;
+}
+.modal {
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+.modal.fade .modal-dialog {
+  -webkit-transform: translate(0, -25%);
+  -ms-transform: translate(0, -25%);
+  -o-transform: translate(0, -25%);
+  transform: translate(0, -25%);
+  -webkit-transition: -webkit-transform 0.3s ease-out;
+  -moz-transition: -moz-transform 0.3s ease-out;
+  -o-transition: -o-transform 0.3s ease-out;
+  transition: transform 0.3s ease-out;
+}
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  -o-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+.modal-content {
+  position: relative;
+  background-color: #ffffff;
+  border: 1px solid #999999;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  background-clip: padding-box;
+  outline: 0;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000000;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.modal-backdrop.in {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+.modal-header {
+  padding: 15px;
+  border-bottom: 1px solid transparent;
+}
+.modal-header .close {
+  margin-top: -2px;
+}
+.modal-title {
+  margin: 0;
+  line-height: 1.846;
+}
+.modal-body {
+  position: relative;
+  padding: 15px;
+}
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid transparent;
+}
+.modal-footer .btn + .btn {
+  margin-left: 5px;
+  margin-bottom: 0;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll;
+}
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: 1.846;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  font-size: 12px;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.tooltip.in {
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+.tooltip.top {
+  margin-top: -3px;
+  padding: 5px 0;
+}
+.tooltip.right {
+  margin-left: 3px;
+  padding: 0 5px;
+}
+.tooltip.bottom {
+  margin-top: 3px;
+  padding: 5px 0;
+}
+.tooltip.left {
+  margin-left: -3px;
+  padding: 0 5px;
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #ffffff;
+  text-align: center;
+  background-color: #727272;
+  border-radius: 3px;
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #727272;
+}
+.tooltip.top-left .tooltip-arrow {
+  bottom: 0;
+  right: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #727272;
+}
+.tooltip.top-right .tooltip-arrow {
+  bottom: 0;
+  left: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #727272;
+}
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #727272;
+}
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #727272;
+}
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #727272;
+}
+.tooltip.bottom-left .tooltip-arrow {
+  top: 0;
+  right: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #727272;
+}
+.tooltip.bottom-right .tooltip-arrow {
+  top: 0;
+  left: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #727272;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: 1.846;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  font-size: 13px;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+.popover.top {
+  margin-top: -10px;
+}
+.popover.right {
+  margin-left: 10px;
+}
+.popover.bottom {
+  margin-top: 10px;
+}
+.popover.left {
+  margin-left: -10px;
+}
+.popover-title {
+  margin: 0;
+  padding: 8px 14px;
+  font-size: 13px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-radius: 2px 2px 0 0;
+}
+.popover-content {
+  padding: 9px 14px;
+}
+.popover > .arrow,
+.popover > .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.popover > .arrow {
+  border-width: 11px;
+}
+.popover > .arrow:after {
+  border-width: 10px;
+  content: "";
+}
+.popover.top > .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-bottom-width: 0;
+  border-top-color: rgba(0, 0, 0, 0);
+  border-top-color: rgba(0, 0, 0, 0.12);
+  bottom: -11px;
+}
+.popover.top > .arrow:after {
+  content: " ";
+  bottom: 1px;
+  margin-left: -10px;
+  border-bottom-width: 0;
+  border-top-color: #ffffff;
+}
+.popover.right > .arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-left-width: 0;
+  border-right-color: rgba(0, 0, 0, 0);
+  border-right-color: rgba(0, 0, 0, 0.12);
+}
+.popover.right > .arrow:after {
+  content: " ";
+  left: 1px;
+  bottom: -10px;
+  border-left-width: 0;
+  border-right-color: #ffffff;
+}
+.popover.bottom > .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: rgba(0, 0, 0, 0);
+  border-bottom-color: rgba(0, 0, 0, 0.12);
+  top: -11px;
+}
+.popover.bottom > .arrow:after {
+  content: " ";
+  top: 1px;
+  margin-left: -10px;
+  border-top-width: 0;
+  border-bottom-color: #ffffff;
+}
+.popover.left > .arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: rgba(0, 0, 0, 0);
+  border-left-color: rgba(0, 0, 0, 0.12);
+}
+.popover.left > .arrow:after {
+  content: " ";
+  right: 1px;
+  border-right-width: 0;
+  border-left-color: #ffffff;
+  bottom: -10px;
+}
+.carousel {
+  position: relative;
+}
+.carousel-inner {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+}
+.carousel-inner > .item {
+  display: none;
+  position: relative;
+  -webkit-transition: 0.6s ease-in-out left;
+  -o-transition: 0.6s ease-in-out left;
+  transition: 0.6s ease-in-out left;
+}
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  line-height: 1;
+}
+@media all and (transform-3d), (-webkit-transform-3d) {
+  .carousel-inner > .item {
+    -webkit-transition: -webkit-transform 0.6s ease-in-out;
+    -moz-transition: -moz-transform 0.6s ease-in-out;
+    -o-transition: -o-transform 0.6s ease-in-out;
+    transition: transform 0.6s ease-in-out;
+    -webkit-backface-visibility: hidden;
+    -moz-backface-visibility: hidden;
+    backface-visibility: hidden;
+    -webkit-perspective: 1000px;
+    -moz-perspective: 1000px;
+    perspective: 1000px;
+  }
+  .carousel-inner > .item.next,
+  .carousel-inner > .item.active.right {
+    -webkit-transform: translate3d(100%, 0, 0);
+    transform: translate3d(100%, 0, 0);
+    left: 0;
+  }
+  .carousel-inner > .item.prev,
+  .carousel-inner > .item.active.left {
+    -webkit-transform: translate3d(-100%, 0, 0);
+    transform: translate3d(-100%, 0, 0);
+    left: 0;
+  }
+  .carousel-inner > .item.next.left,
+  .carousel-inner > .item.prev.right,
+  .carousel-inner > .item.active {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+    left: 0;
+  }
+}
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  display: block;
+}
+.carousel-inner > .active {
+  left: 0;
+}
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.carousel-inner > .next {
+  left: 100%;
+}
+.carousel-inner > .prev {
+  left: -100%;
+}
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+  left: 0;
+}
+.carousel-inner > .active.left {
+  left: -100%;
+}
+.carousel-inner > .active.right {
+  left: 100%;
+}
+.carousel-control {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 15%;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  font-size: 20px;
+  color: #ffffff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0);
+}
+.carousel-control.left {
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+}
+.carousel-control.right {
+  left: auto;
+  right: 0;
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+}
+.carousel-control:hover,
+.carousel-control:focus {
+  outline: 0;
+  color: #ffffff;
+  text-decoration: none;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  z-index: 5;
+  display: inline-block;
+}
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+  left: 50%;
+  margin-left: -10px;
+}
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+  right: 50%;
+  margin-right: -10px;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+  width: 20px;
+  height: 20px;
+  line-height: 1;
+  font-family: serif;
+}
+.carousel-control .icon-prev:before {
+  content: '\2039';
+}
+.carousel-control .icon-next:before {
+  content: '\203a';
+}
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  margin-left: -30%;
+  padding-left: 0;
+  list-style: none;
+  text-align: center;
+}
+.carousel-indicators li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  border: 1px solid #ffffff;
+  border-radius: 10px;
+  cursor: pointer;
+  background-color: #000 \9;
+  background-color: rgba(0, 0, 0, 0);
+}
+.carousel-indicators .active {
+  margin: 0;
+  width: 12px;
+  height: 12px;
+  background-color: #ffffff;
+}
+.carousel-caption {
+  position: absolute;
+  left: 15%;
+  right: 15%;
+  bottom: 20px;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #ffffff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
+.carousel-caption .btn {
+  text-shadow: none;
+}
+@media screen and (min-width: 768px) {
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
+    width: 30px;
+    height: 30px;
+    margin-top: -10px;
+    font-size: 30px;
+  }
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .icon-prev {
+    margin-left: -10px;
+  }
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-next {
+    margin-right: -10px;
+  }
+  .carousel-caption {
+    left: 20%;
+    right: 20%;
+    padding-bottom: 30px;
+  }
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
+.clearfix:before,
+.clearfix:after,
+.dl-horizontal dd:before,
+.dl-horizontal dd:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-header:before,
+.modal-header:after,
+.modal-footer:before,
+.modal-footer:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after,
+.dl-horizontal dd:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-header:after,
+.modal-footer:after {
+  clear: both;
+}
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+}
+.affix {
+  position: fixed;
+}
+@-ms-viewport {
+  width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  display: none !important;
+}
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important;
+}
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important;
+  }
+  table.visible-xs {
+    display: table !important;
+  }
+  tr.visible-xs {
+    display: table-row !important;
+  }
+  th.visible-xs,
+  td.visible-xs {
+    display: table-cell !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-block {
+    display: block !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline !important;
+  }
+}
+@media (max-width: 767px) {
+  .visible-xs-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important;
+  }
+  table.visible-sm {
+    display: table !important;
+  }
+  tr.visible-sm {
+    display: table-row !important;
+  }
+  th.visible-sm,
+  td.visible-sm {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-block {
+    display: block !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important;
+  }
+  table.visible-md {
+    display: table !important;
+  }
+  tr.visible-md {
+    display: table-row !important;
+  }
+  th.visible-md,
+  td.visible-md {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-block {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg {
+    display: block !important;
+  }
+  table.visible-lg {
+    display: table !important;
+  }
+  tr.visible-lg {
+    display: table-row !important;
+  }
+  th.visible-lg,
+  td.visible-lg {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-block {
+    display: block !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline {
+    display: inline !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg-inline-block {
+    display: inline-block !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: block !important;
+  }
+  table.visible-print {
+    display: table !important;
+  }
+  tr.visible-print {
+    display: table-row !important;
+  }
+  th.visible-print,
+  td.visible-print {
+    display: table-cell !important;
+  }
+}
+.visible-print-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-block {
+    display: block !important;
+  }
+}
+.visible-print-inline {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline {
+    display: inline !important;
+  }
+}
+.visible-print-inline-block {
+  display: none !important;
+}
+@media print {
+  .visible-print-inline-block {
+    display: inline-block !important;
+  }
+}
+@media print {
+  .hidden-print {
+    display: none !important;
+  }
+}
+.navbar {
+  border: none;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.navbar-brand {
+  font-size: 24px;
+}
+.navbar-inverse .navbar-form input[type=text],
+.navbar-inverse .navbar-form input[type=password] {
+  color: #fff;
+  -webkit-box-shadow: inset 0 -1px 0 #ffffff;
+  box-shadow: inset 0 -1px 0 #ffffff;
+}
+.navbar-inverse .navbar-form input[type=text]::-moz-placeholder,
+.navbar-inverse .navbar-form input[type=password]::-moz-placeholder {
+  color: #ffffff;
+  opacity: 1;
+}
+.navbar-inverse .navbar-form input[type=text]:-ms-input-placeholder,
+.navbar-inverse .navbar-form input[type=password]:-ms-input-placeholder {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-form input[type=text]::-webkit-input-placeholder,
+.navbar-inverse .navbar-form input[type=password]::-webkit-input-placeholder {
+  color: #ffffff;
+}
+.navbar-inverse .navbar-form input[type=text]:focus,
+.navbar-inverse .navbar-form input[type=password]:focus {
+  -webkit-box-shadow: inset 0 -2px 0 #ffffff;
+  box-shadow: inset 0 -2px 0 #ffffff;
+}
+.btn-default {
+  position: relative;
+}
+.btn-default:focus {
+  background-color: #ffffff;
+}
+.btn-default:hover,
+.btn-default:active:hover {
+  background-color: #f0f0f0;
+}
+.btn-default:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-primary {
+  position: relative;
+}
+.btn-primary:focus {
+  background-color: #009688;
+}
+.btn-primary:hover,
+.btn-primary:active:hover {
+  background-color: #00776c;
+}
+.btn-primary:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-success {
+  position: relative;
+}
+.btn-success:focus {
+  background-color: #4caf50;
+}
+.btn-success:hover,
+.btn-success:active:hover {
+  background-color: #439a46;
+}
+.btn-success:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-info {
+  position: relative;
+}
+.btn-info:focus {
+  background-color: #2196f3;
+}
+.btn-info:hover,
+.btn-info:active:hover {
+  background-color: #0d87e9;
+}
+.btn-info:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-warning {
+  position: relative;
+}
+.btn-warning:focus {
+  background-color: #ff9800;
+}
+.btn-warning:hover,
+.btn-warning:active:hover {
+  background-color: #e08600;
+}
+.btn-warning:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-danger {
+  position: relative;
+}
+.btn-danger:focus {
+  background-color: #f44336;
+}
+.btn-danger:hover,
+.btn-danger:active:hover {
+  background-color: #f22819;
+}
+.btn-danger:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-link {
+  position: relative;
+}
+.btn-link:focus {
+  background-color: #ffffff;
+}
+.btn-link:hover,
+.btn-link:active:hover {
+  background-color: #f0f0f0;
+}
+.btn-link:active {
+  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
+}
+.btn-link:after {
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-image: -webkit-radial-gradient(circle, #444444 10%, transparent 10.01%);
+  background-image: radial-gradient(circle, #444444 10%, transparent 10.01%);
+  background-repeat: no-repeat;
+  background-size: 1000% 1000%;
+  background-position: 50%;
+  opacity: 0;
+  pointer-events: none;
+  transition: background .5s, opacity 1s;
+}
+.btn-link:active:after {
+  background-size: 0% 0%;
+  opacity: .2;
+  transition: 0s;
+}
+.btn {
+  text-transform: uppercase;
+  border: none;
+  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
+  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
+  -webkit-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+.btn-link {
+  border-radius: 3px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  color: #444444;
+}
+.btn-link:hover,
+.btn-link:focus {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  color: #444444;
+  text-decoration: none;
+}
+.btn-link .disabled:hover,
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link .disabled:active:hover,
+.btn-link[disabled]:active:hover,
+fieldset[disabled] .btn-link:active:hover {
+  background-color: #fff;
+  color: #444444;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: rgba(0, 0, 0, 0.4);
+  opacity: 1;
+}
+.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 {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: 0;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: 0;
+}
+body {
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: .1px;
+}
+p {
+  margin: 0 0 1em;
+}
+input,
+button {
+  -webkit-font-smoothing: antialiased;
+  letter-spacing: .1px;
+}
+a {
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+.table-hover > tbody > tr,
+.table-hover > tbody > tr > th,
+.table-hover > tbody > tr > td {
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+label {
+  font-weight: normal;
+}
+textarea,
+textarea.form-control,
+input.form-control,
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=number],
+[type=text].form-control,
+[type=password].form-control,
+[type=email].form-control,
+[type=tel].form-control,
+[contenteditable].form-control {
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  -webkit-appearance: none;
+  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
+  box-shadow: inset 0 -1px 0 #dddddd;
+  font-size: 16px;
+}
+textarea:focus,
+textarea.form-control:focus,
+input.form-control:focus,
+input[type=text]:focus,
+input[type=password]:focus,
+input[type=email]:focus,
+input[type=number]:focus,
+[type=text].form-control:focus,
+[type=password].form-control:focus,
+[type=email].form-control:focus,
+[type=tel].form-control:focus,
+[contenteditable].form-control:focus {
+  -webkit-box-shadow: inset 0 -2px 0 #009688;
+  box-shadow: inset 0 -2px 0 #009688;
+}
+textarea[disabled],
+textarea.form-control[disabled],
+input.form-control[disabled],
+input[type=text][disabled],
+input[type=password][disabled],
+input[type=email][disabled],
+input[type=number][disabled],
+[type=text].form-control[disabled],
+[type=password].form-control[disabled],
+[type=email].form-control[disabled],
+[type=tel].form-control[disabled],
+[contenteditable].form-control[disabled],
+textarea[readonly],
+textarea.form-control[readonly],
+input.form-control[readonly],
+input[type=text][readonly],
+input[type=password][readonly],
+input[type=email][readonly],
+input[type=number][readonly],
+[type=text].form-control[readonly],
+[type=password].form-control[readonly],
+[type=email].form-control[readonly],
+[type=tel].form-control[readonly],
+[contenteditable].form-control[readonly] {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-bottom: 1px dotted #ddd;
+}
+textarea.input-sm,
+textarea.form-control.input-sm,
+input.form-control.input-sm,
+input[type=text].input-sm,
+input[type=password].input-sm,
+input[type=email].input-sm,
+input[type=number].input-sm,
+[type=text].form-control.input-sm,
+[type=password].form-control.input-sm,
+[type=email].form-control.input-sm,
+[type=tel].form-control.input-sm,
+[contenteditable].form-control.input-sm {
+  font-size: 12px;
+}
+textarea.input-lg,
+textarea.form-control.input-lg,
+input.form-control.input-lg,
+input[type=text].input-lg,
+input[type=password].input-lg,
+input[type=email].input-lg,
+input[type=number].input-lg,
+[type=text].form-control.input-lg,
+[type=password].form-control.input-lg,
+[type=email].form-control.input-lg,
+[type=tel].form-control.input-lg,
+[contenteditable].form-control.input-lg {
+  font-size: 17px;
+}
+select,
+select.form-control {
+  border: 0;
+  border-radius: 0;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  padding-left: 0;
+  padding-right: 0\9;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
+  background-size: 13px;
+  background-repeat: no-repeat;
+  background-position: right center;
+  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
+  box-shadow: inset 0 -1px 0 #dddddd;
+  font-size: 16px;
+  line-height: 1.5;
+}
+select::-ms-expand,
+select.form-control::-ms-expand {
+  display: none;
+}
+select.input-sm,
+select.form-control.input-sm {
+  font-size: 12px;
+}
+select.input-lg,
+select.form-control.input-lg {
+  font-size: 17px;
+}
+select:focus,
+select.form-control:focus {
+  -webkit-box-shadow: inset 0 -2px 0 #009688;
+  box-shadow: inset 0 -2px 0 #009688;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
+}
+select[multiple],
+select.form-control[multiple] {
+  background: none;
+}
+.radio label,
+.radio-inline label,
+.checkbox label,
+.checkbox-inline label {
+  padding-left: 25px;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="radio"],
+.checkbox-inline input[type="radio"],
+.radio input[type="checkbox"],
+.radio-inline input[type="checkbox"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  margin-left: -25px;
+}
+input[type="radio"],
+.radio input[type="radio"],
+.radio-inline input[type="radio"] {
+  position: relative;
+  margin-top: 6px;
+  margin-right: 4px;
+  vertical-align: top;
+  border: none;
+  background-color: transparent;
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+}
+input[type="radio"]:focus,
+.radio input[type="radio"]:focus,
+.radio-inline input[type="radio"]:focus {
+  outline: none;
+}
+input[type="radio"]:before,
+.radio input[type="radio"]:before,
+.radio-inline input[type="radio"]:before,
+input[type="radio"]:after,
+.radio input[type="radio"]:after,
+.radio-inline input[type="radio"]:after {
+  content: "";
+  display: block;
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  -webkit-transition: 240ms;
+  -o-transition: 240ms;
+  transition: 240ms;
+}
+input[type="radio"]:before,
+.radio input[type="radio"]:before,
+.radio-inline input[type="radio"]:before {
+  position: absolute;
+  left: 0;
+  top: -3px;
+  background-color: #009688;
+  -webkit-transform: scale(0);
+  -ms-transform: scale(0);
+  -o-transform: scale(0);
+  transform: scale(0);
+}
+input[type="radio"]:after,
+.radio input[type="radio"]:after,
+.radio-inline input[type="radio"]:after {
+  position: relative;
+  top: -3px;
+  border: 2px solid #666666;
+}
+input[type="radio"]:checked:before,
+.radio input[type="radio"]:checked:before,
+.radio-inline input[type="radio"]:checked:before {
+  -webkit-transform: scale(0.5);
+  -ms-transform: scale(0.5);
+  -o-transform: scale(0.5);
+  transform: scale(0.5);
+}
+input[type="radio"]:disabled:checked:before,
+.radio input[type="radio"]:disabled:checked:before,
+.radio-inline input[type="radio"]:disabled:checked:before {
+  background-color: #bbbbbb;
+}
+input[type="radio"]:checked:after,
+.radio input[type="radio"]:checked:after,
+.radio-inline input[type="radio"]:checked:after {
+  border-color: #009688;
+}
+input[type="radio"]:disabled:after,
+.radio input[type="radio"]:disabled:after,
+.radio-inline input[type="radio"]:disabled:after,
+input[type="radio"]:disabled:checked:after,
+.radio input[type="radio"]:disabled:checked:after,
+.radio-inline input[type="radio"]:disabled:checked:after {
+  border-color: #bbbbbb;
+}
+input[type="checkbox"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: relative;
+  border: none;
+  margin-bottom: -4px;
+  -webkit-appearance: none;
+  appearance: none;
+  cursor: pointer;
+}
+input[type="checkbox"]:focus,
+.checkbox input[type="checkbox"]:focus,
+.checkbox-inline input[type="checkbox"]:focus {
+  outline: none;
+}
+input[type="checkbox"]:focus:after,
+.checkbox input[type="checkbox"]:focus:after,
+.checkbox-inline input[type="checkbox"]:focus:after {
+  border-color: #009688;
+}
+input[type="checkbox"]:after,
+.checkbox input[type="checkbox"]:after,
+.checkbox-inline input[type="checkbox"]:after {
+  content: "";
+  display: block;
+  width: 18px;
+  height: 18px;
+  margin-top: -2px;
+  margin-right: 5px;
+  border: 2px solid #666666;
+  border-radius: 2px;
+  -webkit-transition: 240ms;
+  -o-transition: 240ms;
+  transition: 240ms;
+}
+input[type="checkbox"]:checked:before,
+.checkbox input[type="checkbox"]:checked:before,
+.checkbox-inline input[type="checkbox"]:checked:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 6px;
+  display: table;
+  width: 6px;
+  height: 12px;
+  border: 2px solid #fff;
+  border-top-width: 0;
+  border-left-width: 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+input[type="checkbox"]:checked:after,
+.checkbox input[type="checkbox"]:checked:after,
+.checkbox-inline input[type="checkbox"]:checked:after {
+  background-color: #009688;
+  border-color: #009688;
+}
+input[type="checkbox"]:disabled:after,
+.checkbox input[type="checkbox"]:disabled:after,
+.checkbox-inline input[type="checkbox"]:disabled:after {
+  border-color: #bbbbbb;
+}
+input[type="checkbox"]:disabled:checked:after,
+.checkbox input[type="checkbox"]:disabled:checked:after,
+.checkbox-inline input[type="checkbox"]:disabled:checked:after {
+  background-color: #bbbbbb;
+  border-color: transparent;
+}
+.has-warning input:not([type=checkbox]),
+.has-warning .form-control,
+.has-warning input.form-control[readonly],
+.has-warning input[type=text][readonly],
+.has-warning [type=text].form-control[readonly],
+.has-warning input:not([type=checkbox]):focus,
+.has-warning .form-control:focus {
+  border-bottom: none;
+  -webkit-box-shadow: inset 0 -2px 0 #ff9800;
+  box-shadow: inset 0 -2px 0 #ff9800;
+}
+.has-error input:not([type=checkbox]),
+.has-error .form-control,
+.has-error input.form-control[readonly],
+.has-error input[type=text][readonly],
+.has-error [type=text].form-control[readonly],
+.has-error input:not([type=checkbox]):focus,
+.has-error .form-control:focus {
+  border-bottom: none;
+  -webkit-box-shadow: inset 0 -2px 0 #f44336;
+  box-shadow: inset 0 -2px 0 #f44336;
+}
+.has-success input:not([type=checkbox]),
+.has-success .form-control,
+.has-success input.form-control[readonly],
+.has-success input[type=text][readonly],
+.has-success [type=text].form-control[readonly],
+.has-success input:not([type=checkbox]):focus,
+.has-success .form-control:focus {
+  border-bottom: none;
+  -webkit-box-shadow: inset 0 -2px 0 #4caf50;
+  box-shadow: inset 0 -2px 0 #4caf50;
+}
+.has-warning .input-group-addon,
+.has-error .input-group-addon,
+.has-success .input-group-addon {
+  color: #666666;
+  border-color: transparent;
+  background-color: transparent;
+}
+.form-group-lg select,
+.form-group-lg select.form-control {
+  line-height: 1.5;
+}
+.nav-tabs > li > a,
+.nav-tabs > li > a:focus {
+  margin-right: 0;
+  background-color: transparent;
+  border: none;
+  color: #666666;
+  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
+  box-shadow: inset 0 -1px 0 #dddddd;
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+.nav-tabs > li > a:hover,
+.nav-tabs > li > a:focus:hover {
+  background-color: transparent;
+  -webkit-box-shadow: inset 0 -2px 0 #009688;
+  box-shadow: inset 0 -2px 0 #009688;
+  color: #009688;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus {
+  border: none;
+  -webkit-box-shadow: inset 0 -2px 0 #009688;
+  box-shadow: inset 0 -2px 0 #009688;
+  color: #009688;
+}
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus:hover {
+  border: none;
+  color: #009688;
+}
+.nav-tabs > li.disabled > a {
+  -webkit-box-shadow: inset 0 -1px 0 #dddddd;
+  box-shadow: inset 0 -1px 0 #dddddd;
+}
+.nav-tabs.nav-justified > li > a,
+.nav-tabs.nav-justified > li > a:hover,
+.nav-tabs.nav-justified > li > a:focus,
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+  border: none;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: 0;
+}
+.dropdown-menu {
+  margin-top: 0;
+  border: none;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+.alert {
+  border: none;
+  color: #fff;
+}
+.alert-success {
+  background-color: #4caf50;
+}
+.alert-info {
+  background-color: #2196f3;
+}
+.alert-warning {
+  background-color: #ff9800;
+}
+.alert-danger {
+  background-color: #f44336;
+}
+.alert a:not(.close):not(.btn),
+.alert .alert-link {
+  color: #fff;
+  font-weight: bold;
+}
+.alert .close {
+  color: #fff;
+}
+.badge {
+  padding: 4px 6px 4px;
+}
+.progress {
+  position: relative;
+  z-index: 1;
+  height: 6px;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.progress-bar {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.progress-bar:last-child {
+  border-radius: 0 3px 3px 0;
+}
+.progress-bar:last-child:before {
+  display: block;
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  background-color: #49ffee;
+}
+.progress-bar-success:last-child.progress-bar:before {
+  background-color: #c7e7c8;
+}
+.progress-bar-info:last-child.progress-bar:before {
+  background-color: #fbfdff;
+}
+.progress-bar-warning:last-child.progress-bar:before {
+  background-color: #ffe0b3;
+}
+.progress-bar-danger:last-child.progress-bar:before {
+  background-color: #fbb4af;
+}
+.close {
+  font-size: 34px;
+  font-weight: 300;
+  line-height: 24px;
+  opacity: 0.6;
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+.close:hover {
+  opacity: 1;
+}
+.list-group-item {
+  padding: 15px;
+}
+.list-group-item-text {
+  color: #bbbbbb;
+}
+.well {
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.panel {
+  border: none;
+  border-radius: 2px;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+.panel-heading {
+  border-bottom: none;
+}
+.panel-footer {
+  border-top: none;
+}
+.popover {
+  border: none;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+.carousel-caption h1,
+.carousel-caption h2,
+.carousel-caption h3,
+.carousel-caption h4,
+.carousel-caption h5,
+.carousel-caption h6 {
+  color: inherit;
+}
diff --git a/web/css/theme.less b/web/css/theme.less
deleted file mode 100644
index 1d32ced..0000000
--- a/web/css/theme.less
+++ /dev/null
@@ -1,623 +0,0 @@
-// Paper 3.3.7
-// Bootswatch
-// -----------------------------------------------------
-
-@web-font-path: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
-
-.web-font(@path) {
-  @import url("@{path}");
-}
-.web-font(@web-font-path);
-
-// Navbar =====================================================================
-
-.navbar {
-  border: none;
-  .box-shadow(0 1px 2px rgba(0,0,0,.3));
-
-  &-brand {
-    font-size: 24px;
-  }
-
-  &-inverse {
-    .navbar-form {
-
-      input[type=text],
-      input[type=password] {
-        color: #fff;
-        .box-shadow(inset 0 -1px 0 @navbar-inverse-link-color);
-        .placeholder(@navbar-inverse-link-color);
-
-        &:focus {
-          .box-shadow(inset 0 -2px 0 #fff);
-        }
-      }
-    }
-  }
-}
-
-// Buttons ====================================================================
-
-#btn(@class,@bg) {
-  .btn-@{class} {
-    background-size: 200% 200%;
-    background-position: 50%;
-
-    &:focus {
-      background-color: @bg;
-    }
-
-    &:hover,
-    &:active:hover {
-      background-color: darken(@bg, 6%);
-    }
-
-    &:active {
-      background-color: darken(@bg, 12%);
-      #gradient > .radial(darken(@bg, 12%) 10%, @bg 11%);
-      background-size: 1000% 1000%;
-      .box-shadow(2px 2px 4px rgba(0,0,0,.4));
-    }
-  }
-}
-
-#btn(default,@btn-default-bg);
-#btn(primary,@btn-primary-bg);
-#btn(success,@btn-success-bg);
-#btn(info,@btn-info-bg);
-#btn(warning,@btn-warning-bg);
-#btn(danger,@btn-danger-bg);
-#btn(link,#fff);
-
-.btn {
-  text-transform: uppercase;
-  border: none;
-  .box-shadow(1px 1px 4px rgba(0,0,0,.4));
-  .transition(all 0.4s);
-
-  &-link {
-    border-radius: @btn-border-radius-base;
-    .box-shadow(none);
-    color: @btn-default-color;
-
-    &:hover,
-    &:focus {
-      .box-shadow(none);
-      color: @btn-default-color;
-      text-decoration: none;
-    }
-  }
-
-  &-default {
-
-    &.disabled {
-      background-color: rgba(0, 0, 0, 0.1);
-      color: rgba(0, 0, 0, 0.4);
-      opacity: 1;
-    }
-  }
-}
-
-.btn-group {
-  .btn + .btn,
-  .btn + .btn-group,
-  .btn-group + .btn,
-  .btn-group + .btn-group {
-    margin-left: 0;
-  }
-
-  &-vertical {
-    > .btn + .btn,
-    > .btn + .btn-group,
-    > .btn-group + .btn,
-    > .btn-group + .btn-group {
-      margin-top: 0;
-    }
-  }
-}
-
-// Typography =================================================================
-
-body {
-  -webkit-font-smoothing: antialiased;
-  letter-spacing: .1px;
-}
-
-p {
-  margin: 0 0 1em;
-}
-
-input,
-button {
-  -webkit-font-smoothing: antialiased;
-  letter-spacing: .1px;
-}
-
-a {
-  .transition(all 0.2s);
-}
-
-// Tables =====================================================================
-
-.table-hover {
-  > tbody > tr,
-  > tbody > tr > th,
-  > tbody > tr > td {
-    .transition(all 0.2s);
-  }
-}
-
-// Forms ======================================================================
-
-label {
-  font-weight: normal;
-}
-
-textarea,
-textarea.form-control,
-input.form-control,
-input[type=text],
-input[type=password],
-input[type=email],
-input[type=number],
-[type=text].form-control,
-[type=password].form-control,
-[type=email].form-control,
-[type=tel].form-control,
-[contenteditable].form-control {
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  -webkit-appearance: none;
-  .box-shadow(inset 0 -1px 0 #ddd);
-  font-size: 16px;
-
-  &:focus {
-    .box-shadow(inset 0 -2px 0 @brand-primary);
-  }
-
-  &[disabled],
-  &[readonly] {
-    .box-shadow(none);
-    border-bottom: 1px dotted #ddd;
-  }
-
-  &.input {
-    &-sm {
-      font-size: @font-size-small;
-    }
-
-    &-lg {
-      font-size: @font-size-large;
-    }
-  }
-}
-
-select,
-select.form-control {
-  border: 0;
-  border-radius: 0;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  padding-left: 0;
-  padding-right: 0\9; // remove padding for < ie9 since default arrow can't be removed
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
-  background-size: 13px;
-  background-repeat: no-repeat;
-  background-position: right center;
-  .box-shadow(inset 0 -1px 0 #ddd);
-  font-size: 16px;
-  line-height: 1.5;
-
-  &::-ms-expand {
-    display: none;
-  }
-
-  &.input {
-    &-sm {
-      font-size: @font-size-small;
-    }
-
-    &-lg {
-      font-size: @font-size-large;
-    }
-  }
-
-  &:focus {
-    .box-shadow(inset 0 -2px 0 @brand-primary);
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
-  }
-
-  &[multiple] {
-    background: none;
-  }
-}
-
-.radio,
-.radio-inline,
-.checkbox,
-.checkbox-inline {
-  label {
-    padding-left: 25px;
-  }
-
-  input[type="radio"],
-  input[type="checkbox"] {
-    margin-left: -25px;
-  }
-}
-
-input[type="radio"],
-.radio input[type="radio"],
-.radio-inline input[type="radio"] {
-  position: relative;
-  margin-top: 6px;
-  margin-right: 4px;
-  vertical-align: top;
-  border: none;
-  background-color: transparent;
-  -webkit-appearance: none;
-  appearance: none;
-  cursor: pointer;
-
-  &:focus {
-    outline: none;
-  }
-
-  &:before,
-  &:after {
-    content: "";
-    display: block;
-    width: 18px;
-    height: 18px;
-    border-radius: 50%;
-    .transition(240ms);
-  }
-
-  &:before {
-    position: absolute;
-    left: 0;
-    top: -3px;
-    background-color: @brand-primary;
-    .scale(0);
-  }
-
-  &:after {
-    position: relative;
-    top: -3px;
-    border: 2px solid @gray;
-  }
-
-  &:checked:before {
-    .scale(0.5);
-  }
-
-  &:disabled:checked:before {
-    background-color: @gray-light;
-  }
-
-  &:checked:after {
-    border-color: @brand-primary;
-  }
-
-  &:disabled:after,
-  &:disabled:checked:after {
-    border-color: @gray-light;
-  }
-}
-
-input[type="checkbox"],
-.checkbox input[type="checkbox"],
-.checkbox-inline input[type="checkbox"] {
-  position: relative;
-  border: none;
-  margin-bottom: -4px;
-  -webkit-appearance: none;
-  appearance: none;
-  cursor: pointer;
-
-  &:focus {
-    outline: none;
-  }
-
-  &:focus:after {
-    border-color: @brand-primary;
-  }
-
-  &:after {
-    content: "";
-    display: block;
-    width: 18px;
-    height: 18px;
-    margin-top: -2px;
-    margin-right: 5px;
-    border: 2px solid @gray;
-    border-radius: 2px;
-    .transition(240ms);
-  }
-
-  &:checked:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 6px;
-    display: table;
-    width: 6px;
-    height: 12px;
-    border: 2px solid #fff;
-    border-top-width: 0;
-    border-left-width: 0;
-    .rotate(45deg);
-  }
-
-  &:checked:after {
-    background-color: @brand-primary;
-    border-color: @brand-primary;
-  }
-
-  &:disabled:after {
-    border-color: @gray-light;
-  }
-
-  &:disabled:checked:after {
-    background-color: @gray-light;
-    border-color: transparent;
-  }
-}
-
-.has-warning {
-  input:not([type=checkbox]),
-  .form-control,
-  input.form-control[readonly],
-  input[type=text][readonly],
-  [type=text].form-control[readonly],
-  input:not([type=checkbox]):focus,
-  .form-control:focus {
-    border-bottom: none;
-    .box-shadow(inset 0 -2px 0 @brand-warning);
-  }
-}
-
-.has-error {
-  input:not([type=checkbox]),
-  .form-control,
-  input.form-control[readonly],
-  input[type=text][readonly],
-  [type=text].form-control[readonly],
-  input:not([type=checkbox]):focus,
-  .form-control:focus {
-    border-bottom: none;
-    .box-shadow(inset 0 -2px 0 @brand-danger);
-  }
-}
-
-.has-success {
-  input:not([type=checkbox]),
-  .form-control,
-  input.form-control[readonly],
-  input[type=text][readonly],
-  [type=text].form-control[readonly],
-  input:not([type=checkbox]):focus,
-  .form-control:focus {
-    border-bottom: none;
-    .box-shadow(inset 0 -2px 0 @brand-success);
-  }
-}
-
-// Remove the Bootstrap feedback styles for input addons
-.input-group-addon {
-  .has-warning &, .has-error &, .has-success & {
-    color: @input-color;
-    border-color: @input-group-addon-border-color;
-    background-color: @input-group-addon-bg;
-  }
-}
-
-.form-group-lg {
-  select,
-  select.form-control {
-    line-height: 1.5;
-  }
-}
-
-// Navs =======================================================================
-
-.nav-tabs {
-  > li > a,
-  > li > a:focus {
-    margin-right: 0;
-    background-color: transparent;
-    border: none;
-    color: @navbar-default-link-color;
-    .box-shadow(inset 0 -1px 0 #ddd);
-    .transition(all 0.2s);
-
-    &:hover {
-      background-color: transparent;
-      .box-shadow(inset 0 -2px 0 @brand-primary);
-      color: @brand-primary;
-    }
-  }
-
-  & > li.active > a,
-  & > li.active > a:focus {
-    border: none;
-    .box-shadow(inset 0 -2px 0 @brand-primary);
-    color: @brand-primary;
-
-    &:hover {
-      border: none;
-      color: @brand-primary;
-    }
-  }
-
-  & > li.disabled > a {
-    .box-shadow(inset 0 -1px 0 #ddd);
-  }
-
-  &.nav-justified {
-
-    & > li > a,
-    & > li > a:hover,
-    & > li > a:focus,
-    & > .active > a,
-    & > .active > a:hover,
-    & > .active > a:focus {
-      border: none;
-    }
-  }
-
-  .dropdown-menu {
-    margin-top: 0;
-  }
-}
-
-.dropdown-menu {
-  margin-top: 0;
-  border: none;
-  .box-shadow(0 1px 4px rgba(0,0,0,.3));
-}
-
-// Indicators =================================================================
-
-.alert {
-  border: none;
-  color: #fff;
-
-  &-success {
-    background-color: @brand-success;
-  }
-
-  &-info {
-    background-color: @brand-info;
-  }
-
-  &-warning {
-    background-color: @brand-warning;
-  }
-
-  &-danger {
-    background-color: @brand-danger;
-  }
-
-  a:not(.close):not(.btn),
-  .alert-link {
-    color: #fff;
-    font-weight: bold;
-  }
-
-  .close {
-    color: #fff;
-  }
-}
-
-.badge {
-  padding: 4px 6px 4px;
-}
-
-.progress {
-  position: relative;
-  z-index: 1;
-  height: 6px;
-  border-radius: 0;
-
-  .box-shadow(none);
-
-  &-bar {
-    .box-shadow(none);
-
-    &:last-child {
-      border-radius: 0 3px 3px 0;
-    }
-
-    &:last-child {
-      &:before {
-        display: block;
-        content: "";
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        left: 0;
-        right: 0;
-        z-index: -1;
-        background-color: lighten(@progress-bar-bg, 35%);
-      }
-    }
-
-    &-success:last-child.progress-bar:before {
-      background-color: lighten(@brand-success, 35%);
-    }
-
-    &-info:last-child.progress-bar:before {
-      background-color: lighten(@brand-info, 45%);
-    }
-    &-warning:last-child.progress-bar:before {
-      background-color: lighten(@brand-warning, 35%);
-    }
-
-    &-danger:last-child.progress-bar:before {
-      background-color: lighten(@brand-danger, 25%);
-    }
-  }
-}
-
-// Progress bars ==============================================================
-
-// Containers =================================================================
-
-.close {
-  font-size: 34px;
-  font-weight: 300;
-  line-height: 24px;
-  opacity: 0.6;
-  .transition(all 0.2s);
-
-  &:hover {
-    opacity: 1;
-  }
-}
-
-.list-group {
-
-  &-item {
-    padding: 15px;
-  }
-
-  &-item-text {
-    color: @gray-light;
-  }
-}
-
-.well {
-  border-radius: 0;
-  .box-shadow(none);
-}
-
-.panel {
-  border: none;
-  border-radius: 2px;
-  .box-shadow(0 1px 4px rgba(0,0,0,.3));
-
-  &-heading {
-    border-bottom: none;
-  }
-
-  &-footer {
-    border-top: none;
-  }
-}
-
-.popover {
-  border: none;
-  .box-shadow(0 1px 4px rgba(0,0,0,.3));
-}
-
-.carousel {
-  &-caption {
-    h1, h2, h3, h4, h5, h6 {
-      color: inherit;
-    }
-  }
-}
-
diff --git a/web/css/theme.min.css b/web/css/theme.min.css
deleted file mode 100644
index cc6d71c..0000000
--- a/web/css/theme.min.css
+++ /dev/null
@@ -1,1548 +0,0 @@
-/*! Generated by Live LESS Theme Customizer */
-@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
-.label,sub,sup{vertical-align:baseline}
-body,figure{margin:0}
-.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.pre-scrollable{max-height:340px}
-html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:10px;-webkit-tap-highlight-color:transparent}
-article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
-audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
-audio:not([controls]){display:none;height:0}
-[hidden],template{display:none}
-a{background-color:transparent}
-a:active,a:hover{outline:0}
-b,optgroup,strong{font-weight:700}
-dfn{font-style:italic}
-h1{margin:.67em 0}
-mark{background:#ff0;color:#000}
-sub,sup{font-size:75%;line-height:0;position:relative}
-sup{top:-.5em}
-sub{bottom:-.25em}
-img{border:0;vertical-align:middle}
-svg:not(:root){overflow:hidden}
-hr{box-sizing:content-box;height:0}
-pre,textarea{overflow:auto}
-code,kbd,pre,samp{font-size:1em}
-button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
-button{overflow:visible}
-button,select{text-transform:none}
-button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
-button[disabled],html input[disabled]{cursor:default}
-button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
-input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
-input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
-input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
-table{border-collapse:collapse;border-spacing:0}
-td,th{padding:0}
-@media print{blockquote,img,pre,tr{page-break-inside:avoid}
-*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
-a,a:visited{text-decoration:underline}
-a[href]:after{content:" (" attr(href) ")"}
-abbr[title]:after{content:" (" attr(title) ")"}
-a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
-blockquote,pre{border:1px solid #999}
-thead{display:table-header-group}
-img{max-width:100%!important}
-h2,h3,p{orphans:3;widows:3}
-h2,h3{page-break-after:avoid}
-.navbar{display:none}
-.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}
-.label{border:1px solid #000}
-.table{border-collapse:collapse!important}
-.table td,.table th{background-color:#fff!important}
-.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
-}
-.img-thumbnail,body{background-color:#fff}
-.btn,.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-warning.active,.btn-warning:active,.btn.active,.btn:active,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover,.form-control,.navbar-toggle,.open>.dropdown-toggle.btn-danger,.open>.dropdown-toggle.btn-default,.open>.dropdown-toggle.btn-info,.open>.dropdown-toggle.btn-primary,.open>.dropdown-toggle.btn-warning{background-image:none}
-@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
-.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
-.glyphicon-asterisk:before{content:"\002a"}
-.glyphicon-plus:before{content:"\002b"}
-.glyphicon-eur:before,.glyphicon-euro:before{content:"\20ac"}
-.glyphicon-minus:before{content:"\2212"}
-.glyphicon-cloud:before{content:"\2601"}
-.glyphicon-envelope:before{content:"\2709"}
-.glyphicon-pencil:before{content:"\270f"}
-.glyphicon-glass:before{content:"\e001"}
-.glyphicon-music:before{content:"\e002"}
-.glyphicon-search:before{content:"\e003"}
-.glyphicon-heart:before{content:"\e005"}
-.glyphicon-star:before{content:"\e006"}
-.glyphicon-star-empty:before{content:"\e007"}
-.glyphicon-user:before{content:"\e008"}
-.glyphicon-film:before{content:"\e009"}
-.glyphicon-th-large:before{content:"\e010"}
-.glyphicon-th:before{content:"\e011"}
-.glyphicon-th-list:before{content:"\e012"}
-.glyphicon-ok:before{content:"\e013"}
-.glyphicon-remove:before{content:"\e014"}
-.glyphicon-zoom-in:before{content:"\e015"}
-.glyphicon-zoom-out:before{content:"\e016"}
-.glyphicon-off:before{content:"\e017"}
-.glyphicon-signal:before{content:"\e018"}
-.glyphicon-cog:before{content:"\e019"}
-.glyphicon-trash:before{content:"\e020"}
-.glyphicon-home:before{content:"\e021"}
-.glyphicon-file:before{content:"\e022"}
-.glyphicon-time:before{content:"\e023"}
-.glyphicon-road:before{content:"\e024"}
-.glyphicon-download-alt:before{content:"\e025"}
-.glyphicon-download:before{content:"\e026"}
-.glyphicon-upload:before{content:"\e027"}
-.glyphicon-inbox:before{content:"\e028"}
-.glyphicon-play-circle:before{content:"\e029"}
-.glyphicon-repeat:before{content:"\e030"}
-.glyphicon-refresh:before{content:"\e031"}
-.glyphicon-list-alt:before{content:"\e032"}
-.glyphicon-lock:before{content:"\e033"}
-.glyphicon-flag:before{content:"\e034"}
-.glyphicon-headphones:before{content:"\e035"}
-.glyphicon-volume-off:before{content:"\e036"}
-.glyphicon-volume-down:before{content:"\e037"}
-.glyphicon-volume-up:before{content:"\e038"}
-.glyphicon-qrcode:before{content:"\e039"}
-.glyphicon-barcode:before{content:"\e040"}
-.glyphicon-tag:before{content:"\e041"}
-.glyphicon-tags:before{content:"\e042"}
-.glyphicon-book:before{content:"\e043"}
-.glyphicon-bookmark:before{content:"\e044"}
-.glyphicon-print:before{content:"\e045"}
-.glyphicon-camera:before{content:"\e046"}
-.glyphicon-font:before{content:"\e047"}
-.glyphicon-bold:before{content:"\e048"}
-.glyphicon-italic:before{content:"\e049"}
-.glyphicon-text-height:before{content:"\e050"}
-.glyphicon-text-width:before{content:"\e051"}
-.glyphicon-align-left:before{content:"\e052"}
-.glyphicon-align-center:before{content:"\e053"}
-.glyphicon-align-right:before{content:"\e054"}
-.glyphicon-align-justify:before{content:"\e055"}
-.glyphicon-list:before{content:"\e056"}
-.glyphicon-indent-left:before{content:"\e057"}
-.glyphicon-indent-right:before{content:"\e058"}
-.glyphicon-facetime-video:before{content:"\e059"}
-.glyphicon-picture:before{content:"\e060"}
-.glyphicon-map-marker:before{content:"\e062"}
-.glyphicon-adjust:before{content:"\e063"}
-.glyphicon-tint:before{content:"\e064"}
-.glyphicon-edit:before{content:"\e065"}
-.glyphicon-share:before{content:"\e066"}
-.glyphicon-check:before{content:"\e067"}
-.glyphicon-move:before{content:"\e068"}
-.glyphicon-step-backward:before{content:"\e069"}
-.glyphicon-fast-backward:before{content:"\e070"}
-.glyphicon-backward:before{content:"\e071"}
-.glyphicon-play:before{content:"\e072"}
-.glyphicon-pause:before{content:"\e073"}
-.glyphicon-stop:before{content:"\e074"}
-.glyphicon-forward:before{content:"\e075"}
-.glyphicon-fast-forward:before{content:"\e076"}
-.glyphicon-step-forward:before{content:"\e077"}
-.glyphicon-eject:before{content:"\e078"}
-.glyphicon-chevron-left:before{content:"\e079"}
-.glyphicon-chevron-right:before{content:"\e080"}
-.glyphicon-plus-sign:before{content:"\e081"}
-.glyphicon-minus-sign:before{content:"\e082"}
-.glyphicon-remove-sign:before{content:"\e083"}
-.glyphicon-ok-sign:before{content:"\e084"}
-.glyphicon-question-sign:before{content:"\e085"}
-.glyphicon-info-sign:before{content:"\e086"}
-.glyphicon-screenshot:before{content:"\e087"}
-.glyphicon-remove-circle:before{content:"\e088"}
-.glyphicon-ok-circle:before{content:"\e089"}
-.glyphicon-ban-circle:before{content:"\e090"}
-.glyphicon-arrow-left:before{content:"\e091"}
-.glyphicon-arrow-right:before{content:"\e092"}
-.glyphicon-arrow-up:before{content:"\e093"}
-.glyphicon-arrow-down:before{content:"\e094"}
-.glyphicon-share-alt:before{content:"\e095"}
-.glyphicon-resize-full:before{content:"\e096"}
-.glyphicon-resize-small:before{content:"\e097"}
-.glyphicon-exclamation-sign:before{content:"\e101"}
-.glyphicon-gift:before{content:"\e102"}
-.glyphicon-leaf:before{content:"\e103"}
-.glyphicon-fire:before{content:"\e104"}
-.glyphicon-eye-open:before{content:"\e105"}
-.glyphicon-eye-close:before{content:"\e106"}
-.glyphicon-warning-sign:before{content:"\e107"}
-.glyphicon-plane:before{content:"\e108"}
-.glyphicon-calendar:before{content:"\e109"}
-.glyphicon-random:before{content:"\e110"}
-.glyphicon-comment:before{content:"\e111"}
-.glyphicon-magnet:before{content:"\e112"}
-.glyphicon-chevron-up:before{content:"\e113"}
-.glyphicon-chevron-down:before{content:"\e114"}
-.glyphicon-retweet:before{content:"\e115"}
-.glyphicon-shopping-cart:before{content:"\e116"}
-.glyphicon-folder-close:before{content:"\e117"}
-.glyphicon-folder-open:before{content:"\e118"}
-.glyphicon-resize-vertical:before{content:"\e119"}
-.glyphicon-resize-horizontal:before{content:"\e120"}
-.glyphicon-hdd:before{content:"\e121"}
-.glyphicon-bullhorn:before{content:"\e122"}
-.glyphicon-bell:before{content:"\e123"}
-.glyphicon-certificate:before{content:"\e124"}
-.glyphicon-thumbs-up:before{content:"\e125"}
-.glyphicon-thumbs-down:before{content:"\e126"}
-.glyphicon-hand-right:before{content:"\e127"}
-.glyphicon-hand-left:before{content:"\e128"}
-.glyphicon-hand-up:before{content:"\e129"}
-.glyphicon-hand-down:before{content:"\e130"}
-.glyphicon-circle-arrow-right:before{content:"\e131"}
-.glyphicon-circle-arrow-left:before{content:"\e132"}
-.glyphicon-circle-arrow-up:before{content:"\e133"}
-.glyphicon-circle-arrow-down:before{content:"\e134"}
-.glyphicon-globe:before{content:"\e135"}
-.glyphicon-wrench:before{content:"\e136"}
-.glyphicon-tasks:before{content:"\e137"}
-.glyphicon-filter:before{content:"\e138"}
-.glyphicon-briefcase:before{content:"\e139"}
-.glyphicon-fullscreen:before{content:"\e140"}
-.glyphicon-dashboard:before{content:"\e141"}
-.glyphicon-paperclip:before{content:"\e142"}
-.glyphicon-heart-empty:before{content:"\e143"}
-.glyphicon-link:before{content:"\e144"}
-.glyphicon-phone:before{content:"\e145"}
-.glyphicon-pushpin:before{content:"\e146"}
-.glyphicon-usd:before{content:"\e148"}
-.glyphicon-gbp:before{content:"\e149"}
-.glyphicon-sort:before{content:"\e150"}
-.glyphicon-sort-by-alphabet:before{content:"\e151"}
-.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
-.glyphicon-sort-by-order:before{content:"\e153"}
-.glyphicon-sort-by-order-alt:before{content:"\e154"}
-.glyphicon-sort-by-attributes:before{content:"\e155"}
-.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
-.glyphicon-unchecked:before{content:"\e157"}
-.glyphicon-expand:before{content:"\e158"}
-.glyphicon-collapse-down:before{content:"\e159"}
-.glyphicon-collapse-up:before{content:"\e160"}
-.glyphicon-log-in:before{content:"\e161"}
-.glyphicon-flash:before{content:"\e162"}
-.glyphicon-log-out:before{content:"\e163"}
-.glyphicon-new-window:before{content:"\e164"}
-.glyphicon-record:before{content:"\e165"}
-.glyphicon-save:before{content:"\e166"}
-.glyphicon-open:before{content:"\e167"}
-.glyphicon-saved:before{content:"\e168"}
-.glyphicon-import:before{content:"\e169"}
-.glyphicon-export:before{content:"\e170"}
-.glyphicon-send:before{content:"\e171"}
-.glyphicon-floppy-disk:before{content:"\e172"}
-.glyphicon-floppy-saved:before{content:"\e173"}
-.glyphicon-floppy-remove:before{content:"\e174"}
-.glyphicon-floppy-save:before{content:"\e175"}
-.glyphicon-floppy-open:before{content:"\e176"}
-.glyphicon-credit-card:before{content:"\e177"}
-.glyphicon-transfer:before{content:"\e178"}
-.glyphicon-cutlery:before{content:"\e179"}
-.glyphicon-header:before{content:"\e180"}
-.glyphicon-compressed:before{content:"\e181"}
-.glyphicon-earphone:before{content:"\e182"}
-.glyphicon-phone-alt:before{content:"\e183"}
-.glyphicon-tower:before{content:"\e184"}
-.glyphicon-stats:before{content:"\e185"}
-.glyphicon-sd-video:before{content:"\e186"}
-.glyphicon-hd-video:before{content:"\e187"}
-.glyphicon-subtitles:before{content:"\e188"}
-.glyphicon-sound-stereo:before{content:"\e189"}
-.glyphicon-sound-dolby:before{content:"\e190"}
-.glyphicon-sound-5-1:before{content:"\e191"}
-.glyphicon-sound-6-1:before{content:"\e192"}
-.glyphicon-sound-7-1:before{content:"\e193"}
-.glyphicon-copyright-mark:before{content:"\e194"}
-.glyphicon-registration-mark:before{content:"\e195"}
-.glyphicon-cloud-download:before{content:"\e197"}
-.glyphicon-cloud-upload:before{content:"\e198"}
-.glyphicon-tree-conifer:before{content:"\e199"}
-.glyphicon-tree-deciduous:before{content:"\e200"}
-.glyphicon-cd:before{content:"\e201"}
-.glyphicon-save-file:before{content:"\e202"}
-.glyphicon-open-file:before{content:"\e203"}
-.glyphicon-level-up:before{content:"\e204"}
-.glyphicon-copy:before{content:"\e205"}
-.glyphicon-paste:before{content:"\e206"}
-.glyphicon-alert:before{content:"\e209"}
-.glyphicon-equalizer:before{content:"\e210"}
-.glyphicon-king:before{content:"\e211"}
-.glyphicon-queen:before{content:"\e212"}
-.glyphicon-pawn:before{content:"\e213"}
-.glyphicon-bishop:before{content:"\e214"}
-.glyphicon-knight:before{content:"\e215"}
-.glyphicon-baby-formula:before{content:"\e216"}
-.glyphicon-tent:before{content:"\26fa"}
-.glyphicon-blackboard:before{content:"\e218"}
-.glyphicon-bed:before{content:"\e219"}
-.glyphicon-apple:before{content:"\f8ff"}
-.glyphicon-erase:before{content:"\e221"}
-.glyphicon-hourglass:before{content:"\231b"}
-.glyphicon-lamp:before{content:"\e223"}
-.glyphicon-duplicate:before{content:"\e224"}
-.glyphicon-piggy-bank:before{content:"\e225"}
-.glyphicon-scissors:before{content:"\e226"}
-.glyphicon-bitcoin:before,.glyphicon-btc:before,.glyphicon-xbt:before{content:"\e227"}
-.glyphicon-jpy:before,.glyphicon-yen:before{content:"\00a5"}
-.glyphicon-rub:before,.glyphicon-ruble:before{content:"\20bd"}
-.glyphicon-scale:before{content:"\e230"}
-.glyphicon-ice-lolly:before{content:"\e231"}
-.glyphicon-ice-lolly-tasted:before{content:"\e232"}
-.glyphicon-education:before{content:"\e233"}
-.glyphicon-option-horizontal:before{content:"\e234"}
-.glyphicon-option-vertical:before{content:"\e235"}
-.glyphicon-menu-hamburger:before{content:"\e236"}
-.glyphicon-modal-window:before{content:"\e237"}
-.glyphicon-oil:before{content:"\e238"}
-.glyphicon-grain:before{content:"\e239"}
-.glyphicon-sunglasses:before{content:"\e240"}
-.glyphicon-text-size:before{content:"\e241"}
-.glyphicon-text-color:before{content:"\e242"}
-.glyphicon-text-background:before{content:"\e243"}
-.glyphicon-object-align-top:before{content:"\e244"}
-.glyphicon-object-align-bottom:before{content:"\e245"}
-.glyphicon-object-align-horizontal:before{content:"\e246"}
-.glyphicon-object-align-left:before{content:"\e247"}
-.glyphicon-object-align-vertical:before{content:"\e248"}
-.glyphicon-object-align-right:before{content:"\e249"}
-.glyphicon-triangle-right:before{content:"\e250"}
-.glyphicon-triangle-left:before{content:"\e251"}
-.glyphicon-triangle-bottom:before{content:"\e252"}
-.glyphicon-triangle-top:before{content:"\e253"}
-.glyphicon-console:before{content:"\e254"}
-.glyphicon-superscript:before{content:"\e255"}
-.glyphicon-subscript:before{content:"\e256"}
-.glyphicon-menu-left:before{content:"\e257"}
-.glyphicon-menu-right:before{content:"\e258"}
-.glyphicon-menu-down:before{content:"\e259"}
-.glyphicon-menu-up:before{content:"\e260"}
-*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
-body{font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:1.846;color:#666}
-button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
-a{color:#2196f3;text-decoration:none}
-a:focus,a:hover{color:#0a6ebd;text-decoration:underline}
-a:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
-.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
-.img-rounded{border-radius:3px}
-.img-thumbnail{padding:4px;line-height:1.846;border:1px solid #ddd;border-radius:3px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}
-.img-circle{border-radius:50%}
-hr{margin-top:23px;margin-bottom:23px;border:0;border-top:1px solid #eee}
-.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
-.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
-[role=button]{cursor:pointer}
-.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.1;color:#444}
-.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#bbb}
-.h1,.h2,.h3,h1,h2,h3{margin-top:23px;margin-bottom:11.5px}
-.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
-.h4,.h5,.h6,h4,h5,h6{margin-top:11.5px;margin-bottom:11.5px}
-.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
-.h1,h1{font-size:56px}
-.h2,h2{font-size:45px}
-.h3,h3{font-size:34px}
-.h4,h4{font-size:24px}
-.h5,h5{font-size:20px}
-.h6,.lead,h6{font-size:14px}
-.lead{margin-bottom:23px;font-weight:300;line-height:1.4}
-dt,kbd kbd{font-weight:700}
-@media (min-width:768px){.lead{font-size:19.5px}
-}
-.small,small{font-size:92%}
-.mark,mark{background-color:#ffe0b2;padding:.2em}
-.list-inline,.list-unstyled{list-style:none;padding-left:0}
-.text-left{text-align:left}
-.text-right{text-align:right}
-.text-center{text-align:center}
-.text-justify{text-align:justify}
-.text-nowrap{white-space:nowrap}
-.text-lowercase{text-transform:lowercase}
-.text-uppercase{text-transform:uppercase}
-.text-capitalize{text-transform:capitalize}
-.text-muted{color:#bbb}
-.text-primary{color:#2196f3}
-a.text-primary:focus,a.text-primary:hover{color:#0c7cd5}
-.text-success{color:#4caf50}
-a.text-success:focus,a.text-success:hover{color:#3d8b40}
-.text-info{color:#9c27b0}
-a.text-info:focus,a.text-info:hover{color:#771e86}
-.text-warning{color:#ff9800}
-a.text-warning:focus,a.text-warning:hover{color:#cc7a00}
-.text-danger{color:#e51c23}
-a.text-danger:focus,a.text-danger:hover{color:#b9151b}
-.bg-primary{color:#fff;background-color:#2196f3}
-a.bg-primary:focus,a.bg-primary:hover{background-color:#0c7cd5}
-.bg-success{background-color:#dff0d8}
-a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}
-.bg-info{background-color:#e1bee7}
-a.bg-info:focus,a.bg-info:hover{background-color:#d099d9}
-.bg-warning{background-color:#ffe0b2}
-a.bg-warning:focus,a.bg-warning:hover{background-color:#ffcb7f}
-.bg-danger{background-color:#f9bdbb}
-a.bg-danger:focus,a.bg-danger:hover{background-color:#f5908c}
-pre code,table{background-color:transparent}
-.page-header{padding-bottom:10.5px;margin:46px 0 23px;border-bottom:1px solid #eee}
-dl,ol,ul{margin-top:0}
-ol,ul{margin-bottom:11.5px}
-ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
-.list-inline{margin-left:-5px}
-.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
-dl{margin-bottom:23px}
-dd,dt{line-height:1.846}
-dd{margin-left:0}
-@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-.dl-horizontal dd{margin-left:180px}
-}
-abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #bbb}
-.initialism{font-size:90%;text-transform:uppercase}
-blockquote{padding:11.5px 23px;margin:0 0 23px;font-size:16.25px;border-left:5px solid #eee}
-blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}
-blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.846;color:#bbb}
-blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}
-.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}
-caption,th{text-align:left}
-code,kbd{padding:2px 4px;font-size:90%;border-radius:3px}
-.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}
-.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}
-address{margin-bottom:23px;font-style:normal;line-height:1.846}
-code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
-code{color:#c7254e;background-color:#f9f2f4}
-kbd{color:#fff;background-color:#333;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
-kbd kbd{padding:0;font-size:100%;box-shadow:none}
-pre{display:block;padding:11px;margin:0 0 11.5px;font-size:12px;line-height:1.846;word-break:break-all;word-wrap:break-word;color:#212121;background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px}
-.container,.container-fluid{margin-right:auto;margin-left:auto}
-pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;border-radius:0}
-.container,.container-fluid{padding-left:15px;padding-right:15px}
-.pre-scrollable{overflow-y:scroll}
-@media (min-width:768px){.container{width:750px}
-}
-@media (min-width:992px){.container{width:970px}
-}
-@media (min-width:1200px){.container{width:1170px}
-}
-.row{margin-left:-15px;margin-right:-15px}
-.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
-.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
-.col-xs-12{width:100%}
-.col-xs-11{width:91.66666667%}
-.col-xs-10{width:83.33333333%}
-.col-xs-9{width:75%}
-.col-xs-8{width:66.66666667%}
-.col-xs-7{width:58.33333333%}
-.col-xs-6{width:50%}
-.col-xs-5{width:41.66666667%}
-.col-xs-4{width:33.33333333%}
-.col-xs-3{width:25%}
-.col-xs-2{width:16.66666667%}
-.col-xs-1{width:8.33333333%}
-.col-xs-pull-12{right:100%}
-.col-xs-pull-11{right:91.66666667%}
-.col-xs-pull-10{right:83.33333333%}
-.col-xs-pull-9{right:75%}
-.col-xs-pull-8{right:66.66666667%}
-.col-xs-pull-7{right:58.33333333%}
-.col-xs-pull-6{right:50%}
-.col-xs-pull-5{right:41.66666667%}
-.col-xs-pull-4{right:33.33333333%}
-.col-xs-pull-3{right:25%}
-.col-xs-pull-2{right:16.66666667%}
-.col-xs-pull-1{right:8.33333333%}
-.col-xs-pull-0{right:auto}
-.col-xs-push-12{left:100%}
-.col-xs-push-11{left:91.66666667%}
-.col-xs-push-10{left:83.33333333%}
-.col-xs-push-9{left:75%}
-.col-xs-push-8{left:66.66666667%}
-.col-xs-push-7{left:58.33333333%}
-.col-xs-push-6{left:50%}
-.col-xs-push-5{left:41.66666667%}
-.col-xs-push-4{left:33.33333333%}
-.col-xs-push-3{left:25%}
-.col-xs-push-2{left:16.66666667%}
-.col-xs-push-1{left:8.33333333%}
-.col-xs-push-0{left:auto}
-.col-xs-offset-12{margin-left:100%}
-.col-xs-offset-11{margin-left:91.66666667%}
-.col-xs-offset-10{margin-left:83.33333333%}
-.col-xs-offset-9{margin-left:75%}
-.col-xs-offset-8{margin-left:66.66666667%}
-.col-xs-offset-7{margin-left:58.33333333%}
-.col-xs-offset-6{margin-left:50%}
-.col-xs-offset-5{margin-left:41.66666667%}
-.col-xs-offset-4{margin-left:33.33333333%}
-.col-xs-offset-3{margin-left:25%}
-.col-xs-offset-2{margin-left:16.66666667%}
-.col-xs-offset-1{margin-left:8.33333333%}
-.col-xs-offset-0{margin-left:0}
-@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
-.col-sm-12{width:100%}
-.col-sm-11{width:91.66666667%}
-.col-sm-10{width:83.33333333%}
-.col-sm-9{width:75%}
-.col-sm-8{width:66.66666667%}
-.col-sm-7{width:58.33333333%}
-.col-sm-6{width:50%}
-.col-sm-5{width:41.66666667%}
-.col-sm-4{width:33.33333333%}
-.col-sm-3{width:25%}
-.col-sm-2{width:16.66666667%}
-.col-sm-1{width:8.33333333%}
-.col-sm-pull-12{right:100%}
-.col-sm-pull-11{right:91.66666667%}
-.col-sm-pull-10{right:83.33333333%}
-.col-sm-pull-9{right:75%}
-.col-sm-pull-8{right:66.66666667%}
-.col-sm-pull-7{right:58.33333333%}
-.col-sm-pull-6{right:50%}
-.col-sm-pull-5{right:41.66666667%}
-.col-sm-pull-4{right:33.33333333%}
-.col-sm-pull-3{right:25%}
-.col-sm-pull-2{right:16.66666667%}
-.col-sm-pull-1{right:8.33333333%}
-.col-sm-pull-0{right:auto}
-.col-sm-push-12{left:100%}
-.col-sm-push-11{left:91.66666667%}
-.col-sm-push-10{left:83.33333333%}
-.col-sm-push-9{left:75%}
-.col-sm-push-8{left:66.66666667%}
-.col-sm-push-7{left:58.33333333%}
-.col-sm-push-6{left:50%}
-.col-sm-push-5{left:41.66666667%}
-.col-sm-push-4{left:33.33333333%}
-.col-sm-push-3{left:25%}
-.col-sm-push-2{left:16.66666667%}
-.col-sm-push-1{left:8.33333333%}
-.col-sm-push-0{left:auto}
-.col-sm-offset-12{margin-left:100%}
-.col-sm-offset-11{margin-left:91.66666667%}
-.col-sm-offset-10{margin-left:83.33333333%}
-.col-sm-offset-9{margin-left:75%}
-.col-sm-offset-8{margin-left:66.66666667%}
-.col-sm-offset-7{margin-left:58.33333333%}
-.col-sm-offset-6{margin-left:50%}
-.col-sm-offset-5{margin-left:41.66666667%}
-.col-sm-offset-4{margin-left:33.33333333%}
-.col-sm-offset-3{margin-left:25%}
-.col-sm-offset-2{margin-left:16.66666667%}
-.col-sm-offset-1{margin-left:8.33333333%}
-.col-sm-offset-0{margin-left:0}
-}
-@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
-.col-md-12{width:100%}
-.col-md-11{width:91.66666667%}
-.col-md-10{width:83.33333333%}
-.col-md-9{width:75%}
-.col-md-8{width:66.66666667%}
-.col-md-7{width:58.33333333%}
-.col-md-6{width:50%}
-.col-md-5{width:41.66666667%}
-.col-md-4{width:33.33333333%}
-.col-md-3{width:25%}
-.col-md-2{width:16.66666667%}
-.col-md-1{width:8.33333333%}
-.col-md-pull-12{right:100%}
-.col-md-pull-11{right:91.66666667%}
-.col-md-pull-10{right:83.33333333%}
-.col-md-pull-9{right:75%}
-.col-md-pull-8{right:66.66666667%}
-.col-md-pull-7{right:58.33333333%}
-.col-md-pull-6{right:50%}
-.col-md-pull-5{right:41.66666667%}
-.col-md-pull-4{right:33.33333333%}
-.col-md-pull-3{right:25%}
-.col-md-pull-2{right:16.66666667%}
-.col-md-pull-1{right:8.33333333%}
-.col-md-pull-0{right:auto}
-.col-md-push-12{left:100%}
-.col-md-push-11{left:91.66666667%}
-.col-md-push-10{left:83.33333333%}
-.col-md-push-9{left:75%}
-.col-md-push-8{left:66.66666667%}
-.col-md-push-7{left:58.33333333%}
-.col-md-push-6{left:50%}
-.col-md-push-5{left:41.66666667%}
-.col-md-push-4{left:33.33333333%}
-.col-md-push-3{left:25%}
-.col-md-push-2{left:16.66666667%}
-.col-md-push-1{left:8.33333333%}
-.col-md-push-0{left:auto}
-.col-md-offset-12{margin-left:100%}
-.col-md-offset-11{margin-left:91.66666667%}
-.col-md-offset-10{margin-left:83.33333333%}
-.col-md-offset-9{margin-left:75%}
-.col-md-offset-8{margin-left:66.66666667%}
-.col-md-offset-7{margin-left:58.33333333%}
-.col-md-offset-6{margin-left:50%}
-.col-md-offset-5{margin-left:41.66666667%}
-.col-md-offset-4{margin-left:33.33333333%}
-.col-md-offset-3{margin-left:25%}
-.col-md-offset-2{margin-left:16.66666667%}
-.col-md-offset-1{margin-left:8.33333333%}
-.col-md-offset-0{margin-left:0}
-}
-@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
-.col-lg-12{width:100%}
-.col-lg-11{width:91.66666667%}
-.col-lg-10{width:83.33333333%}
-.col-lg-9{width:75%}
-.col-lg-8{width:66.66666667%}
-.col-lg-7{width:58.33333333%}
-.col-lg-6{width:50%}
-.col-lg-5{width:41.66666667%}
-.col-lg-4{width:33.33333333%}
-.col-lg-3{width:25%}
-.col-lg-2{width:16.66666667%}
-.col-lg-1{width:8.33333333%}
-.col-lg-pull-12{right:100%}
-.col-lg-pull-11{right:91.66666667%}
-.col-lg-pull-10{right:83.33333333%}
-.col-lg-pull-9{right:75%}
-.col-lg-pull-8{right:66.66666667%}
-.col-lg-pull-7{right:58.33333333%}
-.col-lg-pull-6{right:50%}
-.col-lg-pull-5{right:41.66666667%}
-.col-lg-pull-4{right:33.33333333%}
-.col-lg-pull-3{right:25%}
-.col-lg-pull-2{right:16.66666667%}
-.col-lg-pull-1{right:8.33333333%}
-.col-lg-pull-0{right:auto}
-.col-lg-push-12{left:100%}
-.col-lg-push-11{left:91.66666667%}
-.col-lg-push-10{left:83.33333333%}
-.col-lg-push-9{left:75%}
-.col-lg-push-8{left:66.66666667%}
-.col-lg-push-7{left:58.33333333%}
-.col-lg-push-6{left:50%}
-.col-lg-push-5{left:41.66666667%}
-.col-lg-push-4{left:33.33333333%}
-.col-lg-push-3{left:25%}
-.col-lg-push-2{left:16.66666667%}
-.col-lg-push-1{left:8.33333333%}
-.col-lg-push-0{left:auto}
-.col-lg-offset-12{margin-left:100%}
-.col-lg-offset-11{margin-left:91.66666667%}
-.col-lg-offset-10{margin-left:83.33333333%}
-.col-lg-offset-9{margin-left:75%}
-.col-lg-offset-8{margin-left:66.66666667%}
-.col-lg-offset-7{margin-left:58.33333333%}
-.col-lg-offset-6{margin-left:50%}
-.col-lg-offset-5{margin-left:41.66666667%}
-.col-lg-offset-4{margin-left:33.33333333%}
-.col-lg-offset-3{margin-left:25%}
-.col-lg-offset-2{margin-left:16.66666667%}
-.col-lg-offset-1{margin-left:8.33333333%}
-.col-lg-offset-0{margin-left:0}
-}
-caption{padding-top:8px;padding-bottom:8px;color:#bbb}
-.table{width:100%;max-width:100%;margin-bottom:23px}
-.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.846;vertical-align:top;border-top:1px solid #ddd}
-.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
-.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}
-.table>tbody+tbody{border-top:2px solid #ddd}
-.table .table{background-color:#fff}
-.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}
-.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}
-.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}
-.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}
-.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}
-table col[class*=col-]{position:static;float:none;display:table-column}
-table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}
-.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.dropdown-menu{float:left}
-.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}
-.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}
-.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}
-.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#e1bee7}
-.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#d8abe0}
-.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#ffe0b2}
-.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#ffd699}
-.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f9bdbb}
-.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#f7a6a4}
-.table-responsive{overflow-x:auto;min-height:.01%}
-@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:17.25px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
-.table-responsive>.table{margin-bottom:0}
-.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}
-.table-responsive>.table-bordered{border:0}
-.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
-.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
-.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
-}
-fieldset,legend{padding:0;border:0}
-fieldset{margin:0;min-width:0}
-legend{display:block;width:100%;margin-bottom:23px;font-size:19.5px;line-height:inherit;color:#212121;border-bottom:1px solid #e5e5e5}
-label{display:inline-block;max-width:100%;margin-bottom:5px}
-input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none}
-input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
-.form-control,output{display:block;font-size:13px;line-height:1.846;color:#666}
-input[type=file]{display:block}
-input[type=range]{display:block;width:100%}
-select[multiple],select[size]{height:auto}
-input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
-output{padding-top:7px}
-.form-control{width:100%;height:37px;padding:6px 16px;background-color:transparent;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
-.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
-.form-control::-moz-placeholder{color:#bbb;opacity:1}
-.form-control:-ms-input-placeholder{color:#bbb}
-.form-control::-webkit-input-placeholder{color:#bbb}
-.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .form-control-feedback,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{color:#4caf50}
-.form-control::-ms-expand{border:0;background-color:transparent}
-.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:transparent;opacity:1}
-.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
-textarea.form-control{height:auto}
-@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{line-height:37px}
-.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}
-.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:45px}
-}
-.form-group{margin-bottom:15px}
-.checkbox,.radio{position:relative;display:block;margin-top:10px;margin-bottom:10px}
-.checkbox label,.radio label{min-height:23px;margin-bottom:0;font-weight:400;cursor:pointer}
-.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-top:4px\9}
-.checkbox+.checkbox,.radio+.radio{margin-top:-5px}
-.checkbox-inline,.radio-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}
-.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}
-.checkbox-inline.disabled,.checkbox.disabled label,.radio-inline.disabled,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio label,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}
-.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:36px}
-.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}
-.form-group-sm .form-control,.input-sm{font-size:12px;padding:5px 10px;border-radius:3px}
-.input-sm{height:30px;line-height:1.5}
-select.input-sm{height:30px;line-height:30px}
-select[multiple].input-sm,textarea.input-sm{height:auto}
-.form-group-sm .form-control{height:30px;line-height:1.5}
-.form-group-sm select.form-control{height:30px;line-height:30px}
-.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}
-.form-group-sm .form-control-static{height:30px;min-height:35px;padding:6px 10px;font-size:12px;line-height:1.5}
-.form-group-lg .form-control,.input-lg{border-radius:3px;font-size:17px;padding:10px 16px}
-.input-lg{height:45px;line-height:1.3333333}
-select.input-lg{height:45px;line-height:45px}
-select[multiple].input-lg,textarea.input-lg{height:auto}
-.form-group-lg .form-control{height:45px;line-height:1.3333333}
-.form-group-lg select.form-control{height:45px}
-.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}
-.form-group-lg .form-control-static{height:45px;min-height:40px;padding:11px 16px;font-size:17px;line-height:1.3333333}
-.has-feedback{position:relative}
-.has-feedback .form-control{padding-right:46.25px}
-.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:37px;height:37px;line-height:37px;text-align:center;pointer-events:none}
-.collapsing,.dropdown,.dropup{position:relative}
-.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{width:45px;height:45px;line-height:45px}
-.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}
-.has-success .form-control{border-color:#4caf50}
-.has-success .form-control:focus{border-color:#3d8b40}
-.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .form-control-feedback,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{color:#ff9800}
-.has-warning .form-control{border-color:#ff9800}
-.has-warning .form-control:focus{border-color:#cc7a00}
-.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .form-control-feedback,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#e51c23}
-.has-error .form-control{border-color:#e51c23}
-.has-error .form-control:focus{border-color:#b9151b}
-.has-feedback label~.form-control-feedback{top:28px}
-.has-feedback label.sr-only~.form-control-feedback{top:0}
-.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#a6a6a6}
-@media (min-width:768px){.form-inline .form-control-static,.form-inline .form-group{display:inline-block}
-.form-inline .control-label,.form-inline .form-group{margin-bottom:0;vertical-align:middle}
-.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
-.form-inline .input-group{display:inline-table;vertical-align:middle}
-.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}
-.form-inline .input-group>.form-control{width:100%}
-.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
-.form-inline .checkbox label,.form-inline .radio label{padding-left:0}
-.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}
-.form-inline .has-feedback .form-control-feedback{top:0}
-}
-.btn-block,input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}
-.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}
-.form-horizontal .checkbox,.form-horizontal .radio{min-height:30px}
-.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}
-.form-horizontal .has-feedback .form-control-feedback{right:15px}
-@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}
-.form-horizontal .form-group-lg .control-label{padding-top:11px;font-size:17px}
-.form-horizontal .form-group-sm .control-label{padding-top:6px;font-size:12px}
-}
-.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;white-space:nowrap;padding:6px 16px;font-size:13px;line-height:1.846;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
-.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}
-.btn.focus,.btn:focus,.btn:hover{color:#444;text-decoration:none}
-.btn.active,.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
-.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
-a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
-.btn-default{color:#444;background-color:#fff;border-color:transparent}
-.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#444;background-color:#e6e6e6;border-color:transparent}
-.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover{color:#444;background-color:#d4d4d4;border-color:transparent}
-.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:transparent}
-.btn-default .badge{color:#fff;background-color:#444}
-.btn-primary{color:#fff;background-color:#2196f3;border-color:transparent}
-.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#0c7cd5;border-color:transparent}
-.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#0a68b4;border-color:transparent}
-.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#2196f3;border-color:transparent}
-.btn-primary .badge{color:#2196f3;background-color:#fff}
-.btn-success{color:#fff;background-color:#4caf50;border-color:transparent}
-.btn-success.active,.btn-success.focus,.btn-success:active,.btn-success:focus,.btn-success:hover,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#3d8b40;border-color:transparent}
-.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#327334;border-color:transparent}
-.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}
-.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#4caf50;border-color:transparent}
-.btn-success .badge{color:#4caf50;background-color:#fff}
-.btn-info{color:#fff;background-color:#9c27b0;border-color:transparent}
-.btn-info.active,.btn-info.focus,.btn-info:active,.btn-info:focus,.btn-info:hover,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#771e86;border-color:transparent}
-.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover{color:#fff;background-color:#5d1769;border-color:transparent}
-.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#9c27b0;border-color:transparent}
-.btn-info .badge{color:#9c27b0;background-color:#fff}
-.btn-warning{color:#fff;background-color:#ff9800;border-color:transparent}
-.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#cc7a00;border-color:transparent}
-.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover{color:#fff;background-color:#a86400;border-color:transparent}
-.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#ff9800;border-color:transparent}
-.btn-warning .badge{color:#ff9800;background-color:#fff}
-.btn-danger{color:#fff;background-color:#e51c23;border-color:transparent}
-.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#b9151b;border-color:transparent}
-.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover{color:#fff;background-color:#991216;border-color:transparent}
-.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#e51c23;border-color:transparent}
-.btn-danger .badge{color:#e51c23;background-color:#fff}
-.btn-link{font-weight:400}
-.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
-.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}
-.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#bbb;text-decoration:none}
-.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:17px;line-height:1.3333333;border-radius:3px}
-.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
-.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
-.btn-block{display:block}
-.btn-block+.btn-block{margin-top:5px}
-.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
-.fade.in{opacity:1}
-.collapse{display:none}
-.collapse.in{display:block}
-tr.collapse.in{display:table-row}
-tbody.collapse.in{display:table-row-group}
-.collapsing{height:0;overflow:hidden;-webkit-transition-property:height,visibility;transition-property:height,visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
-.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}
-.dropdown-toggle:focus{outline:0}
-.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:13px;text-align:left;background-color:#fff;border-radius:3px;background-clip:padding-box}
-.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle,.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
-.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
-.btn-group-vertical>.btn:not(:first-child):not(:last-child),.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
-.dropdown-header,.dropdown-menu>li>a{white-space:nowrap;padding:3px 20px;line-height:1.846}
-.dropdown-menu-right,.dropdown-menu.pull-right{left:auto;right:0}
-.dropdown-menu .divider{height:1px;margin:10.5px 0;overflow:hidden;background-color:#e5e5e5}
-.dropdown-menu>li>a{display:block;clear:both;font-weight:400;color:#666}
-.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#141414;background-color:#eee}
-.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#2196f3}
-.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#bbb}
-.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}
-.open>.dropdown-menu{display:block}
-.open>a{outline:0}
-.dropdown-menu-left{left:0;right:auto}
-.dropdown-header{display:block;font-size:12px;color:#bbb}
-.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}
-.nav-justified>.dropdown .dropdown-menu,.nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}
-.pull-right>.dropdown-menu{right:0;left:auto}
-.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px dashed;border-bottom:4px solid\9;content:""}
-.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
-@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}
-.navbar-right .dropdown-menu-left{left:0;right:auto}
-}
-.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
-.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}
-.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
-.btn-toolbar{margin-left:-5px}
-.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
-.btn .caret,.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group,.btn-group>.btn:first-child{margin-left:0}
-.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
-.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
-.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
-.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
-.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
-.btn-lg .caret{border-width:5px 5px 0}
-.dropup .btn-lg .caret{border-width:0 5px 5px}
-.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}
-.btn-group-vertical>.btn-group>.btn{float:none}
-.btn-group-vertical>.btn:first-child:not(:last-child){border-radius:3px 3px 0 0}
-.btn-group-vertical>.btn:last-child:not(:first-child){border-radius:0 0 3px 3px}
-.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
-.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
-.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
-.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
-.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}
-.btn-group-justified>.btn-group .btn{width:100%}
-.btn-group-justified>.btn-group .dropdown-menu{left:auto}
-[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
-.input-group{position:relative;display:table;border-collapse:separate}
-.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}
-.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
-.input-group .form-control:focus{z-index:3}
-.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:17px;line-height:1.3333333;border-radius:3px}
-select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}
-select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}
-.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
-select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
-select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}
-.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}
-.nav>li,.nav>li>a{position:relative;display:block}
-.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}
-.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
-.input-group-addon{padding:6px 16px;font-size:13px;font-weight:400;line-height:1;color:#666;text-align:center;background-color:transparent;border:1px solid transparent;border-radius:3px}
-.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
-.input-group-addon.input-lg{padding:10px 16px;font-size:17px;border-radius:3px}
-.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}
-.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
-.input-group-addon:first-child{border-right:0}
-.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}
-.input-group-addon:last-child{border-left:0}
-.input-group-btn{position:relative;font-size:0;white-space:nowrap}
-.input-group-btn>.btn{position:relative}
-.input-group-btn>.btn+.btn{margin-left:-1px}
-.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}
-.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
-.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{z-index:2;margin-left:-1px}
-.nav{margin-bottom:0;padding-left:0;list-style:none}
-.nav>li>a{padding:10px 15px}
-.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
-.nav>li.disabled>a{color:#bbb}
-.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#bbb;text-decoration:none;background-color:transparent;cursor:not-allowed}
-.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#2196f3}
-.nav .nav-divider{height:1px;margin:10.5px 0;overflow:hidden;background-color:#e5e5e5}
-.nav>li>a>img{max-width:none}
-.nav-tabs{border-bottom:1px solid transparent}
-.nav-tabs>li{float:left;margin-bottom:-1px}
-.nav-tabs>li>a{line-height:1.846;border-radius:3px 3px 0 0}
-.nav-tabs>li>a:hover{border-color:#eee #eee transparent}
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background-color:transparent;cursor:default}
-.nav-tabs.nav-justified{width:100%;border-bottom:0}
-.nav-tabs.nav-justified>li{float:none}
-.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px;margin-right:0;border-radius:3px}
-@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}
-.nav-tabs.nav-justified>li>a{margin-bottom:0;border-bottom:1px solid transparent;border-radius:3px 3px 0 0}
-.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}
-}
-.nav-pills>li{float:left}
-.nav-justified>li,.nav-stacked>li{float:none}
-.nav-pills>li>a{border-radius:3px}
-.nav-pills>li+li{margin-left:2px}
-.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#2196f3}
-.nav-stacked>li+li{margin-top:2px;margin-left:0}
-.nav-justified{width:100%}
-.nav-justified>li>a{text-align:center;margin-bottom:5px}
-.nav-tabs-justified{border-bottom:0}
-.nav-tabs-justified>li>a{margin-right:0;border-radius:3px}
-.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid transparent}
-@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}
-.nav-justified>li>a{margin-bottom:0}
-.nav-tabs-justified>li>a{border-bottom:1px solid transparent;border-radius:3px 3px 0 0}
-.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}
-}
-.tab-content>.tab-pane{display:none}
-.tab-content>.active{display:block}
-.nav-tabs .dropdown-menu{border-top-right-radius:0;border-top-left-radius:0}
-.navbar{position:relative;min-height:64px;margin-bottom:23px}
-.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}
-.navbar-collapse.in{overflow-y:auto}
-@media (min-width:768px){.navbar{border-radius:3px}
-.navbar-header{float:left}
-.navbar-collapse{width:auto;border-top:0;box-shadow:none}
-.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
-.navbar-collapse.in{overflow-y:visible}
-.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}
-}
-.embed-responsive,.modal,.modal-open,.progress{overflow:hidden}
-@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px}
-}
-.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}
-.navbar-static-top{z-index:1000;border-width:0 0 1px}
-.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}
-.navbar-fixed-top{top:0;border-width:0 0 1px}
-.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
-.navbar-brand{float:left;padding:20.5px 15px;line-height:23px;height:64px}
-.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
-.navbar-brand>img{display:block}
-@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}
-.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}
-.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
-}
-.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:15px;margin-bottom:15px;background-color:transparent;border:1px solid transparent;border-radius:3px}
-.navbar-toggle:focus{outline:0}
-.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
-.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
-.navbar-nav{margin:10.25px -15px}
-.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:23px}
-@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
-.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}
-.navbar-nav .open .dropdown-menu>li>a{line-height:23px}
-.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}
-}
-.progress-bar-striped,.progress-striped .progress-bar,.progress-striped .progress-bar-danger,.progress-striped .progress-bar-info,.progress-striped .progress-bar-success,.progress-striped .progress-bar-warning{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)}
-@media (min-width:768px){.navbar-toggle{display:none}
-.navbar-nav{float:left;margin:0}
-.navbar-nav>li{float:left}
-.navbar-nav>li>a{padding-top:20.5px;padding-bottom:20.5px}
-}
-.navbar-form{padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin:13.5px -15px}
-@media (min-width:768px){.navbar-form .form-control-static,.navbar-form .form-group{display:inline-block}
-.navbar-form .control-label,.navbar-form .form-group{margin-bottom:0;vertical-align:middle}
-.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
-.navbar-form .input-group{display:inline-table;vertical-align:middle}
-.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}
-.navbar-form .input-group>.form-control{width:100%}
-.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
-.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}
-.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}
-.navbar-form .has-feedback .form-control-feedback{top:0}
-}
-.btn .badge,.btn .label{position:relative;top:-1px}
-.breadcrumb>li,.pagination{display:inline-block}
-@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}
-.navbar-form .form-group:last-child{margin-bottom:0}
-}
-@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}
-}
-.navbar-default,.navbar-default .navbar-collapse,.navbar-default .navbar-form,.navbar-default .navbar-toggle,.navbar-inverse,.navbar-inverse .navbar-toggle{border-color:transparent}
-.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
-.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom:0;border-radius:3px 3px 0 0}
-.navbar-btn{margin-top:13.5px;margin-bottom:13.5px}
-.navbar-btn.btn-sm{margin-top:17px;margin-bottom:17px}
-.navbar-btn.btn-xs{margin-top:21px;margin-bottom:21px}
-.navbar-text{margin-top:20.5px;margin-bottom:20.5px}
-@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}
-.navbar-left{float:left!important}
-.navbar-right{float:right!important;margin-right:-15px}
-.navbar-right~.navbar-right{margin-right:0}
-}
-.navbar-default{background-color:#fff}
-.navbar-default .navbar-brand{color:#666}
-.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#212121;background-color:transparent}
-.navbar-default .navbar-text{color:#bbb}
-.navbar-default .navbar-nav>li>a{color:#666}
-.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#212121;background-color:transparent}
-.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#212121;background-color:#eee}
-.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}
-.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}
-.navbar-default .navbar-toggle .icon-bar{background-color:rgba(0,0,0,.5)}
-.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#eee;color:#212121}
-@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#666}
-.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#212121;background-color:transparent}
-.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#212121;background-color:#eee}
-.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}
-}
-.navbar-default .navbar-link{color:#666}
-.navbar-default .navbar-link:hover{color:#212121}
-.navbar-default .btn-link{color:#666}
-.navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#212121}
-.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc}
-.navbar-inverse{background-color:#2196f3}
-.navbar-inverse .navbar-brand{color:#fff}
-.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}
-.navbar-inverse .navbar-text{color:#bbb}
-.navbar-inverse .navbar-nav>li>a{color:#fff}
-.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}
-.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#0c7cd5}
-.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}
-.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:transparent}
-.navbar-inverse .navbar-toggle .icon-bar{background-color:rgba(0,0,0,.5)}
-.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#0c84e4}
-.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#0c7cd5;color:#fff}
-@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:transparent}
-.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:transparent}
-.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#fff}
-.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}
-.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#0c7cd5}
-.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}
-}
-.navbar-inverse .btn-link,.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover,.navbar-inverse .navbar-link,.navbar-inverse .navbar-link:hover{color:#fff}
-.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444}
-.breadcrumb{padding:8px 15px;margin-bottom:23px;list-style:none;background-color:#f5f5f5;border-radius:3px}
-.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}
-.breadcrumb>.active{color:#bbb}
-.pagination{padding-left:0;margin:23px 0;border-radius:3px}
-.pager li,.pagination>li{display:inline}
-.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 16px;line-height:1.846;text-decoration:none;color:#2196f3;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
-.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span,.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
-.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span,.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
-.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:3px;border-top-left-radius:3px}
-.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#0a6ebd;background-color:#eee;border-color:#ddd}
-.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#2196f3;border-color:#2196f3;cursor:default}
-.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#bbb;background-color:#fff;border-color:#ddd;cursor:not-allowed}
-.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:17px;line-height:1.3333333}
-.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
-.badge,.label{text-align:center;line-height:1;white-space:nowrap}
-.pager{padding-left:0;margin:23px 0;list-style:none;text-align:center}
-.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
-.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}
-.pager .next>a,.pager .next>span{float:right}
-.pager .previous>a,.pager .previous>span{float:left}
-.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#bbb;background-color:#fff;cursor:not-allowed}
-.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;color:#fff;border-radius:.25em}
-a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
-.label:empty{display:none}
-.label-default{background-color:#bbb}
-.label-default[href]:focus,.label-default[href]:hover{background-color:#a2a2a2}
-.label-primary{background-color:#2196f3}
-.label-primary[href]:focus,.label-primary[href]:hover{background-color:#0c7cd5}
-.label-success{background-color:#4caf50}
-.label-success[href]:focus,.label-success[href]:hover{background-color:#3d8b40}
-.label-info{background-color:#9c27b0}
-.label-info[href]:focus,.label-info[href]:hover{background-color:#771e86}
-.label-warning{background-color:#ff9800}
-.label-warning[href]:focus,.label-warning[href]:hover{background-color:#cc7a00}
-.label-danger{background-color:#e51c23}
-.label-danger[href]:focus,.label-danger[href]:hover{background-color:#b9151b}
-.badge{display:inline-block;min-width:10px;font-size:12px;font-weight:400;color:#fff;vertical-align:middle;background-color:#bbb;border-radius:10px}
-.badge:empty{display:none}
-.list-group-item,.media-object,.thumbnail{display:block}
-.btn-group-xs>.btn .badge,.btn-xs .badge{top:0;padding:1px 5px}
-a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}
-.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#2196f3;background-color:#fff}
-.list-group-item>.badge{float:right}
-.list-group-item>.badge+.badge{margin-right:5px}
-.nav-pills>li>a>.badge{margin-left:3px}
-.jumbotron{padding-top:30px;padding-bottom:30px;margin-bottom:30px;color:inherit;background-color:#f5f5f5}
-.jumbotron .h1,.jumbotron h1{color:#444}
-.jumbotron p{margin-bottom:15px;font-size:20px;font-weight:200}
-.popover,.tooltip{text-decoration:none;font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal}
-.alert,.thumbnail{margin-bottom:23px}
-.jumbotron>hr{border-top-color:#dcdcdc}
-.container .jumbotron,.container-fluid .jumbotron{border-radius:3px;padding-left:15px;padding-right:15px}
-.jumbotron .container{max-width:100%}
-@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}
-.container .jumbotron,.container-fluid .jumbotron{padding-left:60px;padding-right:60px}
-.jumbotron .h1,.jumbotron h1{font-size:59px}
-}
-.thumbnail{padding:4px;line-height:1.846;background-color:#fff;border:1px solid #ddd;border-radius:3px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}
-.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}
-a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#2196f3}
-.thumbnail .caption{padding:9px;color:#666}
-.alert{padding:15px;border-radius:3px}
-.alert h4{margin-top:0;color:inherit}
-.alert>p,.alert>ul{margin-bottom:0}
-.alert>p+p{margin-top:5px}
-.alert-dismissable,.alert-dismissible{padding-right:35px}
-.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
-.modal,.modal-backdrop{right:0;bottom:0;left:0}
-.alert-success{border-color:#d6e9c6;color:#4caf50}
-.alert-success hr{border-top-color:#c9e2b3}
-.alert-success .alert-link{color:#3d8b40}
-.alert-info{border-color:#cba4dd;color:#9c27b0}
-.alert-info hr{border-top-color:#c191d6}
-.alert-info .alert-link{color:#771e86}
-.alert-warning{border-color:#ffc599;color:#ff9800}
-.alert-warning hr{border-top-color:#ffb67f}
-.alert-warning .alert-link{color:#cc7a00}
-.alert-danger{border-color:#f7a4af;color:#e51c23}
-.alert-danger hr{border-top-color:#f58c9a}
-.alert-danger .alert-link{color:#b9151b}
-@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}
-to{background-position:0 0}
-}
-@keyframes progress-bar-stripes{from{background-position:40px 0}
-to{background-position:0 0}
-}
-.progress{margin-bottom:23px;background-color:#f5f5f5}
-.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:23px;color:#fff;text-align:center;background-color:#2196f3;-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
-.progress-bar-striped,.progress-striped .progress-bar{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);background-size:40px 40px}
-.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
-.progress-bar-success{background-color:#4caf50}
-.progress-striped .progress-bar-success{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)}
-.progress-bar-info{background-color:#9c27b0}
-.progress-striped .progress-bar-info{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)}
-.progress-bar-warning{background-color:#ff9800}
-.progress-striped .progress-bar-warning{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)}
-.progress-bar-danger{background-color:#e51c23}
-.progress-striped .progress-bar-danger{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)}
-.media{margin-top:15px}
-.media:first-child{margin-top:0}
-.media,.media-body{zoom:1;overflow:hidden}
-.media-body{width:10000px}
-.media-object.img-thumbnail{max-width:none}
-.media-right,.media>.pull-right{padding-left:10px}
-.media-left,.media>.pull-left{padding-right:10px}
-.media-body,.media-left,.media-right{display:table-cell;vertical-align:top}
-.media-middle{vertical-align:middle}
-.media-bottom{vertical-align:bottom}
-.media-heading{margin-top:0;margin-bottom:5px}
-.media-list{padding-left:0;list-style:none}
-.list-group{margin-bottom:20px;padding-left:0}
-.list-group-item{position:relative;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
-.panel-group .panel-heading,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}
-.list-group-item:first-child{border-top-right-radius:3px;border-top-left-radius:3px}
-.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
-a.list-group-item,button.list-group-item{color:#555}
-a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading{color:#333}
-a.list-group-item:focus,a.list-group-item:hover,button.list-group-item:focus,button.list-group-item:hover{text-decoration:none;color:#555;background-color:#f5f5f5}
-button.list-group-item{width:100%;text-align:left}
-.list-group-item.disabled,.list-group-item.disabled:focus,.list-group-item.disabled:hover{background-color:#eee;color:#bbb;cursor:not-allowed}
-.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading{color:inherit}
-.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text{color:#bbb}
-.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{z-index:2;color:#fff;background-color:#2196f3;border-color:#2196f3}
-.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>small{color:inherit}
-.list-group-item.active .list-group-item-text,.list-group-item.active:focus .list-group-item-text,.list-group-item.active:hover .list-group-item-text{color:#e3f2fd}
-.list-group-item-success{color:#4caf50;background-color:#dff0d8}
-a.list-group-item-success,button.list-group-item-success{color:#4caf50}
-a.list-group-item-success .list-group-item-heading,button.list-group-item-success .list-group-item-heading{color:inherit}
-a.list-group-item-success:focus,a.list-group-item-success:hover,button.list-group-item-success:focus,button.list-group-item-success:hover{color:#4caf50;background-color:#d0e9c6}
-a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover,button.list-group-item-success.active,button.list-group-item-success.active:focus,button.list-group-item-success.active:hover{color:#fff;background-color:#4caf50;border-color:#4caf50}
-.list-group-item-info{color:#9c27b0;background-color:#e1bee7}
-a.list-group-item-info,button.list-group-item-info{color:#9c27b0}
-a.list-group-item-info .list-group-item-heading,button.list-group-item-info .list-group-item-heading{color:inherit}
-a.list-group-item-info:focus,a.list-group-item-info:hover,button.list-group-item-info:focus,button.list-group-item-info:hover{color:#9c27b0;background-color:#d8abe0}
-a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover,button.list-group-item-info.active,button.list-group-item-info.active:focus,button.list-group-item-info.active:hover{color:#fff;background-color:#9c27b0;border-color:#9c27b0}
-.list-group-item-warning{color:#ff9800;background-color:#ffe0b2}
-a.list-group-item-warning,button.list-group-item-warning{color:#ff9800}
-a.list-group-item-warning .list-group-item-heading,button.list-group-item-warning .list-group-item-heading{color:inherit}
-a.list-group-item-warning:focus,a.list-group-item-warning:hover,button.list-group-item-warning:focus,button.list-group-item-warning:hover{color:#ff9800;background-color:#ffd699}
-a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover,button.list-group-item-warning.active,button.list-group-item-warning.active:focus,button.list-group-item-warning.active:hover{color:#fff;background-color:#ff9800;border-color:#ff9800}
-.list-group-item-danger{color:#e51c23;background-color:#f9bdbb}
-a.list-group-item-danger,button.list-group-item-danger{color:#e51c23}
-a.list-group-item-danger .list-group-item-heading,button.list-group-item-danger .list-group-item-heading{color:inherit}
-a.list-group-item-danger:focus,a.list-group-item-danger:hover,button.list-group-item-danger:focus,button.list-group-item-danger:hover{color:#e51c23;background-color:#f7a6a4}
-a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover,button.list-group-item-danger.active,button.list-group-item-danger.active:focus,button.list-group-item-danger.active:hover{color:#fff;background-color:#e51c23;border-color:#e51c23}
-.panel-heading>.dropdown .dropdown-toggle,.panel-title,.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a{color:inherit}
-.list-group-item-heading{margin-top:0;margin-bottom:5px}
-.list-group-item-text{margin-bottom:0;line-height:1.3}
-.modal-title,.popover,.tooltip{line-height:1.846}
-.panel{margin-bottom:23px;background-color:#fff}
-.panel-title,.panel>.list-group,.panel>.panel-collapse>.list-group,.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}
-.panel-body{padding:15px}
-.panel-heading{padding:10px 15px;border-top-right-radius:2px;border-top-left-radius:2px}
-.panel-title{margin-top:0;font-size:15px}
-.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-bottom-right-radius:2px;border-bottom-left-radius:2px}
-.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}
-.panel>.table-responsive:last-child>.table:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}
-.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:2px;border-top-left-radius:2px}
-.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:2px;border-bottom-left-radius:2px}
-.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}
-.panel>.table-responsive:first-child>.table:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child{border-top-right-radius:2px;border-top-left-radius:2px}
-.list-group+.panel-footer,.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
-.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption{padding-left:15px;padding-right:15px}
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:2px}
-.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:2px}
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:2px}
-.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:2px}
-.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}
-.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}
-.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}
-.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}
-.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}
-.panel>.table-responsive{border:0;margin-bottom:0}
-.panel-group{margin-bottom:23px}
-.panel-group .panel{margin-bottom:0;border-radius:3px}
-.panel-group .panel+.panel{margin-top:5px}
-.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}
-.panel-group .panel-footer{border-top:0}
-.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
-.panel-default{border-color:#ddd}
-.panel-default>.panel-heading{color:#212121;background-color:#f5f5f5;border-color:#ddd}
-.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
-.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#212121}
-.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
-.panel-primary{border-color:#2196f3}
-.panel-primary>.panel-heading{color:#fff;background-color:#2196f3;border-color:#2196f3}
-.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#2196f3}
-.panel-primary>.panel-heading .badge{color:#2196f3;background-color:#fff}
-.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#2196f3}
-.panel-success{border-color:#d6e9c6}
-.panel-success>.panel-heading{color:#fff;background-color:#4caf50;border-color:#d6e9c6}
-.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
-.panel-success>.panel-heading .badge{color:#4caf50;background-color:#fff}
-.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
-.panel-info{border-color:#cba4dd}
-.panel-info>.panel-heading{color:#fff;background-color:#9c27b0;border-color:#cba4dd}
-.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#cba4dd}
-.panel-info>.panel-heading .badge{color:#9c27b0;background-color:#fff}
-.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#cba4dd}
-.panel-warning{border-color:#ffc599}
-.panel-warning>.panel-heading{color:#fff;background-color:#ff9800;border-color:#ffc599}
-.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ffc599}
-.panel-warning>.panel-heading .badge{color:#ff9800;background-color:#fff}
-.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ffc599}
-.panel-danger{border-color:#f7a4af}
-.panel-danger>.panel-heading{color:#fff;background-color:#e51c23;border-color:#f7a4af}
-.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#f7a4af}
-.panel-danger>.panel-heading .badge{color:#e51c23;background-color:#fff}
-.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#f7a4af}
-.embed-responsive{position:relative;display:block;height:0;padding:0}
-.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}
-.embed-responsive-16by9{padding-bottom:56.25%}
-.embed-responsive-4by3{padding-bottom:75%}
-.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid transparent}
-.well-lg,.well-sm{border-radius:3px}
-.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}
-.well-lg{padding:24px}
-.well-sm{padding:9px}
-.close{float:right;color:#000;text-shadow:none;filter:alpha(opacity=20)}
-.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
-button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}
-.modal-content,.popover{background-clip:padding-box}
-.modal{display:none;position:fixed;top:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
-.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}
-.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
-.modal-open .modal{overflow-x:hidden;overflow-y:auto}
-.modal-dialog{position:relative;width:auto;margin:10px}
-.modal-content{position:relative;background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}
-.modal-backdrop{position:fixed;top:0;z-index:1040;background-color:#000}
-.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
-.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
-.modal-header{padding:15px;border-bottom:1px solid transparent}
-.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow{top:0;border-width:0 5px 5px;border-bottom-color:#727272}
-.modal-header .close{margin-top:-2px}
-.modal-title{margin:0}
-.modal-body{position:relative;padding:15px}
-.modal-footer{padding:15px;text-align:right;border-top:1px solid transparent}
-.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
-.modal-footer .btn-group .btn+.btn{margin-left:-1px}
-.modal-footer .btn-block+.btn-block{margin-left:0}
-.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
-@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
-.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
-.modal-sm{width:300px}
-}
-.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow{bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#727272}
-@media (min-width:992px){.modal-lg{width:900px}
-}
-.popover>.arrow,.popover>.arrow:after,.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
-.tooltip{position:absolute;z-index:1070;display:block;text-align:left;text-align:start;font-size:12px;opacity:0;filter:alpha(opacity=0)}
-.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
-.tooltip.top{margin-top:-3px;padding:5px 0}
-.tooltip.right{margin-left:3px;padding:0 5px}
-.tooltip.bottom{margin-top:3px;padding:5px 0}
-.tooltip.left{margin-left:-3px;padding:0 5px}
-.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#727272;border-radius:3px}
-.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#727272}
-.tooltip.top-left .tooltip-arrow{right:5px}
-.tooltip.top-right .tooltip-arrow{left:5px}
-.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#727272}
-.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#727272}
-.tooltip.bottom .tooltip-arrow{left:50%;margin-left:-5px}
-.tooltip.bottom-left .tooltip-arrow{right:5px;margin-top:-5px}
-.tooltip.bottom-right .tooltip-arrow{left:5px;margin-top:-5px}
-.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;text-align:start;font-size:13px;background-color:#fff;border-radius:3px}
-.carousel-caption,.carousel-control{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
-.popover.top{margin-top:-10px}
-.popover.right{margin-left:10px}
-.popover.bottom{margin-top:10px}
-.popover.left{margin-left:-10px}
-.popover-title{margin:0;padding:8px 14px;font-size:13px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:2px 2px 0 0}
-.popover-content{padding:9px 14px}
-.popover>.arrow,.popover>.arrow:after{display:block}
-.carousel,.carousel-inner{position:relative}
-.popover>.arrow{border-width:11px}
-.popover>.arrow:after{border-width:10px;content:""}
-.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:transparent;border-top-color:rgba(0,0,0,.12);bottom:-11px}
-.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}
-.popover.left>.arrow:after,.popover.right>.arrow:after{content:" ";bottom:-10px}
-.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:transparent;border-right-color:rgba(0,0,0,.12)}
-.popover.right>.arrow:after{left:1px;border-left-width:0;border-right-color:#fff}
-.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:transparent;border-bottom-color:rgba(0,0,0,.12);top:-11px}
-.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}
-.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:transparent;border-left-color:rgba(0,0,0,.12)}
-.popover.left>.arrow:after{right:1px;border-right-width:0;border-left-color:#fff}
-.carousel-inner{overflow:hidden;width:100%}
-.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
-.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}
-@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-moz-transition:-moz-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}
-.carousel-inner>.item.active.right,.carousel-inner>.item.next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);left:0}
-.carousel-inner>.item.active.left,.carousel-inner>.item.prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}
-.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0}
-}
-.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
-.carousel-inner>.active{left:0}
-.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
-.carousel-inner>.next{left:100%}
-.carousel-inner>.prev{left:-100%}
-.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
-.carousel-inner>.active.left{left:-100%}
-.carousel-inner>.active.right{left:100%}
-.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;text-align:center;background-color:transparent}
-.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
-.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
-.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
-.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;margin-top:-10px;z-index:5;display:inline-block}
-.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
-.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
-.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;line-height:1;font-family:serif}
-.carousel-control .icon-prev:before{content:'\2039'}
-.carousel-control .icon-next:before{content:'\203a'}
-.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}
-.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000\9;background-color:transparent}
-.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}
-.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;text-align:center}
-.carousel-caption .btn,.text-hide{text-shadow:none}
-@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}
-.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
-.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
-.carousel-caption{left:20%;right:20%;padding-bottom:30px}
-.carousel-indicators{bottom:20px}
-}
-.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}
-.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
-.center-block{display:block;margin-left:auto;margin-right:auto}
-.pull-right{float:right!important}
-.pull-left{float:left!important}
-.hide{display:none!important}
-.show{display:block!important}
-.hidden,.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}
-.invisible{visibility:hidden}
-.text-hide{font:0/0 a;color:transparent;background-color:transparent;border:0}
-.affix{position:fixed}
-@-ms-viewport{width:device-width}
-@media (max-width:767px){.visible-xs{display:block!important}
-table.visible-xs{display:table!important}
-tr.visible-xs{display:table-row!important}
-td.visible-xs,th.visible-xs{display:table-cell!important}
-.visible-xs-block{display:block!important}
-.visible-xs-inline{display:inline!important}
-.visible-xs-inline-block{display:inline-block!important}
-}
-@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}
-table.visible-sm{display:table!important}
-tr.visible-sm{display:table-row!important}
-td.visible-sm,th.visible-sm{display:table-cell!important}
-.visible-sm-block{display:block!important}
-.visible-sm-inline{display:inline!important}
-.visible-sm-inline-block{display:inline-block!important}
-}
-@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}
-table.visible-md{display:table!important}
-tr.visible-md{display:table-row!important}
-td.visible-md,th.visible-md{display:table-cell!important}
-.visible-md-block{display:block!important}
-.visible-md-inline{display:inline!important}
-.visible-md-inline-block{display:inline-block!important}
-}
-@media (min-width:1200px){.visible-lg{display:block!important}
-table.visible-lg{display:table!important}
-tr.visible-lg{display:table-row!important}
-td.visible-lg,th.visible-lg{display:table-cell!important}
-.visible-lg-block{display:block!important}
-.visible-lg-inline{display:inline!important}
-.visible-lg-inline-block{display:inline-block!important}
-}
-@media (max-width:767px){.hidden-xs{display:none!important}
-}
-@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}
-}
-@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}
-}
-@media (min-width:1200px){.hidden-lg{display:none!important}
-}
-.visible-print{display:none!important}
-@media print{.visible-print{display:block!important}
-table.visible-print{display:table!important}
-tr.visible-print{display:table-row!important}
-td.visible-print,th.visible-print{display:table-cell!important}
-}
-.visible-print-block{display:none!important}
-@media print{.visible-print-block{display:block!important}
-}
-.visible-print-inline{display:none!important}
-@media print{.visible-print-inline{display:inline!important}
-}
-.visible-print-inline-block{display:none!important}
-@media print{.visible-print-inline-block{display:inline-block!important}
-.hidden-print{display:none!important}
-}
-.navbar{border:none;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 1px 2px rgba(0,0,0,.3)}
-.navbar-brand{font-size:24px}
-.navbar-inverse .navbar-form input[type=password],.navbar-inverse .navbar-form input[type=text]{color:#fff;-webkit-box-shadow:inset 0 -1px 0 #fff;box-shadow:inset 0 -1px 0 #fff}
-.navbar-inverse .navbar-form input[type=password]::-moz-placeholder,.navbar-inverse .navbar-form input[type=text]::-moz-placeholder{color:#fff;opacity:1}
-.navbar-inverse .navbar-form input[type=password]:-ms-input-placeholder,.navbar-inverse .navbar-form input[type=text]:-ms-input-placeholder{color:#fff}
-.navbar-inverse .navbar-form input[type=password]::-webkit-input-placeholder,.navbar-inverse .navbar-form input[type=text]::-webkit-input-placeholder{color:#fff}
-.navbar-inverse .navbar-form input[type=password]:focus,.navbar-inverse .navbar-form input[type=text]:focus{-webkit-box-shadow:inset 0 -2px 0 #fff;box-shadow:inset 0 -2px 0 #fff}
-.btn-default{background-size:200% 200%;background-position:50%}
-.btn-default:focus{background-color:#fff}
-.btn-default:active:hover,.btn-default:hover{background-color:#f0f0f0}
-.btn-default:active{background-color:#e0e0e0;background-image:-webkit-radial-gradient(circle,#e0e0e0 10%,#fff 11%);background-image:radial-gradient(circle,#e0e0e0 10%,#fff 11%);background-repeat:no-repeat;background-size:1000% 1000%;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4);box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-primary{background-size:200% 200%;background-position:50%}
-.btn-primary:focus{background-color:#2196f3}
-.btn-primary:active:hover,.btn-primary:hover{background-color:#0d87e9}
-.btn-primary:active{background-color:#0b76cc;background-image:-webkit-radial-gradient(circle,#0b76cc 10%,#2196f3 11%);background-image:radial-gradient(circle,#0b76cc 10%,#2196f3 11%);background-size:1000% 1000%;box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-primary:active,.btn-success:active{background-repeat:no-repeat;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-success{background-size:200% 200%;background-position:50%}
-.btn-success:focus{background-color:#4caf50}
-.btn-success:active:hover,.btn-success:hover{background-color:#439a46}
-.btn-success:active{background-color:#39843c;background-image:-webkit-radial-gradient(circle,#39843c 10%,#4caf50 11%);background-image:radial-gradient(circle,#39843c 10%,#4caf50 11%);background-size:1000% 1000%;box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-info{background-size:200% 200%;background-position:50%}
-.btn-info:focus{background-color:#9c27b0}
-.btn-info:active:hover,.btn-info:hover{background-color:#862197}
-.btn-info:active{background-color:#701c7e;background-image:-webkit-radial-gradient(circle,#701c7e 10%,#9c27b0 11%);background-image:radial-gradient(circle,#701c7e 10%,#9c27b0 11%);background-size:1000% 1000%;box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-info:active,.btn-warning:active{background-repeat:no-repeat;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-warning{background-size:200% 200%;background-position:50%}
-.btn-warning:focus{background-color:#ff9800}
-.btn-warning:active:hover,.btn-warning:hover{background-color:#e08600}
-.btn-warning:active{background-color:#c27400;background-image:-webkit-radial-gradient(circle,#c27400 10%,#ff9800 11%);background-image:radial-gradient(circle,#c27400 10%,#ff9800 11%);background-size:1000% 1000%;box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-danger{background-size:200% 200%;background-position:50%}
-.btn-danger:focus{background-color:#e51c23}
-.btn-danger:active:hover,.btn-danger:hover{background-color:#cb171e}
-.btn-danger:active{background-color:#b0141a;background-image:-webkit-radial-gradient(circle,#b0141a 10%,#e51c23 11%);background-image:radial-gradient(circle,#b0141a 10%,#e51c23 11%);background-size:1000% 1000%;box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-danger:active,.btn-link:active{background-repeat:no-repeat;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn-link{background-size:200% 200%;background-position:50%}
-.btn-link:focus{background-color:#fff}
-.btn-link:active:hover,.btn-link:hover{background-color:#f0f0f0}
-.btn-link:active{background-color:#e0e0e0;background-image:-webkit-radial-gradient(circle,#e0e0e0 10%,#fff 11%);background-image:radial-gradient(circle,#e0e0e0 10%,#fff 11%);background-size:1000% 1000%;box-shadow:2px 2px 4px rgba(0,0,0,.4)}
-.btn{text-transform:uppercase;border:none;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,.4);box-shadow:1px 1px 4px rgba(0,0,0,.4);-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}
-.btn-link{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;color:#444}
-.btn-link:focus,.btn-link:hover{-webkit-box-shadow:none;box-shadow:none;color:#444;text-decoration:none}
-.btn-default.disabled{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.4);opacity:1}
-.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:0}
-.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:0}
-body,button,input{-webkit-font-smoothing:antialiased;letter-spacing:.1px}
-p{margin:0 0 1em}
-.table-hover>tbody>tr,.table-hover>tbody>tr>td,.table-hover>tbody>tr>th,a{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
-label{font-weight:400}
-[contenteditable].form-control,[type=email].form-control,[type=password].form-control,[type=tel].form-control,[type=text].form-control,input.form-control,input[type=email],input[type=number],input[type=password],input[type=text],textarea,textarea.form-control{padding:0;border:none;border-radius:0;-webkit-appearance:none;-webkit-box-shadow:inset 0 -1px 0 #ddd;box-shadow:inset 0 -1px 0 #ddd;font-size:16px}
-[contenteditable].form-control:focus,[type=email].form-control:focus,[type=password].form-control:focus,[type=tel].form-control:focus,[type=text].form-control:focus,input.form-control:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,textarea.form-control:focus,textarea:focus{-webkit-box-shadow:inset 0 -2px 0 #2196f3;box-shadow:inset 0 -2px 0 #2196f3}
-[contenteditable].form-control[disabled],[contenteditable].form-control[readonly],[type=email].form-control[disabled],[type=email].form-control[readonly],[type=password].form-control[disabled],[type=password].form-control[readonly],[type=tel].form-control[disabled],[type=tel].form-control[readonly],[type=text].form-control[disabled],[type=text].form-control[readonly],input.form-control[disabled],input.form-control[readonly],input[type=email][disabled],input[type=email][readonly],input[type=number][disabled],input[type=number][readonly],input[type=password][disabled],input[type=password][readonly],input[type=text][disabled],input[type=text][readonly],textarea.form-control[disabled],textarea.form-control[readonly],textarea[disabled],textarea[readonly]{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px dotted #ddd}
-[contenteditable].form-control.input-sm,[type=email].form-control.input-sm,[type=password].form-control.input-sm,[type=tel].form-control.input-sm,[type=text].form-control.input-sm,input.form-control.input-sm,input[type=email].input-sm,input[type=number].input-sm,input[type=password].input-sm,input[type=text].input-sm,textarea.form-control.input-sm,textarea.input-sm{font-size:12px}
-[contenteditable].form-control.input-lg,[type=email].form-control.input-lg,[type=password].form-control.input-lg,[type=tel].form-control.input-lg,[type=text].form-control.input-lg,input.form-control.input-lg,input[type=email].input-lg,input[type=number].input-lg,input[type=password].input-lg,input[type=text].input-lg,textarea.form-control.input-lg,textarea.input-lg{font-size:17px}
-select,select.form-control{border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:0;padding-right:0\9;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);background-size:13px;background-repeat:no-repeat;background-position:right center;-webkit-box-shadow:inset 0 -1px 0 #ddd;box-shadow:inset 0 -1px 0 #ddd;font-size:16px;line-height:1.5}
-select.form-control::-ms-expand,select::-ms-expand{display:none}
-select.form-control.input-sm,select.input-sm{font-size:12px}
-select.form-control.input-lg,select.input-lg{font-size:17px}
-select.form-control:focus,select:focus{-webkit-box-shadow:inset 0 -2px 0 #2196f3;box-shadow:inset 0 -2px 0 #2196f3;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=)}
-select.form-control[multiple],select[multiple]{background:0 0}
-.checkbox label,.checkbox-inline label,.radio label,.radio-inline label{padding-left:25px}
-.checkbox input[type=checkbox],.checkbox input[type=radio],.checkbox-inline input[type=checkbox],.checkbox-inline input[type=radio],.radio input[type=checkbox],.radio input[type=radio],.radio-inline input[type=checkbox],.radio-inline input[type=radio]{margin-left:-25px}
-.radio input[type=radio],.radio-inline input[type=radio],input[type=radio]{position:relative;margin-top:6px;margin-right:4px;vertical-align:top;border:none;background-color:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
-.radio input[type=radio]:focus,.radio-inline input[type=radio]:focus,input[type=radio]:focus{outline:0}
-.radio input[type=radio]:after,.radio input[type=radio]:before,.radio-inline input[type=radio]:after,.radio-inline input[type=radio]:before,input[type=radio]:after,input[type=radio]:before{content:"";display:block;width:18px;height:18px;border-radius:50%;-webkit-transition:240ms;-o-transition:240ms;transition:240ms}
-.radio input[type=radio]:before,.radio-inline input[type=radio]:before,input[type=radio]:before{position:absolute;left:0;top:-3px;background-color:#2196f3;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
-.radio input[type=radio]:after,.radio-inline input[type=radio]:after,input[type=radio]:after{position:relative;top:-3px;border:2px solid #666}
-.radio input[type=radio]:checked:before,.radio-inline input[type=radio]:checked:before,input[type=radio]:checked:before{-webkit-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}
-.radio input[type=radio]:disabled:checked:before,.radio-inline input[type=radio]:disabled:checked:before,input[type=radio]:disabled:checked:before{background-color:#bbb}
-.radio input[type=radio]:checked:after,.radio-inline input[type=radio]:checked:after,input[type=radio]:checked:after{border-color:#2196f3}
-.radio input[type=radio]:disabled:after,.radio input[type=radio]:disabled:checked:after,.radio-inline input[type=radio]:disabled:after,.radio-inline input[type=radio]:disabled:checked:after,input[type=radio]:disabled:after,input[type=radio]:disabled:checked:after{border-color:#bbb}
-.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],input[type=checkbox]{position:relative;border:none;margin-bottom:-4px;-webkit-appearance:none;appearance:none;cursor:pointer}
-.checkbox input[type=checkbox]:focus,.checkbox-inline input[type=checkbox]:focus,input[type=checkbox]:focus{outline:0}
-.checkbox input[type=checkbox]:focus:after,.checkbox-inline input[type=checkbox]:focus:after,input[type=checkbox]:focus:after{border-color:#2196f3}
-.checkbox input[type=checkbox]:after,.checkbox-inline input[type=checkbox]:after,input[type=checkbox]:after{content:"";display:block;width:18px;height:18px;margin-top:-2px;margin-right:5px;border:2px solid #666;border-radius:2px;-webkit-transition:240ms;-o-transition:240ms;transition:240ms}
-.checkbox input[type=checkbox]:checked:before,.checkbox-inline input[type=checkbox]:checked:before,input[type=checkbox]:checked:before{content:"";position:absolute;top:0;left:6px;display:table;width:6px;height:12px;border:2px solid #fff;border-top-width:0;border-left-width:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
-.checkbox input[type=checkbox]:checked:after,.checkbox-inline input[type=checkbox]:checked:after,input[type=checkbox]:checked:after{background-color:#2196f3;border-color:#2196f3}
-.checkbox input[type=checkbox]:disabled:after,.checkbox-inline input[type=checkbox]:disabled:after,input[type=checkbox]:disabled:after{border-color:#bbb}
-.checkbox input[type=checkbox]:disabled:checked:after,.checkbox-inline input[type=checkbox]:disabled:checked:after,input[type=checkbox]:disabled:checked:after{background-color:#bbb;border-color:transparent}
-.has-warning .form-control,.has-warning .form-control:focus,.has-warning [type=text].form-control[readonly],.has-warning input.form-control[readonly],.has-warning input:not([type=checkbox]),.has-warning input:not([type=checkbox]):focus,.has-warning input[type=text][readonly]{border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 #ff9800;box-shadow:inset 0 -2px 0 #ff9800}
-.has-error .form-control,.has-error .form-control:focus,.has-error [type=text].form-control[readonly],.has-error input.form-control[readonly],.has-error input:not([type=checkbox]),.has-error input:not([type=checkbox]):focus,.has-error input[type=text][readonly]{border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 #e51c23;box-shadow:inset 0 -2px 0 #e51c23}
-.has-success .form-control,.has-success .form-control:focus,.has-success [type=text].form-control[readonly],.has-success input.form-control[readonly],.has-success input:not([type=checkbox]),.has-success input:not([type=checkbox]):focus,.has-success input[type=text][readonly]{border-bottom:none;-webkit-box-shadow:inset 0 -2px 0 #4caf50;box-shadow:inset 0 -2px 0 #4caf50}
-.has-error .input-group-addon,.has-success .input-group-addon,.has-warning .input-group-addon{color:#666;border-color:transparent;background-color:transparent}
-.form-group-lg select,.form-group-lg select.form-control{line-height:1.5}
-.nav-tabs>li>a,.nav-tabs>li>a:focus{margin-right:0;background-color:transparent;border:none;color:#666;-webkit-box-shadow:inset 0 -1px 0 #ddd;box-shadow:inset 0 -1px 0 #ddd;transition:all .2s}
-.close,.nav-tabs>li>a,.nav-tabs>li>a:focus{-webkit-transition:all .2s;-o-transition:all .2s}
-.nav-tabs>li>a:focus:hover,.nav-tabs>li>a:hover{background-color:transparent;-webkit-box-shadow:inset 0 -2px 0 #2196f3;box-shadow:inset 0 -2px 0 #2196f3;color:#2196f3}
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{border:none;-webkit-box-shadow:inset 0 -2px 0 #2196f3;box-shadow:inset 0 -2px 0 #2196f3;color:#2196f3}
-.nav-tabs>li.active>a:focus:hover,.nav-tabs>li.active>a:hover{border:none;color:#2196f3}
-.alert,.alert .close{color:#fff}
-.nav-tabs>li.disabled>a{-webkit-box-shadow:inset 0 -1px 0 #ddd;box-shadow:inset 0 -1px 0 #ddd}
-.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>li>a,.nav-tabs.nav-justified>li>a:focus,.nav-tabs.nav-justified>li>a:hover{border:none}
-.nav-tabs .dropdown-menu{margin-top:0}
-.dropdown-menu{margin-top:0;border:none;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3);box-shadow:0 1px 4px rgba(0,0,0,.3)}
-.alert{border:none}
-.alert-success{background-color:#4caf50}
-.alert-info{background-color:#9c27b0}
-.alert-warning{background-color:#ff9800}
-.alert-danger{background-color:#e51c23}
-.alert .alert-link,.alert a:not(.close):not(.btn){color:#fff;font-weight:700}
-.badge{padding:4px 6px}
-.progress{position:relative;z-index:1;height:6px;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
-.progress-bar{box-shadow:none}
-.progress-bar,.well{-webkit-box-shadow:none}
-.progress-bar:last-child{border-radius:0 3px 3px 0}
-.progress-bar:last-child:before{display:block;content:"";position:absolute;width:100%;height:100%;left:0;right:0;z-index:-1;background-color:#cae6fc}
-.progress-bar-success:last-child.progress-bar:before{background-color:#c7e7c8}
-.progress-bar-info:last-child.progress-bar:before{background-color:#edc9f3}
-.progress-bar-warning:last-child.progress-bar:before{background-color:#ffe0b3}
-.progress-bar-danger:last-child.progress-bar:before{background-color:#f28e92}
-.close{font-size:34px;font-weight:300;line-height:24px;opacity:.6;transition:all .2s}
-.close:hover{opacity:1}
-.list-group-item{padding:15px}
-.list-group-item-text{color:#bbb}
-.well{border-radius:0;box-shadow:none}
-.panel{border:none;border-radius:2px;box-shadow:0 1px 4px rgba(0,0,0,.3)}
-.panel,.popover{-webkit-box-shadow:0 1px 4px rgba(0,0,0,.3)}
-.panel-heading{border-bottom:none}
-.panel-footer{border-top:none}
-.popover{border:none;box-shadow:0 1px 4px rgba(0,0,0,.3)}
-.carousel-caption h1,.carousel-caption h2,.carousel-caption h3,.carousel-caption h4,.carousel-caption h5,.carousel-caption h6{color:inherit}
\ No newline at end of file
diff --git a/web/css/wsclient.css b/web/css/wsclient.css
deleted file mode 100644
index f336ab2..0000000
--- a/web/css/wsclient.css
+++ /dev/null
@@ -1,107 +0,0 @@
-.temperature {
-    font-size: 40px;
-}
-
-.item-rgb .sp-replacer {
-    margin: 4px 0;
-    padding: 0;
-    border: 0;
-    border-radius: 0;
-    color: inherit;
-    background: #efefef;
-    display: inline-block;
-    position: relative;
-    height: 30px;
-    width: 100%;
-    box-shadow: 0 0 10px rgba(0,0,0,0.5);
-}
-
-.item-rgb .sp-preview {
-    border: none;
-    margin-right: 0;
-    height: 30px;
-    width: 100%;
-}
-
-.item-rgb .sp-dd {
-    display: none;
-}
-
-.item-rgb label {
-    margin: 0;
-}
-
-.item-rgb .col-xs-4 {
-    margin: 0;
-    padding: 0;
-    padding-right: 10px;
-}
-
-.item-rgb .col-xs-8 {
-    margin: 0;
-    padding: 0;
-    padding-left: 10px;
-}
-
-.item-rgb .border-right {
-    border-right: 1px solid rgba(255, 255, 255, 0.5);
-}
-
-.item-rgb .rgb-mode {
-    display: inline-block;
-    width: 60px;
-    height: 50px;
-    cursor: pointer;
-    margin: 5px 5px 0 0;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-    transition: 0.5s;
-}
-
-@media (min-width: 768px) {
-    .item-rgb .rgb-mode {
-        width: 50px;
-        margin: 5px 10px 0 0;
-    }
-}
-
-.item-rgb .rgb-mode.active {
-    /*border: 1px solid #fff;*/
-}
-
-.item-rgb .rgb-mode.active .rgb-mode-image {
-    box-shadow: inset 0 0 0 2px #fff;
-}
-
-.item-rgb .rgb-mode-image {
-    height: 100%;
-    width: 100%;
-    transition: 0.5s;
-}
-
-.item-rgb .rgb-mode-rainbow {
-    background: red; /* not working, let's see some red */
-    background: -moz-linear-gradient(left,
-    rgba(255, 0, 0, 1) 0%,
-    rgba(255, 255, 0, 1) 15%,
-    rgba(0, 255, 0, 1) 30%,
-    rgba(0, 255, 255, 1) 50%,
-    rgba(0, 0, 255, 1) 65%,
-    rgba(255, 0, 255, 1) 80%,
-    rgba(255, 0, 0, 1) 100%);
-    background: -webkit-gradient(linear, left top, right top,
-    color-stop(0%, rgba(255, 0, 0, 1)),
-    color-stop(15%, rgba(255, 255, 0, 1)),
-    color-stop(30%, rgba(0, 255, 0, 1)),
-    color-stop(50%, rgba(0, 255, 255, 1)),
-    color-stop(65%, rgba(0, 0, 255, 1)),
-    color-stop(80%, rgba(255, 0, 255, 1)),
-    color-stop(100%, rgba(255, 0, 0, 1)));
-}
-
-.item-rgb .rgb-mode-breath {
-    background: #000000; /* Old browsers */
-    background: -moz-linear-gradient(left, #000000 0%, #30ff60 51%, #000000 100%); /* FF3.6-15 */
-    background: -webkit-linear-gradient(left, #000000 0%, #30ff60 51%, #000000 100%); /* Chrome10-25,Safari5.1-6 */
-    background: linear-gradient(to right, #000000 0%, #30ff60 51%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
-}
diff --git a/web/favicon.ico b/web/favicon.ico
index 7302949..33ee4fc 100644
Binary files a/web/favicon.ico and b/web/favicon.ico differ
diff --git a/web/img/android-chrome-192x192.png b/web/img/android-chrome-192x192.png
new file mode 100644
index 0000000..5680f56
Binary files /dev/null and b/web/img/android-chrome-192x192.png differ
diff --git a/web/img/android-chrome-512x512.png b/web/img/android-chrome-512x512.png
new file mode 100644
index 0000000..da6cb4a
Binary files /dev/null and b/web/img/android-chrome-512x512.png differ
diff --git a/web/img/apple-touch-icon.png b/web/img/apple-touch-icon.png
new file mode 100644
index 0000000..7525f9d
Binary files /dev/null and b/web/img/apple-touch-icon.png differ
diff --git a/web/img/browserconfig.xml b/web/img/browserconfig.xml
new file mode 100644
index 0000000..b3930d0
--- /dev/null
+++ b/web/img/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/web/img/favicon-16x16.png b/web/img/favicon-16x16.png
new file mode 100644
index 0000000..4d1d52d
Binary files /dev/null and b/web/img/favicon-16x16.png differ
diff --git a/web/img/favicon-32x32.png b/web/img/favicon-32x32.png
new file mode 100644
index 0000000..e17152d
Binary files /dev/null and b/web/img/favicon-32x32.png differ
diff --git a/web/img/favicon.ico b/web/img/favicon.ico
new file mode 100644
index 0000000..33ee4fc
Binary files /dev/null and b/web/img/favicon.ico differ
diff --git a/web/img/login-bg-small.jpg b/web/img/login-bg-small.jpg
new file mode 100644
index 0000000..a25e175
Binary files /dev/null and b/web/img/login-bg-small.jpg differ
diff --git a/web/img/login-bg.jpg b/web/img/login-bg.jpg
new file mode 100644
index 0000000..5540c25
Binary files /dev/null and b/web/img/login-bg.jpg differ
diff --git a/web/img/login-bg.png b/web/img/login-bg.png
deleted file mode 100644
index e1e11fb..0000000
Binary files a/web/img/login-bg.png and /dev/null differ
diff --git a/web/img/logo-round-256.png b/web/img/logo-round-256.png
new file mode 100644
index 0000000..174a285
Binary files /dev/null and b/web/img/logo-round-256.png differ
diff --git a/web/img/mstile-150x150.png b/web/img/mstile-150x150.png
new file mode 100644
index 0000000..9d42c16
Binary files /dev/null and b/web/img/mstile-150x150.png differ
diff --git a/web/img/safari-pinned-tab.svg b/web/img/safari-pinned-tab.svg
new file mode 100644
index 0000000..f9826b8
--- /dev/null
+++ b/web/img/safari-pinned-tab.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="16.000000pt" height="16.000000pt" viewBox="0 0 16.000000 16.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,16.000000) scale(0.000781,-0.000781)"
+fill="#000000" stroke="none">
+<path d="M9848 20475 c-2 -2 -67 -6 -145 -9 -78 -4 -161 -8 -185 -11 -24 -2
+-79 -6 -123 -10 -83 -7 -95 -8 -210 -19 -38 -4 -88 -9 -109 -12 -21 -2 -55 -6
+-75 -9 -20 -3 -55 -7 -78 -10 -60 -7 -113 -14 -148 -19 -16 -3 -50 -8 -75 -11
+-25 -3 -94 -15 -155 -25 -60 -11 -126 -22 -145 -25 -19 -3 -91 -17 -160 -31
+-69 -14 -136 -28 -150 -30 -14 -3 -33 -7 -42 -10 -10 -3 -30 -7 -45 -10 -84
+-14 -472 -114 -678 -175 -189 -56 -608 -197 -730 -246 -436 -176 -445 -180
+-613 -259 -52 -24 -96 -44 -98 -44 -6 0 -328 -161 -441 -221 -199 -105 -614
+-348 -731 -428 -15 -10 -90 -60 -167 -111 -267 -179 -546 -385 -769 -568 -158
+-130 -275 -229 -291 -246 -5 -6 -28 -26 -50 -45 -123 -104 -492 -463 -661
+-642 -92 -98 -283 -313 -316 -354 -12 -16 -30 -37 -38 -46 -28 -29 -65 -74
+-168 -204 -57 -71 -111 -139 -121 -150 -159 -193 -568 -798 -712 -1052 -11
+-18 -29 -50 -41 -70 -149 -256 -410 -768 -518 -1018 -270 -624 -459 -1198
+-608 -1850 -45 -196 -120 -594 -137 -725 -3 -25 -8 -56 -10 -70 -5 -28 -11
+-77 -20 -160 -3 -30 -8 -62 -10 -70 -2 -8 -7 -42 -10 -75 -3 -33 -7 -82 -10
+-110 -10 -92 -14 -129 -20 -220 -4 -49 -8 -100 -10 -112 -26 -163 -26 -1200 0
+-1448 3 -22 7 -74 10 -115 9 -130 25 -290 46 -450 5 -42 12 -94 14 -115 3 -22
+7 -51 10 -65 5 -23 10 -59 20 -135 6 -46 59 -343 69 -390 1 -5 5 -23 9 -40 4
+-16 9 -42 12 -57 13 -68 17 -87 32 -153 49 -216 138 -555 188 -715 20 -63 38
+-122 40 -130 12 -45 91 -277 145 -425 204 -558 483 -1152 768 -1635 31 -52 63
+-107 72 -121 8 -14 42 -70 75 -123 33 -54 65 -105 70 -114 18 -30 189 -287
+195 -292 3 -3 25 -34 49 -70 42 -62 281 -385 314 -426 9 -10 46 -57 84 -104
+62 -79 280 -339 292 -350 3 -3 26 -27 50 -55 297 -335 716 -744 1036 -1012 28
+-22 86 -71 130 -108 200 -166 768 -585 794 -585 5 0 11 -3 13 -7 3 -7 63 -50
+110 -78 9 -5 87 -54 174 -108 86 -55 177 -110 203 -124 25 -14 51 -29 56 -33
+35 -28 380 -212 595 -319 277 -137 304 -149 550 -253 91 -38 185 -78 210 -88
+202 -85 781 -280 1025 -345 33 -9 67 -18 75 -20 256 -70 656 -160 795 -180 22
+-3 46 -8 54 -11 8 -2 30 -7 50 -10 20 -3 42 -7 49 -9 7 -3 40 -7 75 -11 34 -3
+65 -8 68 -10 8 -5 240 -37 354 -50 28 -3 64 -7 80 -9 17 -2 59 -7 95 -10 36
+-4 81 -8 100 -11 19 -2 73 -6 120 -10 47 -3 103 -7 125 -9 266 -26 1115 -27
+1435 0 25 2 85 6 134 10 50 4 97 8 105 10 9 1 52 6 96 10 44 4 91 8 105 10 14
+2 54 6 90 10 36 3 72 8 80 10 8 2 40 7 70 10 30 3 62 8 70 10 8 2 37 7 63 10
+58 6 214 32 277 45 25 5 61 12 80 14 19 3 46 8 60 11 14 3 36 7 50 10 42 8 74
+15 95 19 445 95 855 208 1255 347 157 55 328 118 367 135 17 8 34 14 38 14 4
+0 21 6 38 14 18 8 88 38 156 66 68 28 157 67 198 86 41 18 76 34 78 34 13 0
+443 211 550 270 28 15 88 48 135 73 47 25 109 59 138 76 29 17 55 31 58 31 2
+0 21 11 42 24 20 13 109 68 197 122 279 170 549 354 820 558 118 89 255 196
+265 206 3 3 27 24 55 45 27 22 55 45 61 50 6 6 35 30 64 55 217 182 397 348
+630 581 155 156 327 337 416 439 21 25 41 47 45 50 13 12 233 275 305 365 110
+137 250 324 356 474 48 69 91 131 95 136 12 15 93 138 175 265 66 102 298 487
+298 495 0 1 27 51 61 111 113 202 283 551 419 859 104 235 347 893 375 1015 3
+16 66 230 91 312 16 55 88 343 110 443 9 39 17 77 19 85 7 30 43 206 48 235 3
+17 10 55 17 85 6 30 12 66 15 80 2 14 11 70 20 125 9 55 18 111 20 125 2 14 7
+45 11 70 4 25 8 56 9 70 2 14 6 48 9 75 4 28 9 66 11 85 2 19 7 53 9 75 10 76
+26 240 32 325 3 47 7 103 9 125 13 148 20 401 20 720 0 372 -9 614 -30 845 -3
+30 -7 84 -10 120 -3 36 -7 79 -10 95 -2 17 -7 61 -11 100 -3 38 -8 78 -10 88
+-2 11 -6 45 -10 76 -3 31 -8 65 -10 75 -2 11 -8 56 -14 100 -18 130 -47 302
+-85 491 -13 66 -27 135 -30 154 -3 19 -8 38 -10 41 -3 4 -7 24 -11 45 -3 20
+-28 125 -55 233 -27 109 -51 204 -53 212 -48 196 -199 661 -311 955 -139 366
+-209 524 -412 930 -184 370 -172 348 -326 610 -116 197 -373 602 -397 625 -3
+3 -25 34 -49 70 -47 68 -330 451 -341 460 -3 3 -21 25 -40 50 -19 25 -37 47
+-40 50 -3 3 -23 28 -45 55 -22 28 -46 57 -55 66 -8 8 -31 35 -50 59 -19 24
+-42 50 -50 58 -8 9 -28 31 -43 51 -29 36 -142 162 -252 280 -109 117 -419 424
+-525 521 -58 52 -112 102 -120 110 -8 8 -44 40 -80 70 -36 30 -67 57 -70 60
+-8 9 -141 121 -190 160 -24 19 -48 40 -54 46 -28 27 -356 276 -486 368 -358
+254 -653 440 -1005 634 -176 97 -601 312 -705 356 -25 11 -90 39 -145 64 -156
+69 -446 185 -595 237 -74 26 -144 51 -155 56 -11 4 -67 24 -125 43 -94 30
+-165 52 -375 116 -310 94 -905 226 -1245 275 -14 2 -38 6 -55 9 -87 14 -140
+21 -230 31 -27 3 -61 8 -75 10 -14 2 -50 7 -80 10 -30 3 -71 7 -90 10 -19 2
+-69 7 -110 11 -41 3 -91 7 -110 9 -31 3 -80 7 -280 21 -66 5 -957 13 -962 9z"/>
+</g>
+</svg>
diff --git a/web/js/md.theme.js b/web/js/md.theme.js
new file mode 100644
index 0000000..b21435c
--- /dev/null
+++ b/web/js/md.theme.js
@@ -0,0 +1,14 @@
+function uid() {
+    function s4() {
+        return Math.floor((1 + Math.random()) * 0x10000)
+            .toString(16)
+            .substring(1);
+    }
+
+    return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
+        s4() + '-' + s4() + s4() + s4();
+}
+
+$(document).ready(function () {
+    $('.withripple, .btn, .navbar a, .drawer-menu a').ripples();
+});
diff --git a/web/js/panel.js b/web/js/panel.js
new file mode 100644
index 0000000..4a2c0f9
--- /dev/null
+++ b/web/js/panel.js
@@ -0,0 +1,460 @@
+var wsURL;
+var itemValueChartUrl;
+
+var WS;
+var WSConnectionOpened;
+
+var itemValues = {};
+
+function initWebSocket(onOpenCallback, onMessageCallback, onCloseCallback) {
+    WS = new WebSocket(wsURL);
+
+    WS.onmessage = onMessageCallback;
+    WS.onopen = onOpenCallback;
+    WS.onclose = onCloseCallback;
+}
+
+initWebSocket(function () {
+    WSConnectionOpened = true;
+
+    $('#loader, .linear-loader').fadeOut(function () {
+        $('.control-panel').fadeIn();
+    });
+}, onMessage, function () {
+    if (WSConnectionOpened) {
+        $('.control-panel').fadeOut(function () {
+            $('#loader').fadeIn().addClass('error');
+        });
+    } else {
+        $('#loader').addClass('error');
+        $('.linear-loader').fadeOut();
+    }
+
+    WSConnectionOpened = false;
+});
+
+function onMessage(e) {
+    try {
+        var data = JSON.parse(e.data);
+
+        console.log(data);
+
+        switch (data.type) {
+            case 'init':
+                $.each(data.items, function (key, value) {
+                    if (value.type == 30) {
+                        updateRGB(value.id, value.value);
+                    } else {
+                        if (value.value != 'N/A') {
+                            saveItemValue(value.id, value.value);
+                        }
+
+                        updateItemValue(value.id, value.type, value.value, value.value_type);
+                    }
+                });
+
+                afterConnected();
+
+                break;
+            case 'value':
+                updateValue(data);
+                break;
+            case 'rgb':
+                updateRGB(data.item_id, data);
+                break;
+            case 'error':
+                showErrorMessage(data.message);
+                break;
+        }
+    } catch (e) {
+        showErrorMessage('Ошибка обработки ответа от сервера');
+        console.log("Error: " + e);
+    }
+}
+
+function afterConnected() {
+    WSConnectionOpened = true;
+
+    $('#loader').fadeOut(function () {
+        $('.control-panel').fadeIn();
+    });
+}
+
+function send(data) {
+    console.log(data);
+
+    if (typeof data != "string") {
+        data = JSON.stringify(data);
+    }
+
+    if (WS && WS.readyState == 1) {
+        WS.send(data);
+    }
+}
+
+function updateValue(data) {
+    updateItemValue(data.item_id, data.item_type, data.value, data.value_type);
+}
+
+function updateRGB(itemId, data) {
+    itemValues[itemId] = data;
+
+    if (data.mode == 'static' || data.mode == 'fade') {
+        var $panelItem = $('.panel-item-rgb[data-item-id="' + itemId + '"]');
+
+        $panelItem.css('background-color', 'rgb(' + data.red + ',' + data.green + ',' + data.blue + ')');
+        $panelItem.css('color', textColorDepOnBackground(data.red, data.green, data.blue));
+    }
+
+    $('#rgb-widget-wave-fade-time').val(data.fade_time);
+
+    if (data.mode == 'fade' || data.mode == 'wave') {
+        $('#rgb-widget-wave-color-time').val(data.color_time);
+    }
+}
+
+function itemSwitchOn(itemId) {
+    var $item = $('.panel-item-switch[data-item-id="' + itemId + '"]');
+    $item.removeClass('off');
+}
+
+function itemSwitchOff(itemId) {
+    var $item = $('.panel-item-switch[data-item-id="' + itemId + '"]');
+    $item.addClass('off');
+}
+
+function itemSetValue(itemId, value) {
+    $('.panel-item-variable[data-item-id="' + itemId + '"] > .item-variable-value').html(value);
+}
+
+function saveItemValue(itemId, value) {
+    itemValues[itemId] = value;
+}
+
+function getSavedItemValue(itemId) {
+    return itemValues[itemId];
+}
+
+function updateItemValue(id, type, value, value_type) {
+    type = parseInt(type);
+
+    switch (type) {
+        case 10:    // Switch
+            value = Boolean(value);
+
+            if (value) {
+                itemSwitchOn(id);
+            } else {
+                itemSwitchOff(id);
+            }
+
+            break;
+        case 20:    // Variable
+            if (!value_type || value_type == null) {
+                return itemSetValue(id, value);
+            }
+
+            switch (value_type) {
+                case 10:    // Boolean
+                    if (Boolean(value)) {
+                        if (value != 'N/A') {
+                            value = 'да';
+                        }
+                    } else {
+                        value = 'нет';
+                    }
+
+                    break;
+                case 20:    // Variable boolean door
+                    if (value) {
+                        if (value != 'N/A') {
+                            value = 'открыто';
+                        }
+                    } else {
+                        value = 'закрыто';
+                    }
+
+                    break;
+                case 30:    // Celsius
+                    value += ' °C';
+                    break;
+                case 40:    // Percent
+                    value += '%';
+                    break;
+            }
+
+            itemSetValue(id, value);
+
+            break;
+    }
+}
+
+function textColorDepOnBackground(red, green, blue) {
+    var brightness = Math.round((red * 299 + green * 587 + blue * 114) / 1000);
+    var textColor;
+
+    if (brightness > 125) {
+        textColor = 'black';
+    } else {
+        textColor = 'white';
+    }
+
+    return textColor;
+}
+
+$(document).ready(function () {
+    $('.panel-item-switch').click(function (e) {
+        e.preventDefault();
+
+        var $this = $(this);
+
+        var item_id = $this.data('item-id');
+
+        send({
+            "type": $this.hasClass('off') ? 'turn_on' : 'turn_off',
+            "item_id": item_id
+        });
+    });
+
+    $('.panel-item-variable').tooltip();
+
+    // Value widget
+    $('body').on('click', '.panel-item-variable', function () {
+        var $modal = $('#item-chart-modal');
+        var $this = $(this);
+
+        var type = parseInt($this.data('item-type'));
+        var title = $this.data('original-title');
+        var itemId = $this.data('item-id');
+
+        var data;
+
+        if (type !== 20 && type !== 21 && type !== 22 && type !== 23) {
+            return;
+        }
+
+        $.ajax({
+            url: itemValueChartUrl + '&item_id=' + itemId,
+            dataType: 'json',
+        }).success(function (result) {
+            $modal.find('.item-chart-name').html(title);
+
+            var $canvas = $modal.find('#item-chart');
+
+            Date.prototype.formatMMDDYYYY = function () {
+                return this.getHours() + ':' + this.getMinutes() + ':' + this.getSeconds();
+            };
+
+            // Split timestamp and data into separate arrays
+            var labels = [],
+                data = [];
+
+            $.each(result.data, function (key, value) {
+                labels.push(new Date(key * 1000).formatMMDDYYYY());
+                data.push(parseInt(value));
+            });
+
+            // Create the chart.js data structure using 'labels' and 'data'
+            var tempData = {
+                labels: labels,
+                datasets: [{
+                    label: title,
+                    data: data,
+                    lineTension: 0,
+                    backgroundColor: 'transparent',
+                    borderColor: '#009688'
+                }]
+            };
+
+            // Get the context of the canvas element we want to select
+            var ctx = $canvas.get(0).getContext("2d");
+
+            // Instantiate a new chart
+            var myLineChart = new Chart(ctx, {
+                type: 'line',
+                data: tempData
+            });
+
+            $modal.modal('show');
+        }).fail(function () {
+            showErrorMessage('Не удалось получить данные');
+        });
+    });
+
+    // RGB Widget
+    $('.panel-item-rgb')
+        .popover({
+            html: true,
+            placement: 'bottom',
+            trigger: 'click',
+            // container: 'body',
+            content: function () {
+                var source = $("#rgb-item-widget-popover-content").html();
+                var template = Handlebars.compile(source);
+
+                return template({
+                    item_id: $(this).data('item-id')
+                });
+            }
+        })
+        // On popover init
+        .on('inserted.bs.popover', function () {
+            var item_id = $(this).data('item-id');
+
+            // Init colorpicker
+            var $colorPicker = $('body').find('.rgb-widget-colorpicker[data-item-id="' + item_id + '"]').spectrum({
+                flat: true,
+                showInput: false,
+                showButtons: false,
+                preferredFormat: 'rgb'
+            });
+
+            var savedItemValue = getSavedItemValue(item_id);
+
+            // Set colorpicker value
+            if (savedItemValue != null) {
+                $colorPicker.spectrum('set', 'rgb(' + savedItemValue['red'] + ',' + savedItemValue['green'] + ',' + savedItemValue['blue'] + ')');
+            }
+
+            // Open mode tabs and set variables
+            if (savedItemValue.mode == 'static') {
+                $('.rgb-widget-mode-static').tab('show');
+            } else if (savedItemValue.mode == 'wave') {
+                $('#rgb-widget-wave-color-time').val(savedItemValue.color_time);
+                $('#rgb-widget-fade-color-time').val(savedItemValue.color_time);
+
+                $('.rgb-widget-mode-wave').tab('show');
+            } else if (savedItemValue.mode == 'fade') {
+                $('#rgb-widget-wave-color-time').val(savedItemValue.color_time);
+                $('#rgb-widget-fade-color-time').val(savedItemValue.color_time);
+
+                $('.rgb-widget-mode-fade').tab('show');
+            }
+
+            $('#rgb-widget-static-fade-time').val(savedItemValue.fade_time);
+            $('#rgb-widget-wave-fade-time').val(savedItemValue.fade_time);
+            $('#rgb-widget-fade-fade-time').val(savedItemValue.fade_time);
+
+            // On color select
+            $colorPicker.on("dragstop.spectrum", function (e, color) {
+                var red = Math.round(color._r);
+                var green = Math.round(color._g);
+                var blue = Math.round(color._b);
+
+                var $this = $(this);
+                var itemId = $this.data('item-id');
+
+                var $panelItem = $('.panel-item-rgb[data-item-id="' + itemId + '"]');
+
+                // Update text color
+                $panelItem.css('background-color', 'rgb(' + red + ',' + green + ',' + blue + ')');
+                $panelItem.css('color', textColorDepOnBackground(red, green, blue));
+
+                var modeId = $this.parents('.tab-pane').attr('id');
+
+                if (modeId == 'rgb-widget-static') {
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "fade_time": parseInt($('#rgb-widget-static-fade-time').val()),
+                        "mode": "static",
+                        "red": red,
+                        "green": green,
+                        "blue": blue
+                    });
+                } else if (modeId == 'rgb-widget-fade') {
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "fade_time": parseInt($('#rgb-widget-fade-fade-time').val()),
+                        "color_time": parseInt($('#rgb-widget-fade-color-time').val()),
+                        "mode": "fade",
+                        "red": red,
+                        "green": green,
+                        "blue": blue
+                    });
+                }
+            });
+
+            $('.btn-save-times').click(function (e) {
+                e.preventDefault();
+
+                var mode = $(this).data('mode');
+
+                if (mode == 'wave') {
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "mode": "wave",
+                        "fade_time": parseInt($('#rgb-widget-wave-fade-time').val()),
+                        "color_time": parseInt($('#rgb-widget-wave-color-time').val())
+                    });
+                } else if (mode == 'fade') {
+                    var color = $('.rgb-widget-colorpicker-fade').spectrum('get');
+                    var red = Math.round(color._r);
+                    var green = Math.round(color._g);
+                    var blue = Math.round(color._b);
+
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "mode": "fade",
+                        "fade_time": parseInt($('#rgb-widget-fade-fade-time').val()),
+                        "color_time": parseInt($('#rgb-widget-fade-color-time').val()),
+                        "red": red,
+                        "green": green,
+                        "blue": blue
+                    });
+                }
+            });
+
+            $('.rgb-widget-popover-content[data-item-id="' + item_id + '"]').on('click', '.rgb-widget-mode', function (e) {
+                var $this = $(this);
+
+                if ($this.attr('aria-expanded') == 'true') {
+                    return;
+                }
+
+                if ($this.hasClass('rgb-widget-mode-static')) {
+                    var color = $('.rgb-widget-colorpicker-static').spectrum('get');
+                    var red = Math.round(color._r);
+                    var green = Math.round(color._g);
+                    var blue = Math.round(color._b);
+
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "fade_time": parseInt($('#rgb-widget-static-fade-time').val()),
+                        "mode": "static",
+                        "red": red,
+                        "green": green,
+                        "blue": blue
+                    });
+                } else if ($this.hasClass('rgb-widget-mode-wave')) {
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "mode": "wave",
+                        "fade_time": parseInt($('#rgb-widget-wave-fade-time').val()),
+                        "color_time": parseInt($('#rgb-widget-wave-color-time').val())
+                    });
+                } else if ($this.hasClass('rgb-widget-mode-fade')) {
+                    var color = $('.rgb-widget-colorpicker-fade').spectrum('get');
+                    var red = Math.round(color._r);
+                    var green = Math.round(color._g);
+                    var blue = Math.round(color._b);
+
+                    send({
+                        "type": "rgb",
+                        "item_id": item_id,
+                        "mode": "fade",
+                        "fade_time": parseInt($('#rgb-widget-fade-fade-time').val()),
+                        "color_time": parseInt($('#rgb-widget-fade-color-time').val()),
+                        "red": red,
+                        "green": green,
+                        "blue": blue
+                    });
+                }
+            });
+        });
+});
diff --git a/web/js/ripples.js b/web/js/ripples.js
new file mode 100644
index 0000000..82b6788
--- /dev/null
+++ b/web/js/ripples.js
@@ -0,0 +1,324 @@
+/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */
+/* globals jQuery, navigator */
+
+(function($, window, document, undefined) {
+
+  "use strict";
+
+  /**
+   * Define the name of the plugin
+   */
+  var ripples = "ripples";
+
+
+  /**
+   * Get an instance of the plugin
+   */
+  var self = null;
+
+
+  /**
+   * Define the defaults of the plugin
+   */
+  var defaults = {};
+
+
+  /**
+   * Create the main plugin function
+   */
+  function Ripples(element, options) {
+    self = this;
+
+    this.element = $(element);
+
+    this.options = $.extend({}, defaults, options);
+
+    this._defaults = defaults;
+    this._name = ripples;
+
+    this.init();
+  }
+
+
+  /**
+   * Initialize the plugin
+   */
+  Ripples.prototype.init = function() {
+    var $element  = this.element;
+
+    $element.on("mousedown touchstart", function(event) {
+      /**
+       * Verify if the user is just touching on a device and return if so
+       */
+      if(self.isTouch() && event.type === "mousedown") {
+        return;
+      }
+
+
+      /**
+       * Verify if the current element already has a ripple wrapper element and
+       * creates if it doesn't
+       */
+      if(!($element.find(".ripple-container").length)) {
+        $element.append("<div class=\"ripple-container\"></div>");
+      }
+
+
+      /**
+       * Find the ripple wrapper
+       */
+      var $wrapper = $element.children(".ripple-container");
+
+
+      /**
+       * Get relY and relX positions
+       */
+      var relY = self.getRelY($wrapper, event);
+      var relX = self.getRelX($wrapper, event);
+
+
+      /**
+       * If relY and/or relX are false, return the event
+       */
+      if(!relY && !relX) {
+        return;
+      }
+
+
+      /**
+       * Get the ripple color
+       */
+      var rippleColor = self.getRipplesColor($element);
+
+
+      /**
+       * Create the ripple element
+       */
+      var $ripple = $("<div></div>");
+
+      $ripple
+      .addClass("ripple")
+      .css({
+        "left": relX,
+        "top": relY,
+        "background-color": rippleColor
+      });
+
+
+      /**
+       * Append the ripple to the wrapper
+       */
+      $wrapper.append($ripple);
+
+
+      /**
+       * Make sure the ripple has the styles applied (ugly hack but it works)
+       */
+      (function() { return window.getComputedStyle($ripple[0]).opacity; })();
+
+
+      /**
+       * Turn on the ripple animation
+       */
+      self.rippleOn($element, $ripple);
+
+
+      /**
+       * Call the rippleEnd function when the transition "on" ends
+       */
+      setTimeout(function() {
+        self.rippleEnd($ripple);
+      }, 500);
+
+
+      /**
+       * Detect when the user leaves the element
+       */
+      $element.on("mouseup mouseleave touchend", function() {
+        $ripple.data("mousedown", "off");
+
+        if($ripple.data("animating") === "off") {
+          self.rippleOut($ripple);
+        }
+      });
+
+    });
+  };
+
+
+  /**
+   * Get the new size based on the element height/width and the ripple width
+   */
+  Ripples.prototype.getNewSize = function($element, $ripple) {
+
+    return (Math.max($element.outerWidth(), $element.outerHeight()) / $ripple.outerWidth()) * 2.5;
+  };
+
+
+  /**
+   * Get the relX
+   */
+  Ripples.prototype.getRelX = function($wrapper,  event) {
+    var wrapperOffset = $wrapper.offset();
+
+    if(!self.isTouch()) {
+      /**
+       * Get the mouse position relative to the ripple wrapper
+       */
+      return event.pageX - wrapperOffset.left;
+    } else {
+      /**
+       * Make sure the user is using only one finger and then get the touch
+       * position relative to the ripple wrapper
+       */
+      event = event.originalEvent;
+
+      if(event.touches.length === 1) {
+        return event.touches[0].pageX - wrapperOffset.left;
+      }
+
+      return false;
+    }
+  };
+
+
+  /**
+   * Get the relY
+   */
+  Ripples.prototype.getRelY = function($wrapper, event) {
+    var wrapperOffset = $wrapper.offset();
+
+    if(!self.isTouch()) {
+      /**
+       * Get the mouse position relative to the ripple wrapper
+       */
+      return event.pageY - wrapperOffset.top;
+    } else {
+      /**
+       * Make sure the user is using only one finger and then get the touch
+       * position relative to the ripple wrapper
+       */
+      event = event.originalEvent;
+
+      if(event.touches.length === 1) {
+        return event.touches[0].pageY - wrapperOffset.top;
+      }
+
+      return false;
+    }
+  };
+
+
+  /**
+   * Get the ripple color
+   */
+  Ripples.prototype.getRipplesColor = function($element) {
+
+    var color = $element.data("ripple-color") ? $element.data("ripple-color") : window.getComputedStyle($element[0]).color;
+
+    return color;
+  };
+
+
+  /**
+   * Verify if the client browser has transistion support
+   */
+  Ripples.prototype.hasTransitionSupport = function() {
+    var thisBody  = document.body || document.documentElement;
+    var thisStyle = thisBody.style;
+
+    var support = (
+      thisStyle.transition !== undefined ||
+      thisStyle.WebkitTransition !== undefined ||
+      thisStyle.MozTransition !== undefined ||
+      thisStyle.MsTransition !== undefined ||
+      thisStyle.OTransition !== undefined
+    );
+
+    return support;
+  };
+
+
+  /**
+   * Verify if the client is using a mobile device
+   */
+  Ripples.prototype.isTouch = function() {
+    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+  };
+
+
+  /**
+   * End the animation of the ripple
+   */
+  Ripples.prototype.rippleEnd = function($ripple) {
+    $ripple.data("animating", "off");
+
+    if($ripple.data("mousedown") === "off") {
+      self.rippleOut($ripple);
+    }
+  };
+
+
+  /**
+   * Turn off the ripple effect
+   */
+  Ripples.prototype.rippleOut = function($ripple) {
+    $ripple.off();
+
+    if(self.hasTransitionSupport()) {
+      $ripple.addClass("ripple-out");
+    } else {
+      $ripple.animate({"opacity": 0}, 100, function() {
+        $ripple.trigger("transitionend");
+      });
+    }
+
+    $ripple.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function() {
+      $ripple.remove();
+    });
+  };
+
+
+  /**
+   * Turn on the ripple effect
+   */
+  Ripples.prototype.rippleOn = function($element, $ripple) {
+    var size = self.getNewSize($element, $ripple);
+
+    if(self.hasTransitionSupport()) {
+      $ripple
+      .css({
+        "-ms-transform": "scale(" + size + ")",
+        "-moz-transform": "scale(" + size + ")",
+        "-webkit-transform": "scale(" + size + ")",
+        "transform": "scale(" + size + ")"
+      })
+      .addClass("ripple-on")
+      .data("animating", "on")
+      .data("mousedown", "on");
+    } else {
+      $ripple.animate({
+        "width": Math.max($element.outerWidth(), $element.outerHeight()) * 2,
+        "height": Math.max($element.outerWidth(), $element.outerHeight()) * 2,
+        "margin-left": Math.max($element.outerWidth(), $element.outerHeight()) * (-1),
+        "margin-top": Math.max($element.outerWidth(), $element.outerHeight()) * (-1),
+        "opacity": 0.2
+      }, 500, function() {
+        $ripple.trigger("transitionend");
+      });
+    }
+  };
+
+
+  /**
+   * Create the jquery plugin function
+   */
+  $.fn.ripples = function(options) {
+    return this.each(function() {
+      if(!$.data(this, "plugin_" + ripples)) {
+        $.data(this, "plugin_" + ripples, new Ripples(this, options));
+      }
+    });
+  };
+
+})(jQuery, window, document);
diff --git a/web/js/site.js b/web/js/site.js
index 2b2d827..12a1c39 100644
--- a/web/js/site.js
+++ b/web/js/site.js
@@ -1,23 +1,25 @@
 function showErrorMessage(message) {
-    return noty({
-        layout: 'bottomRight',
-        text: message,
-        timeout: 5000,
-        type: 'error',
-        theme: 'relax'
+    return $.snackbar({
+        content: message,
+        timeout: 5000
     });
 }
 
 function showSuccessMessage(message) {
-    return noty({
-        layout: 'bottomRight',
-        text: message,
-        timeout: 5000,
-        type: 'success',
-        theme: 'relax'
+    return $.snackbar({
+        content: message,
+        timeout: 5000
     });
 }
 
+$('.navbar-toggle-drawer').click(function (e) {
+    e.preventDefault();
+
+    $('body').toggleClass('drawer-open');
+
+    return false;
+});
+
 $('.ajax-call').click(function (e) {
     e.preventDefault();
 
@@ -31,3 +33,11 @@ $('.ajax-call').click(function (e) {
         showErrorMessage('Не удалось обновить');
     });
 });
+
+$('.show-on-click').click(function (e) {
+    e.preventDefault();
+
+    $(this).text($(this).data('text')).addClass('open');
+
+    return false;
+});
diff --git a/web/js/wsclient.js b/web/js/wsclient.js
deleted file mode 100644
index 920d958..0000000
--- a/web/js/wsclient.js
+++ /dev/null
@@ -1,212 +0,0 @@
-var wsURL;
-
-var WS;
-var WSConnectionOpened;
-
-function log(msg) {
-    console.log(msg);
-}
-
-function initWebSocket(callback) {
-    WS = new WebSocket(wsURL);
-
-    WS.onmessage = onMessage;
-    WS.onopen = callback;
-    WS.onclose = function () {
-        if (WSConnectionOpened) {
-            $('.loader-text').html('Отключен от сервера').fadeIn();
-
-            $('.control-panel').fadeOut(function () {
-                $('#loader').addClass('error').fadeIn();
-            });
-        } else {
-            $('#loader').addClass('error');
-            $('.loader-text').html('Не удалось подключиться к серверу').fadeIn();
-        }
-    };
-}
-
-function onMessage(e) {
-    try {
-        var data = JSON.parse(e.data);
-
-        log(data);
-
-        switch (data.type) {
-            case 'init':
-                $.each(data.items, function (key, value) {
-                    updateItemValue(value.id, value.type, value.value)
-                });
-
-                afterConnected();
-
-                break;
-            case 'value':
-                updateValue(data);
-                break;
-            case 'error':
-                showErrorMessage(data.message);
-                break;
-        }
-    } catch (e) {
-        showErrorMessage('Ошибка обработки ответа от сервера');
-        console.log("Error: " + e);
-    }
-}
-
-function afterConnected() {
-    WSConnectionOpened = true;
-
-    $('#loader').fadeOut(function () {
-        $('.control-panel').fadeIn();
-    });
-}
-
-function send(msg) {
-    if (typeof msg != "string") {
-        msg = JSON.stringify(msg);
-    }
-
-    log(msg);
-
-    if (WS && WS.readyState == 1) {
-        WS.send(msg);
-    }
-}
-
-function updateValue(data) {
-    updateItemValue(data.item_id, data.item_type, data.value);
-}
-
-function updateItemValue(id, type, value) {
-    type = parseInt(type);
-
-    switch (type) {
-        case 10:    // Switch
-            $('.item-switch-checkbox[data-item-id="' + id + '"]').prop('checked', value);
-            break;
-        case 20:    // Variable
-        case 21:    // Variable Temperature
-            $('.item-variable[data-item-id="' + id + '"]').find('.item-value').html(value + '°C');
-            break;
-        case 22:    // Variable Humidity
-        case 40:    // Variable Light Level
-            $('.item-variable[data-item-id="' + id + '"]').find('.item-value').html(value + "%");
-            break;
-        case 25:    // Variable boolean
-            var $item_value = $('.item-variable[data-item-id="' + id + '"]').find('.item-value');
-
-            if (value) {
-                $item_value.html('ДА');
-            } else {
-                $item_value.html('НЕТ');
-            }
-
-            break;
-        case 26:    // Variable boolean door
-            var $item_value = $('.item-variable[data-item-id="' + id + '"]').find('.item-value');
-
-            if (value) {
-                $item_value.html('ОТКРЫТО');
-            } else {
-                $item_value.html('ЗАКРЫТО');
-            }
-
-            break;
-        case 30:    // RGB
-            if (typeof value === 'string') {
-                $('.item-rgb[data-item-id="' + id + '"]')
-                    .find('.rgb-mode[data-mode="' + value + '"]')
-                    .addClass('active');
-            } else {
-                var $colorPicker = $('#colorpicker-' + id);
-
-                $colorPicker.spectrum('set', 'rgb(' + value[0] + ', ' + value[1] + ', ' + value[2] + ')');
-
-                $('.item-rgb .rgb-mode').removeClass('active');
-            }
-
-            break;
-    }
-}
-
-$(document).ready(function () {
-    $('.rgb-colorpicker').spectrum({
-        showInput: true,
-        showButtons: false,
-        preferredFormat: 'rgb',
-        change: function (color) {
-            var item_id = $(this).data('item-id');
-            var red = Math.round(color._r);
-            var green = Math.round(color._g);
-            var blue = Math.round(color._b);
-
-            var fade = ($('.fade-checkbox[data-item-id="' + item_id + '"]:checked').length > 0);
-
-            send({
-                'type': 'rgb',
-                'item_id': item_id,
-                'fade': fade,
-                'red': red,
-                'green': green,
-                'blue': blue
-            });
-        }
-    });
-
-    $('.fade-checkbox').each(function () {
-        var localStorageValue = window.localStorage.getItem('fade-checkbox-' + $(this).data('item-id'));
-
-        console.log(localStorageValue);
-
-        this.checked = localStorageValue != null && localStorageValue != 'false';
-    });
-
-    initWebSocket(function () {
-        $('input[type="checkbox"].item-switch-checkbox').click(function (e) {
-            e.preventDefault();
-
-            var item_id = $(this).data('item-id');
-            var action = $(this).prop('checked') ? 'turnON' : 'turnOFF';
-
-            send({
-                "type": action,
-                "item_id": item_id
-            });
-        });
-
-        // Delegate click on block to checkbox
-        $('.item-switch .info-box').click(function (e) {
-            e.preventDefault();
-
-            if ($(e.target).is('.item-switch-checkbox')) {
-                return false;
-            }
-
-            $(this).find('.item-switch-checkbox').click();
-        });
-
-        $('.rgb-mode').click(function (e) {
-            e.preventDefault();
-
-            var mode = $(this).data('mode');
-            var start = true;
-            var item_id = $(this).parents('.item-rgb').data('item-id');
-
-            if ($(this).hasClass('active')) {
-                start = false
-            }
-
-            send({
-                "type": "rgbMode",
-                "item_id": item_id,
-                "mode": mode,
-                "start": start
-            });
-        });
-
-        $('.fade-checkbox').change(function (e) {
-            window.localStorage.setItem('fade-checkbox-' + $(this).data('item-id'), this.checked);
-        });
-    });
-});
diff --git a/web/manifest.json b/web/manifest.json
new file mode 100644
index 0000000..3523afd
--- /dev/null
+++ b/web/manifest.json
@@ -0,0 +1,21 @@
+{
+  "name": "Solomaha Home",
+  "default_locale": "ru",
+  "lang": "ru",
+  "description": "Solomaha Home web panel",
+  "icons": [
+    {
+      "src": "img/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "img/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#009688",
+  "background_color": "#222222",
+  "display": "standalone"
+}
diff --git a/widgets/DataTable.php b/widgets/DataTable.php
new file mode 100644
index 0000000..01a5168
--- /dev/null
+++ b/widgets/DataTable.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace app\widgets;
+
+use yii\grid\GridView;
+
+class DataTable extends GridView
+{
+    public $tableOptions = ['class' => 'table table-hover material-table'];
+    public $summary = '<b>{begin}-{end}</b> из <b>{totalCount}</b>';
+    public $pager = [
+        'maxButtonCount' => 0,
+        'nextPageLabel' => '&#xf054;',
+        'prevPageLabel' => '&#xf053;',
+    ];
+    public $layout = "<div class=\"table-responsive\">{items}<div class='table-footer'><div class='table-footer-summary'>{summary}</div>{pager}</div></div>";
+}
diff --git a/widgets/PanelWidget.php b/widgets/PanelWidget.php
new file mode 100644
index 0000000..d71340c
--- /dev/null
+++ b/widgets/PanelWidget.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace app\widgets;
+
+use yii\base\Widget;
+
+class PanelWidget extends Widget
+{
+    // TODO: render rooms and items in them
+}