From e9e23d8808a77c7a29b6852314e40aa25da502df Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Mon, 19 Jun 2017 00:54:49 -0600
Subject: [PATCH] Add a splash of color, add minimum height to widgets, improve
 QwikClock

---
 apps/account_security.php         |    1 +
 apps/inventory_link.php           |    1 +
 apps/qwikclock_inout.php          |    9 +-
 apps/taskfloor_messages.php       |    1 +
 apps/taskfloor_tasks.php          |    1 +
 home.php                          |    3 +-
 pages.php                         |    2 +-
 settings.template.php             |    1 +
 static/css/app.css                |    4 +
 static/css/material-color.css     | 1951 +++++++++++++++++++++++++++++
 static/css/material-color.min.css |    2 +
 11 files changed, 1970 insertions(+), 6 deletions(-)
 create mode 100644 static/css/material-color.css
 create mode 100644 static/css/material-color.min.css

diff --git a/apps/account_security.php b/apps/account_security.php
index ad28f31..e5c44b1 100644
--- a/apps/account_security.php
+++ b/apps/account_security.php
@@ -9,6 +9,7 @@ addMultiLangStrings(["en_us" => [
 $APPS["account_security"]["i18n"] = TRUE;
 $APPS["account_security"]["title"] = "account security";
 $APPS["account_security"]["icon"] = "lock";
+$APPS["account_security"]["type"] = "brown";
 $content = "<p>"
         . lang("manage security description", false)
         . '</p> '
diff --git a/apps/inventory_link.php b/apps/inventory_link.php
index 3ee62e8..f8d33c4 100644
--- a/apps/inventory_link.php
+++ b/apps/inventory_link.php
@@ -9,6 +9,7 @@ addMultiLangStrings(["en_us" => [
 $APPS["inventory_link"]["i18n"] = TRUE;
 $APPS["inventory_link"]["title"] = "inventory";
 $APPS["inventory_link"]["icon"] = "cubes";
+$APPS["inventory_link"]["type"] = "teal";
 $content = "<p>" . lang("open inventory system", false) . '</p><a href="' . INVENTORY_HOME . '" class="btn btn-primary btn-block">' . lang("open app", false) . ' &nbsp;<i class="fa fa-external-link-square"></i></a>';
 $APPS["inventory_link"]["content"] = $content;
 ?>
\ No newline at end of file
diff --git a/apps/qwikclock_inout.php b/apps/qwikclock_inout.php
index 1f551a3..14b6363 100644
--- a/apps/qwikclock_inout.php
+++ b/apps/qwikclock_inout.php
@@ -10,6 +10,7 @@ addMultiLangStrings(["en_us" => [
 $APPS["qwikclock_inout"]["i18n"] = TRUE;
 $APPS["qwikclock_inout"]["title"] = "qwikclock";
 $APPS["qwikclock_inout"]["icon"] = "clock-o";
+$APPS["qwikclock_inout"]["type"] = "blue";
 $content = "";
 if (!is_empty($_GET['qwikclock']) && ($_GET['qwikclock'] === "punchin" || $_GET['qwikclock'] === "punchout")) {
     try {
@@ -23,20 +24,20 @@ if (!is_empty($_GET['qwikclock']) && ($_GET['qwikclock'] === "punchin" || $_GET[
 
         $resp = json_decode($response->getBody(), TRUE);
         if ($resp['status'] == "OK") {
-            $content = "<div class=\"alert alert-success\">" . $resp['msg'] . "</div>";
+            $content = "<div class=\"alert alert-success alert-dismissable\"><button type=\"button\" class=\"close\">&times;</button>" . $resp['msg'] . "</div>";
         } else {
-            $content = "<div class=\"alert alert-danger\">" . $resp['msg'] . "</div>";
+            $content = "<div class=\"alert alert-danger alert-dismissable\"><button type=\"button\" class=\"close\">&times;</button>" . $resp['msg'] . "</div>";
         }
     } catch (Exception $e) {
-        $content = "<div class=\"alert alert-danger\">" . lang("error loading widget", false) . "  " . $e->getMessage() . "</div>";
+        $content = "<div class=\"alert alert-danger alert-dismissable\"><button type=\"button\" class=\"close\">&times;</button>" . lang("error loading widget", false) . "  " . $e->getMessage() . "</div>";
     }
 }
 $lang_punchin = lang("punch in", false);
 $lang_punchout = lang("punch out", false);
 $content .= <<<END
                 <a href="home.php?&qwikclock=punchin" class="btn btn-block btn-success btn-lg"><i class="fa fa-play"></i> $lang_punchin</a>
-                <br />
                 <a href="home.php?qwikclock=punchout" class="btn btn-block btn-danger btn-lg"><i class="fa fa-stop"></i> $lang_punchout</a>        
 END;
+$content .= '<br /><a href="' . QWIKCLOCK_HOME . '" class="btn btn-primary btn-block">' . lang("open app", false) . ' &nbsp;<i class="fa fa-external-link-square"></i></a>';
 $APPS["qwikclock_inout"]["content"] = $content;
 ?>
\ No newline at end of file
diff --git a/apps/taskfloor_messages.php b/apps/taskfloor_messages.php
index dff73f1..0767a54 100644
--- a/apps/taskfloor_messages.php
+++ b/apps/taskfloor_messages.php
@@ -9,6 +9,7 @@ addMultiLangStrings(["en_us" => [
 $APPS["taskfloor_messages"]["i18n"] = TRUE;
 $APPS["taskfloor_messages"]["title"] = "messages";
 $APPS["taskfloor_messages"]["icon"] = "comments";
+$APPS["taskfloor_messages"]["type"] = "deep-purple";
 try {
     $client = new GuzzleHttp\Client();
 
diff --git a/apps/taskfloor_tasks.php b/apps/taskfloor_tasks.php
index 6f9761c..a264aee 100644
--- a/apps/taskfloor_tasks.php
+++ b/apps/taskfloor_tasks.php
@@ -9,6 +9,7 @@ addMultiLangStrings(["en_us" => [
 $APPS["taskfloor_tasks"]["i18n"] = TRUE;
 $APPS["taskfloor_tasks"]["title"] = "tasks";
 $APPS["taskfloor_tasks"]["icon"] = "tasks";
+$APPS["taskfloor_tasks"]["type"] = "blue-grey";
 try {
     $client = new GuzzleHttp\Client();
 
diff --git a/home.php b/home.php
index 1c356c1..6c037d6 100644
--- a/home.php
+++ b/home.php
@@ -31,6 +31,7 @@ if (!is_empty($_GET['page'])) {
 
         <link href="static/css/bootstrap.min.css" rel="stylesheet">
         <link href="static/css/font-awesome.min.css" rel="stylesheet">
+        <link href="static/css/material-color.min.css" rel="stylesheet">
         <link href="static/css/app.css" rel="stylesheet">
     </head>
     <body>
@@ -154,7 +155,7 @@ END;
                         $appcontent = $APPS[$app]['content'];
                         echo <<<END
                         <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
-                            <div class="panel panel-$apptype">
+                            <div class="panel panel-$apptype apppanel">
                                 <div class="panel-heading">
                                     <h3 class="panel-title"><i class="$appicon"></i> $apptitle </h3>
                                 </div>
diff --git a/pages.php b/pages.php
index 5483494..277780b 100644
--- a/pages.php
+++ b/pages.php
@@ -17,8 +17,8 @@ define("PAGES", [
 define("APPS", [
     "home" => [
         "taskfloor_tasks",
-        "taskfloor_messages",
         "qwikclock_inout",
+        "taskfloor_messages",
         "inventory_link",
         "account_security"
     ],
diff --git a/settings.template.php b/settings.template.php
index bf73439..265d054 100644
--- a/settings.template.php
+++ b/settings.template.php
@@ -63,6 +63,7 @@ define('TASKFLOOR_HOME', '/taskfloor/app.php');
 define('INVENTORY_HOME', '/inventory/app.php');
 
 define('QWIKCLOCK_API', 'http://localhost/qwikclock/api.php');
+define('QWIKCLOCK_HOME', '/qwikclock/app.php');
 
 // See lang folder for language options
 define('LANGUAGE', "en_us");
diff --git a/static/css/app.css b/static/css/app.css
index 230321c..fba0b45 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -39,4 +39,8 @@
 
 .navbar-inverse .navbar-link {
     color: white;
+}
+
+.apppanel {
+    min-height: 250px;
 }
\ No newline at end of file
diff --git a/static/css/material-color.css b/static/css/material-color.css
new file mode 100644
index 0000000..5c55ca9
--- /dev/null
+++ b/static/css/material-color.css
@@ -0,0 +1,1951 @@
+/* Material-Color.css   Copyright (c) 2017 Netsyms Technologies  MIT License */
+
+/*****************************************************\
+                        PANELS
+\*****************************************************/
+
+.panel-red .panel-heading {
+    background-color: #f44336;
+    color: white;
+}
+
+.panel-pink .panel-heading {
+    background-color: #e91e63;
+    color: white;
+}
+
+.panel-purple .panel-heading {
+    background-color: #9c27b0;
+    color: white;
+}
+
+.panel-deep-purple .panel-heading {
+    background-color: #673ab7;
+    color: white;
+}
+
+.panel-indigo .panel-heading {
+    background-color: #3f51b5;
+    color: white;
+}
+
+.panel-blue .panel-heading {
+    background-color: #2196f3;
+    color: white;
+}
+
+.panel-light-blue .panel-heading {
+    background-color: #03a9f4;
+    color: black;
+}
+
+.panel-cyan .panel-heading {
+    background-color: #00bcd4;
+    color: black;
+}
+
+.panel-teal .panel-heading {
+    background-color: #009688;
+    color: white;
+}
+
+.panel-green .panel-heading {
+    background-color: #4caf50;
+    color: black;
+}
+
+.panel-light-green .panel-heading {
+    background-color: #8bc34a;
+    color: black;
+}
+
+.panel-lime .panel-heading {
+    background-color: #cddc39;
+    color: black;
+}
+
+.panel-yellow .panel-heading {
+    background-color: #ffeb3b;
+    color: black;
+}
+
+.panel-amber .panel-heading {
+    background-color: #ffc107;
+    color: black;
+}
+
+.panel-orange .panel-heading {
+    background-color: #ff9800;
+    color: black;
+}
+
+.panel-deep-orange .panel-heading {
+    background-color: #ff5722;
+    color: white;
+}
+
+.panel-brown .panel-heading {
+    background-color: #795548;
+    color: white;
+}
+
+.panel-grey .panel-heading {
+    background-color: #9e9e9e;
+    color: black;
+}
+
+.panel-blue-grey .panel-heading {
+    background-color: #607d8b;
+    color: white;
+}
+
+.panel-red .panel-footer {
+    background-color: #ef9a9a;
+    color: black;
+}
+
+.panel-pink .panel-footer {
+    background-color: #f48fb1;
+    color: black;
+}
+
+.panel-purple .panel-footer {
+    background-color: #ce93d8;
+    color: black;
+}
+
+.panel-deep-purple .panel-footer {
+    background-color: #b39ddb;
+    color: black;
+}
+
+.panel-indigo .panel-footer {
+    background-color: #9fa8da;
+    color: black;
+}
+
+.panel-blue .panel-footer {
+    background-color: #90caf9;
+    color: black;
+}
+
+.panel-light-blue .panel-footer {
+    background-color: #81d4fa;
+    color: black;
+}
+
+.panel-cyan .panel-footer {
+    background-color: #80deea;
+    color: black;
+}
+
+.panel-teal .panel-footer {
+    background-color: #80cbc4;
+    color: black;
+}
+
+.panel-green .panel-footer {
+    background-color: #a5d6a7;
+    color: black;
+}
+
+.panel-light-green .panel-footer {
+    background-color: #c5e1a5;
+    color: black;
+}
+
+.panel-lime .panel-footer {
+    background-color: #e6ee9c;
+    color: black;
+}
+
+.panel-yellow .panel-footer {
+    background-color: #fff59d;
+    color: black;
+}
+
+.panel-amber .panel-footer {
+    background-color: #ffe082;
+    color: black;
+}
+
+.panel-orange .panel-footer {
+    background-color: #ffcc80;
+    color: black;
+}
+
+.panel-deep-orange .panel-footer {
+    background-color: #ffab91;
+    color: black;
+}
+
+.panel-brown .panel-footer {
+    background-color: #bcaaa4;
+    color: black;
+}
+
+.panel-grey .panel-footer {
+    background-color: #eeeeee;
+    color: black;
+}
+
+.panel-blue-grey .panel-footer {
+    background-color: #b0bec5;
+    color: black;
+}
+
+/*****************************************************\
+                        ALERTS
+\*****************************************************/
+
+.alert-red {
+    background-color: #f44336;
+    color: white;
+}
+
+.alert-pink {
+    background-color: #e91e63;
+    color: white;
+}
+
+.alert-purple {
+    background-color: #9c27b0;
+    color: white;
+}
+
+.alert-deep-purple {
+    background-color: #673ab7;
+    color: white;
+}
+
+.alert-indigo {
+    background-color: #3f51b5;
+    color: white;
+}
+
+.alert-blue {
+    background-color: #2196f3;
+    color: white;
+}
+
+.alert-light-blue {
+    background-color: #03a9f4;
+    color: black;
+}
+
+.alert-cyan {
+    background-color: #00bcd4;
+    color: black;
+}
+
+.alert-teal {
+    background-color: #009688;
+    color: white;
+}
+
+.alert-green {
+    background-color: #4caf50;
+    color: black;
+}
+
+.alert-light-green {
+    background-color: #8bc34a;
+    color: black;
+}
+
+.alert-lime {
+    background-color: #cddc39;
+    color: black;
+}
+
+.alert-yellow {
+    background-color: #ffeb3b;
+    color: black;
+}
+
+.alert-amber {
+    background-color: #ffc107;
+    color: black;
+}
+
+.alert-orange {
+    background-color: #ff9800;
+    color: black;
+}
+
+.alert-deep-orange {
+    background-color: #ff5722;
+    color: white;
+}
+
+.alert-brown {
+    background-color: #795548;
+    color: white;
+}
+
+.alert-grey {
+    background-color: #9e9e9e;
+    color: black;
+}
+
+.alert-blue-grey {
+    background-color: #607d8b;
+    color: white;
+}
+
+/*****************************************************\
+                        NAVBAR
+\*****************************************************/
+
+.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
+    border-color: rgba(0,0,0,.3);
+}
+
+/* red */
+
+.navbar-red {
+    background-color: #f44336;
+}
+.navbar-red .navbar-brand {
+    color: white;
+}
+.navbar-red .navbar-brand:hover,
+.navbar-red .navbar-brand:focus {
+    color: white;
+}
+.navbar-red .navbar-nav > li > a {
+    color: white;
+}
+.navbar-red .navbar-nav > li > a:hover,
+.navbar-red .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-red .navbar-nav > .active > a,
+.navbar-red .navbar-nav > .active > a:hover,
+.navbar-red .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-red .navbar-nav > .open > a,
+.navbar-red .navbar-nav > .open > a:hover,
+.navbar-red .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-red .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-red .navbar-nav > .dropdown > a:hover .caret,
+.navbar-red .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-red .navbar-nav > .open > a .caret,
+.navbar-red .navbar-nav > .open > a:hover .caret,
+.navbar-red .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-red .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-red .navbar-toggle:hover,
+.navbar-red .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-red .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-red .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-red .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-red .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* pink */
+
+.navbar-pink {
+    background-color: #e91e63;
+}
+.navbar-pink .navbar-brand {
+    color: white;
+}
+.navbar-pink .navbar-brand:hover,
+.navbar-pink .navbar-brand:focus {
+    color: white;
+}
+.navbar-pink .navbar-nav > li > a {
+    color: white;
+}
+.navbar-pink .navbar-nav > li > a:hover,
+.navbar-pink .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-pink .navbar-nav > .active > a,
+.navbar-pink .navbar-nav > .active > a:hover,
+.navbar-pink .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-pink .navbar-nav > .open > a,
+.navbar-pink .navbar-nav > .open > a:hover,
+.navbar-pink .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-pink .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-pink .navbar-nav > .dropdown > a:hover .caret,
+.navbar-pink .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-pink .navbar-nav > .open > a .caret,
+.navbar-pink .navbar-nav > .open > a:hover .caret,
+.navbar-pink .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-pink .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-pink .navbar-toggle:hover,
+.navbar-pink .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-pink .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-pink .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-pink .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-pink .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* purple */
+
+.navbar-purple {
+    background-color: #9c27b0;
+}
+.navbar-purple .navbar-brand {
+    color: white;
+}
+.navbar-purple .navbar-brand:hover,
+.navbar-purple .navbar-brand:focus {
+    color: white;
+}
+.navbar-purple .navbar-nav > li > a {
+    color: white;
+}
+.navbar-purple .navbar-nav > li > a:hover,
+.navbar-purple .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-purple .navbar-nav > .active > a,
+.navbar-purple .navbar-nav > .active > a:hover,
+.navbar-purple .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-purple .navbar-nav > .open > a,
+.navbar-purple .navbar-nav > .open > a:hover,
+.navbar-purple .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-purple .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-purple .navbar-nav > .dropdown > a:hover .caret,
+.navbar-purple .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-purple .navbar-nav > .open > a .caret,
+.navbar-purple .navbar-nav > .open > a:hover .caret,
+.navbar-purple .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-purple .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-purple .navbar-toggle:hover,
+.navbar-purple .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-purple .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-purple .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-purple .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-purple .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* deep-purple */
+
+.navbar-deep-purple {
+    background-color: #673ab7;
+}
+.navbar-deep-purple .navbar-brand {
+    color: white;
+}
+.navbar-deep-purple .navbar-brand:hover,
+.navbar-deep-purple .navbar-brand:focus {
+    color: white;
+}
+.navbar-deep-purple .navbar-nav > li > a {
+    color: white;
+}
+.navbar-deep-purple .navbar-nav > li > a:hover,
+.navbar-deep-purple .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-deep-purple .navbar-nav > .active > a,
+.navbar-deep-purple .navbar-nav > .active > a:hover,
+.navbar-deep-purple .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-deep-purple .navbar-nav > .open > a,
+.navbar-deep-purple .navbar-nav > .open > a:hover,
+.navbar-deep-purple .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-deep-purple .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-deep-purple .navbar-nav > .dropdown > a:hover .caret,
+.navbar-deep-purple .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-deep-purple .navbar-nav > .open > a .caret,
+.navbar-deep-purple .navbar-nav > .open > a:hover .caret,
+.navbar-deep-purple .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-deep-purple .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-deep-purple .navbar-toggle:hover,
+.navbar-deep-purple .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-deep-purple .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* indigo */
+
+.navbar-indigo {
+    background-color: #3f51b5;
+}
+.navbar-indigo .navbar-brand {
+    color: white;
+}
+.navbar-indigo .navbar-brand:hover,
+.navbar-indigo .navbar-brand:focus {
+    color: white;
+}
+.navbar-indigo .navbar-nav > li > a {
+    color: white;
+}
+.navbar-indigo .navbar-nav > li > a:hover,
+.navbar-indigo .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-indigo .navbar-nav > .active > a,
+.navbar-indigo .navbar-nav > .active > a:hover,
+.navbar-indigo .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-indigo .navbar-nav > .open > a,
+.navbar-indigo .navbar-nav > .open > a:hover,
+.navbar-indigo .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-indigo .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-indigo .navbar-nav > .dropdown > a:hover .caret,
+.navbar-indigo .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-indigo .navbar-nav > .open > a .caret,
+.navbar-indigo .navbar-nav > .open > a:hover .caret,
+.navbar-indigo .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-indigo .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-indigo .navbar-toggle:hover,
+.navbar-indigo .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-indigo .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-indigo .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-indigo .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-indigo .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* blue */
+
+.navbar-blue {
+    background-color: #2196f3;
+}
+.navbar-blue .navbar-brand {
+    color: white;
+}
+.navbar-blue .navbar-brand:hover,
+.navbar-blue .navbar-brand:focus {
+    color: white;
+}
+.navbar-blue .navbar-nav > li > a {
+    color: white;
+}
+.navbar-blue .navbar-nav > li > a:hover,
+.navbar-blue .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-blue .navbar-nav > .active > a,
+.navbar-blue .navbar-nav > .active > a:hover,
+.navbar-blue .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-blue .navbar-nav > .open > a,
+.navbar-blue .navbar-nav > .open > a:hover,
+.navbar-blue .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-blue .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-blue .navbar-nav > .dropdown > a:hover .caret,
+.navbar-blue .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-blue .navbar-nav > .open > a .caret,
+.navbar-blue .navbar-nav > .open > a:hover .caret,
+.navbar-blue .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-blue .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-blue .navbar-toggle:hover,
+.navbar-blue .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-blue .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-blue .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* light-blue */
+
+.navbar-light-blue {
+    background-color: #03a9f4;
+}
+.navbar-light-blue .navbar-brand {
+    color: black;
+}
+.navbar-light-blue .navbar-brand:hover,
+.navbar-light-blue .navbar-brand:focus {
+    color: black;
+}
+.navbar-light-blue .navbar-nav > li > a {
+    color: black;
+}
+.navbar-light-blue .navbar-nav > li > a:hover,
+.navbar-light-blue .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-light-blue .navbar-nav > .active > a,
+.navbar-light-blue .navbar-nav > .active > a:hover,
+.navbar-light-blue .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-light-blue .navbar-nav > .open > a,
+.navbar-light-blue .navbar-nav > .open > a:hover,
+.navbar-light-blue .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-light-blue .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-light-blue .navbar-nav > .dropdown > a:hover .caret,
+.navbar-light-blue .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-light-blue .navbar-nav > .open > a .caret,
+.navbar-light-blue .navbar-nav > .open > a:hover .caret,
+.navbar-light-blue .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-light-blue .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-light-blue .navbar-toggle:hover,
+.navbar-light-blue .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-light-blue .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* cyan */
+
+.navbar-cyan {
+    background-color: #00bcd4;
+}
+.navbar-cyan .navbar-brand {
+    color: black;
+}
+.navbar-cyan .navbar-brand:hover,
+.navbar-cyan .navbar-brand:focus {
+    color: black;
+}
+.navbar-cyan .navbar-nav > li > a {
+    color: black;
+}
+.navbar-cyan .navbar-nav > li > a:hover,
+.navbar-cyan .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-cyan .navbar-nav > .active > a,
+.navbar-cyan .navbar-nav > .active > a:hover,
+.navbar-cyan .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-cyan .navbar-nav > .open > a,
+.navbar-cyan .navbar-nav > .open > a:hover,
+.navbar-cyan .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-cyan .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-cyan .navbar-nav > .dropdown > a:hover .caret,
+.navbar-cyan .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-cyan .navbar-nav > .open > a .caret,
+.navbar-cyan .navbar-nav > .open > a:hover .caret,
+.navbar-cyan .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-cyan .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-cyan .navbar-toggle:hover,
+.navbar-cyan .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-cyan .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-cyan .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-cyan .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-cyan .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* teal */
+
+.navbar-teal {
+    background-color: #009688;
+}
+.navbar-teal .navbar-brand {
+    color: white;
+}
+.navbar-teal .navbar-brand:hover,
+.navbar-teal .navbar-brand:focus {
+    color: white;
+}
+.navbar-teal .navbar-nav > li > a {
+    color: white;
+}
+.navbar-teal .navbar-nav > li > a:hover,
+.navbar-teal .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-teal .navbar-nav > .active > a,
+.navbar-teal .navbar-nav > .active > a:hover,
+.navbar-teal .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-teal .navbar-nav > .open > a,
+.navbar-teal .navbar-nav > .open > a:hover,
+.navbar-teal .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-teal .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-teal .navbar-nav > .dropdown > a:hover .caret,
+.navbar-teal .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-teal .navbar-nav > .open > a .caret,
+.navbar-teal .navbar-nav > .open > a:hover .caret,
+.navbar-teal .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-teal .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-teal .navbar-toggle:hover,
+.navbar-teal .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-teal .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-teal .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-teal .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-teal .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* green */
+
+.navbar-green {
+    background-color: #4caf50;
+}
+.navbar-green .navbar-brand {
+    color: black;
+}
+.navbar-green .navbar-brand:hover,
+.navbar-green .navbar-brand:focus {
+    color: black;
+}
+.navbar-green .navbar-nav > li > a {
+    color: black;
+}
+.navbar-green .navbar-nav > li > a:hover,
+.navbar-green .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-green .navbar-nav > .active > a,
+.navbar-green .navbar-nav > .active > a:hover,
+.navbar-green .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-green .navbar-nav > .open > a,
+.navbar-green .navbar-nav > .open > a:hover,
+.navbar-green .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-green .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-green .navbar-nav > .dropdown > a:hover .caret,
+.navbar-green .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-green .navbar-nav > .open > a .caret,
+.navbar-green .navbar-nav > .open > a:hover .caret,
+.navbar-green .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-green .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-green .navbar-toggle:hover,
+.navbar-green .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-green .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-green .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* light-green */
+
+.navbar-light-green {
+    background-color: #8bc34a;
+}
+.navbar-light-green .navbar-brand {
+    color: black;
+}
+.navbar-light-green .navbar-brand:hover,
+.navbar-light-green .navbar-brand:focus {
+    color: black;
+}
+.navbar-light-green .navbar-nav > li > a {
+    color: black;
+}
+.navbar-light-green .navbar-nav > li > a:hover,
+.navbar-light-green .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-light-green .navbar-nav > .active > a,
+.navbar-light-green .navbar-nav > .active > a:hover,
+.navbar-light-green .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-light-green .navbar-nav > .open > a,
+.navbar-light-green .navbar-nav > .open > a:hover,
+.navbar-light-green .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-light-green .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-light-green .navbar-nav > .dropdown > a:hover .caret,
+.navbar-light-green .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-light-green .navbar-nav > .open > a .caret,
+.navbar-light-green .navbar-nav > .open > a:hover .caret,
+.navbar-light-green .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-light-green .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-light-green .navbar-toggle:hover,
+.navbar-light-green .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-light-green .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-light-green .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-light-green .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-light-green .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* lime */
+
+.navbar-lime {
+    background-color: #cddc39;
+}
+.navbar-lime .navbar-brand {
+    color: black;
+}
+.navbar-lime .navbar-brand:hover,
+.navbar-lime .navbar-brand:focus {
+    color: black;
+}
+.navbar-lime .navbar-nav > li > a {
+    color: black;
+}
+.navbar-lime .navbar-nav > li > a:hover,
+.navbar-lime .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-lime .navbar-nav > .active > a,
+.navbar-lime .navbar-nav > .active > a:hover,
+.navbar-lime .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-lime .navbar-nav > .open > a,
+.navbar-lime .navbar-nav > .open > a:hover,
+.navbar-lime .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-lime .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-lime .navbar-nav > .dropdown > a:hover .caret,
+.navbar-lime .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-lime .navbar-nav > .open > a .caret,
+.navbar-lime .navbar-nav > .open > a:hover .caret,
+.navbar-lime .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-lime .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-lime .navbar-toggle:hover,
+.navbar-lime .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-lime .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-lime .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-lime .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-lime .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* yellow */
+
+.navbar-yellow {
+    background-color: #ffeb3b;
+}
+.navbar-yellow .navbar-brand {
+    color: black;
+}
+.navbar-yellow .navbar-brand:hover,
+.navbar-yellow .navbar-brand:focus {
+    color: black;
+}
+.navbar-yellow .navbar-nav > li > a {
+    color: black;
+}
+.navbar-yellow .navbar-nav > li > a:hover,
+.navbar-yellow .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-yellow .navbar-nav > .active > a,
+.navbar-yellow .navbar-nav > .active > a:hover,
+.navbar-yellow .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-yellow .navbar-nav > .open > a,
+.navbar-yellow .navbar-nav > .open > a:hover,
+.navbar-yellow .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-yellow .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-yellow .navbar-nav > .dropdown > a:hover .caret,
+.navbar-yellow .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-yellow .navbar-nav > .open > a .caret,
+.navbar-yellow .navbar-nav > .open > a:hover .caret,
+.navbar-yellow .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-yellow .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-yellow .navbar-toggle:hover,
+.navbar-yellow .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-yellow .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-yellow .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* amber */
+
+.navbar-amber {
+    background-color: #ffc107;
+}
+.navbar-amber .navbar-brand {
+    color: black;
+}
+.navbar-amber .navbar-brand:hover,
+.navbar-amber .navbar-brand:focus {
+    color: black;
+}
+.navbar-amber .navbar-nav > li > a {
+    color: black;
+}
+.navbar-amber .navbar-nav > li > a:hover,
+.navbar-amber .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-amber .navbar-nav > .active > a,
+.navbar-amber .navbar-nav > .active > a:hover,
+.navbar-amber .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-amber .navbar-nav > .open > a,
+.navbar-amber .navbar-nav > .open > a:hover,
+.navbar-amber .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-amber .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-amber .navbar-nav > .dropdown > a:hover .caret,
+.navbar-amber .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-amber .navbar-nav > .open > a .caret,
+.navbar-amber .navbar-nav > .open > a:hover .caret,
+.navbar-amber .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-amber .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-amber .navbar-toggle:hover,
+.navbar-amber .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-amber .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-amber .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-amber .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-amber .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* orange */
+
+.navbar-orange {
+    background-color: #ff9800;
+}
+.navbar-orange .navbar-brand {
+    color: black;
+}
+.navbar-orange .navbar-brand:hover,
+.navbar-orange .navbar-brand:focus {
+    color: black;
+}
+.navbar-orange .navbar-nav > li > a {
+    color: black;
+}
+.navbar-orange .navbar-nav > li > a:hover,
+.navbar-orange .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-orange .navbar-nav > .active > a,
+.navbar-orange .navbar-nav > .active > a:hover,
+.navbar-orange .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-orange .navbar-nav > .open > a,
+.navbar-orange .navbar-nav > .open > a:hover,
+.navbar-orange .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-orange .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-orange .navbar-nav > .dropdown > a:hover .caret,
+.navbar-orange .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-orange .navbar-nav > .open > a .caret,
+.navbar-orange .navbar-nav > .open > a:hover .caret,
+.navbar-orange .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-orange .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-orange .navbar-toggle:hover,
+.navbar-orange .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-orange .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-orange .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-orange .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-orange .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* deep-orange */
+
+.navbar-deep-orange {
+    background-color: #ff5722;
+}
+.navbar-deep-orange .navbar-brand {
+    color: white;
+}
+.navbar-deep-orange .navbar-brand:hover,
+.navbar-deep-orange .navbar-brand:focus {
+    color: white;
+}
+.navbar-deep-orange .navbar-nav > li > a {
+    color: white;
+}
+.navbar-deep-orange .navbar-nav > li > a:hover,
+.navbar-deep-orange .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-deep-orange .navbar-nav > .active > a,
+.navbar-deep-orange .navbar-nav > .active > a:hover,
+.navbar-deep-orange .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-deep-orange .navbar-nav > .open > a,
+.navbar-deep-orange .navbar-nav > .open > a:hover,
+.navbar-deep-orange .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-deep-orange .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-deep-orange .navbar-nav > .dropdown > a:hover .caret,
+.navbar-deep-orange .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-deep-orange .navbar-nav > .open > a .caret,
+.navbar-deep-orange .navbar-nav > .open > a:hover .caret,
+.navbar-deep-orange .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-deep-orange .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-deep-orange .navbar-toggle:hover,
+.navbar-deep-orange .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-deep-orange .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* brown */
+
+.navbar-brown {
+    background-color: #795548;
+}
+.navbar-brown .navbar-brand {
+    color: white;
+}
+.navbar-brown .navbar-brand:hover,
+.navbar-brown .navbar-brand:focus {
+    color: white;
+}
+.navbar-brown .navbar-nav > li > a {
+    color: white;
+}
+.navbar-brown .navbar-nav > li > a:hover,
+.navbar-brown .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-brown .navbar-nav > .active > a,
+.navbar-brown .navbar-nav > .active > a:hover,
+.navbar-brown .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-brown .navbar-nav > .open > a,
+.navbar-brown .navbar-nav > .open > a:hover,
+.navbar-brown .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-brown .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-brown .navbar-nav > .dropdown > a:hover .caret,
+.navbar-brown .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-brown .navbar-nav > .open > a .caret,
+.navbar-brown .navbar-nav > .open > a:hover .caret,
+.navbar-brown .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-brown .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-brown .navbar-toggle:hover,
+.navbar-brown .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-brown .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-brown .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-brown .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-brown .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+
+/* grey */
+
+.navbar-grey {
+    background-color: #9e9e9e;
+}
+.navbar-grey .navbar-brand {
+    color: black;
+}
+.navbar-grey .navbar-brand:hover,
+.navbar-grey .navbar-brand:focus {
+    color: black;
+}
+.navbar-grey .navbar-nav > li > a {
+    color: black;
+}
+.navbar-grey .navbar-nav > li > a:hover,
+.navbar-grey .navbar-nav > li > a:focus {
+    color: black;
+}
+.navbar-grey .navbar-nav > .active > a,
+.navbar-grey .navbar-nav > .active > a:hover,
+.navbar-grey .navbar-nav > .active > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-grey .navbar-nav > .open > a,
+.navbar-grey .navbar-nav > .open > a:hover,
+.navbar-grey .navbar-nav > .open > a:focus {
+    color: black;
+    background: rgba(0,0,0,.2);
+}
+.navbar-grey .navbar-nav > .dropdown > a .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-grey .navbar-nav > .dropdown > a:hover .caret,
+.navbar-grey .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-grey .navbar-nav > .open > a .caret,
+.navbar-grey .navbar-nav > .open > a:hover .caret,
+.navbar-grey .navbar-nav > .open > a:focus .caret {
+    border-top-color: black;
+    border-bottom-color: black;
+}
+.navbar-grey .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-grey .navbar-toggle:hover,
+.navbar-grey .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-grey .navbar-toggle .icon-bar {
+    background-color: black;
+}
+@media (max-width: 767px) {
+    .navbar-grey .navbar-nav .open .dropdown-menu > li > a {
+        color: black;
+    }
+    .navbar-grey .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-grey .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: black;
+    }
+}
+
+
+/* blue-grey */
+
+.navbar-blue-grey {
+    background-color: #607d8b;
+}
+.navbar-blue-grey .navbar-brand {
+    color: white;
+}
+.navbar-blue-grey .navbar-brand:hover,
+.navbar-blue-grey .navbar-brand:focus {
+    color: white;
+}
+.navbar-blue-grey .navbar-nav > li > a {
+    color: white;
+}
+.navbar-blue-grey .navbar-nav > li > a:hover,
+.navbar-blue-grey .navbar-nav > li > a:focus {
+    color: white;
+}
+.navbar-blue-grey .navbar-nav > .active > a,
+.navbar-blue-grey .navbar-nav > .active > a:hover,
+.navbar-blue-grey .navbar-nav > .active > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-blue-grey .navbar-nav > .open > a,
+.navbar-blue-grey .navbar-nav > .open > a:hover,
+.navbar-blue-grey .navbar-nav > .open > a:focus {
+    color: white;
+    background: rgba(0,0,0,.2);
+}
+.navbar-blue-grey .navbar-nav > .dropdown > a .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-blue-grey .navbar-nav > .dropdown > a:hover .caret,
+.navbar-blue-grey .navbar-nav > .dropdown > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-blue-grey .navbar-nav > .open > a .caret,
+.navbar-blue-grey .navbar-nav > .open > a:hover .caret,
+.navbar-blue-grey .navbar-nav > .open > a:focus .caret {
+    border-top-color: white;
+    border-bottom-color: white;
+}
+.navbar-blue-grey .navbar-toggle {
+    border-color: rgba(0,0,0,.2);
+}
+.navbar-blue-grey .navbar-toggle:hover,
+.navbar-blue-grey .navbar-toggle:focus {
+    background: rgba(0,0,0,.2);
+}
+.navbar-blue-grey .navbar-toggle .icon-bar {
+    background-color: white;
+}
+@media (max-width: 767px) {
+    .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a {
+        color: white;
+    }
+    .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a:hover,
+    .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: white;
+    }
+}
+
+/*****************************************************\
+                       BUTTONS
+\*****************************************************/
+
+.btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus {
+    background-color: #f44336;
+    color: white;
+}
+
+.btn-pink, .btn-pink:hover, .btn-pink:active, .btn-pink:focus {
+    background-color: #e91e63;
+    color: white;
+}
+
+.btn-purple, .btn-purple:hover, .btn-purple:active, .btn-purple:focus {
+    background-color: #9c27b0;
+    color: white;
+}
+
+.btn-deep-purple, .btn-deep-purple:hover, .btn-deep-purple:active, .btn-deep-purple:focus {
+    background-color: #673ab7;
+    color: white;
+}
+
+.btn-indigo, .btn-indigo:hover, .btn-indigo:active, .btn-indigo:focus {
+    background-color: #3f51b5;
+    color: white;
+}
+
+.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
+    background-color: #2196f3;
+    color: white;
+}
+
+.btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus {
+    background-color: #03a9f4;
+    color: black;
+}
+
+.btn-cyan, .btn-cyan:hover, .btn-cyan:active, .btn-cyan:focus {
+    background-color: #00bcd4;
+    color: black;
+}
+
+.btn-teal, .btn-teal:hover, .btn-teal:active, .btn-teal:focus {
+    background-color: #009688;
+    color: white;
+}
+
+.btn-green, .btn-green:hover, .btn-green:active, .btn-green:focus {
+    background-color: #4caf50;
+    color: black;
+}
+
+.btn-light-green, .btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus {
+    background-color: #8bc34a;
+    color: black;
+}
+
+.btn-lime, .btn-lime:hover, .btn-lime:active, .btn-lime:focus {
+    background-color: #cddc39;
+    color: black;
+}
+
+.btn-yellow, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
+    background-color: #ffeb3b;
+    color: black;
+}
+
+.btn-amber, .btn-amber:hover, .btn-amber:active, .btn-amber:focus {
+    background-color: #ffc107;
+    color: black;
+}
+
+.btn-orange, .btn-orange:hover, .btn-orange:active, .btn-orange:focus {
+    background-color: #ff9800;
+    color: black;
+}
+
+.btn-deep-orange, .btn-deep-orange:hover, .btn-deep-orange:active, .btn-deep-orange:focus {
+    background-color: #ff5722;
+    color: white;
+}
+
+.btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown:focus {
+    background-color: #795548;
+    color: white;
+}
+
+.btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey:focus {
+    background-color: #9e9e9e;
+    color: black;
+}
+
+.btn-blue-grey, .btn-blue-grey:hover, .btn-blue-grey:active, .btn-blue-grey:focus {
+    background-color: #607d8b;
+    color: white;
+}
+
+/*****************************************************\
+                         TEXT
+\*****************************************************/
+
+.text-red {
+    color: #f44336;
+}
+
+.text-pink {
+    color: #e91e63;
+}
+
+.text-purple {
+    color: #9c27b0;
+}
+
+.text-deep-purple {
+    color: #673ab7;
+}
+
+.text-indigo {
+    color: #3f51b5;
+}
+
+.text-blue {
+    color: #2196f3;
+}
+
+.text-light-blue {
+    color: #03a9f4;
+}
+
+.text-cyan {
+    color: #00bcd4;
+}
+
+.text-teal {
+    color: #009688;
+}
+
+.text-green {
+    color: #4caf50;
+}
+
+.text-light-green {
+    color: #8bc34a;
+}
+
+.text-lime {
+    color: #cddc39;
+}
+
+.text-yellow {
+    color: #ffeb3b;
+}
+
+.text-amber {
+    color: #ffc107;
+}
+
+.text-orange {
+    color: #ff9800;
+}
+
+.text-deep-orange {
+    color: #ff5722;
+}
+
+.text-brown {
+    color: #795548;
+}
+
+.text-grey {
+    color: #9e9e9e;
+}
+
+.text-blue-grey {
+    color: #607d8b;
+}
+
+/*****************************************************\
+                        LABELS
+\*****************************************************/
+
+.label-red {
+    background-color: #f44336;
+    color: white;
+}
+
+.label-pink {
+    background-color: #e91e63;
+    color: white;
+}
+
+.label-purple {
+    background-color: #9c27b0;
+    color: white;
+}
+
+.label-deep-purple {
+    background-color: #673ab7;
+    color: white;
+}
+
+.label-indigo {
+    background-color: #3f51b5;
+    color: white;
+}
+
+.label-blue {
+    background-color: #2196f3;
+    color: white;
+}
+
+.label-light-blue {
+    background-color: #03a9f4;
+    color: black;
+}
+
+.label-cyan {
+    background-color: #00bcd4;
+    color: black;
+}
+
+.label-teal {
+    background-color: #009688;
+    color: white;
+}
+
+.label-green {
+    background-color: #4caf50;
+    color: black;
+}
+
+.label-light-green {
+    background-color: #8bc34a;
+    color: black;
+}
+
+.label-lime {
+    background-color: #cddc39;
+    color: black;
+}
+
+.label-yellow {
+    background-color: #ffeb3b;
+    color: black;
+}
+
+.label-amber {
+    background-color: #ffc107;
+    color: black;
+}
+
+.label-orange {
+    background-color: #ff9800;
+    color: black;
+}
+
+.label-deep-orange {
+    background-color: #ff5722;
+    color: white;
+}
+
+.label-brown {
+    background-color: #795548;
+    color: white;
+}
+
+.label-grey {
+    background-color: #9e9e9e;
+    color: black;
+}
+
+.label-blue-grey {
+    background-color: #607d8b;
+    color: white;
+}
+
+/*****************************************************\
+                    PROGRESS BARS
+\*****************************************************/
+
+.progress-bar-red {
+    background-color: #f44336;
+    color: white;
+}
+
+.progress-bar-pink {
+    background-color: #e91e63;
+    color: white;
+}
+
+.progress-bar-purple {
+    background-color: #9c27b0;
+    color: white;
+}
+
+.progress-bar-deep-purple {
+    background-color: #673ab7;
+    color: white;
+}
+
+.progress-bar-indigo {
+    background-color: #3f51b5;
+    color: white;
+}
+
+.progress-bar-blue {
+    background-color: #2196f3;
+    color: white;
+}
+
+.progress-bar-light-blue {
+    background-color: #03a9f4;
+    color: black;
+}
+
+.progress-bar-cyan {
+    background-color: #00bcd4;
+    color: black;
+}
+
+.progress-bar-teal {
+    background-color: #009688;
+    color: white;
+}
+
+.progress-bar-green {
+    background-color: #4caf50;
+    color: black;
+}
+
+.progress-bar-light-green {
+    background-color: #8bc34a;
+    color: black;
+}
+
+.progress-bar-lime {
+    background-color: #cddc39;
+    color: black;
+}
+
+.progress-bar-yellow {
+    background-color: #ffeb3b;
+    color: black;
+}
+
+.progress-bar-amber {
+    background-color: #ffc107;
+    color: black;
+}
+
+.progress-bar-orange {
+    background-color: #ff9800;
+    color: black;
+}
+
+.progress-bar-deep-orange {
+    background-color: #ff5722;
+    color: white;
+}
+
+.progress-bar-brown {
+    background-color: #795548;
+    color: white;
+}
+
+.progress-bar-grey {
+    background-color: #9e9e9e;
+    color: black;
+}
+
+.progress-bar-blue-grey {
+    background-color: #607d8b;
+    color: white;
+}
\ No newline at end of file
diff --git a/static/css/material-color.min.css b/static/css/material-color.min.css
new file mode 100644
index 0000000..f6d5ecd
--- /dev/null
+++ b/static/css/material-color.min.css
@@ -0,0 +1,2 @@
+/* Material-Color.css   Copyright (c) 2017 Netsyms Technologies  MIT License */
+.navbar-blue .navbar-nav>.dropdown>a .caret,.navbar-blue .navbar-nav>.dropdown>a:focus .caret,.navbar-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-blue .navbar-nav>.open>a .caret,.navbar-blue .navbar-nav>.open>a:focus .caret,.navbar-blue .navbar-nav>.open>a:hover .caret,.navbar-deep-purple .navbar-nav>.dropdown>a .caret,.navbar-deep-purple .navbar-nav>.dropdown>a:focus .caret,.navbar-deep-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-purple .navbar-nav>.open>a .caret,.navbar-deep-purple .navbar-nav>.open>a:focus .caret,.navbar-deep-purple .navbar-nav>.open>a:hover .caret,.navbar-indigo .navbar-nav>.dropdown>a .caret,.navbar-indigo .navbar-nav>.dropdown>a:focus .caret,.navbar-indigo .navbar-nav>.dropdown>a:hover .caret,.navbar-indigo .navbar-nav>.open>a .caret,.navbar-indigo .navbar-nav>.open>a:focus .caret,.navbar-indigo .navbar-nav>.open>a:hover .caret,.navbar-pink .navbar-nav>.dropdown>a .caret,.navbar-pink .navbar-nav>.dropdown>a:focus .caret,.navbar-pink .navbar-nav>.dropdown>a:hover .caret,.navbar-pink .navbar-nav>.open>a .caret,.navbar-pink .navbar-nav>.open>a:focus .caret,.navbar-pink .navbar-nav>.open>a:hover .caret,.navbar-purple .navbar-nav>.dropdown>a .caret,.navbar-purple .navbar-nav>.dropdown>a:focus .caret,.navbar-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-purple .navbar-nav>.open>a .caret,.navbar-purple .navbar-nav>.open>a:focus .caret,.navbar-purple .navbar-nav>.open>a:hover .caret,.navbar-red .navbar-nav>.dropdown>a .caret,.navbar-red .navbar-nav>.dropdown>a:focus .caret,.navbar-red .navbar-nav>.dropdown>a:hover .caret,.navbar-red .navbar-nav>.open>a .caret,.navbar-red .navbar-nav>.open>a:focus .caret,.navbar-red .navbar-nav>.open>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.panel-red .panel-heading{background-color:#f44336;color:#fff}.panel-pink .panel-heading{background-color:#e91e63;color:#fff}.panel-purple .panel-heading{background-color:#9c27b0;color:#fff}.panel-deep-purple .panel-heading{background-color:#673ab7;color:#fff}.panel-indigo .panel-heading{background-color:#3f51b5;color:#fff}.panel-blue .panel-heading{background-color:#2196f3;color:#fff}.panel-light-blue .panel-heading{background-color:#03a9f4;color:#000}.panel-cyan .panel-heading{background-color:#00bcd4;color:#000}.panel-teal .panel-heading{background-color:#009688;color:#fff}.panel-green .panel-heading{background-color:#4caf50;color:#000}.panel-light-green .panel-heading{background-color:#8bc34a;color:#000}.panel-lime .panel-heading{background-color:#cddc39;color:#000}.panel-yellow .panel-heading{background-color:#ffeb3b;color:#000}.panel-amber .panel-heading{background-color:#ffc107;color:#000}.panel-orange .panel-heading{background-color:#ff9800;color:#000}.panel-deep-orange .panel-heading{background-color:#ff5722;color:#fff}.panel-brown .panel-heading{background-color:#795548;color:#fff}.panel-grey .panel-heading{background-color:#9e9e9e;color:#000}.panel-blue-grey .panel-heading{background-color:#607d8b;color:#fff}.panel-red .panel-footer{background-color:#ef9a9a;color:#000}.panel-pink .panel-footer{background-color:#f48fb1;color:#000}.panel-purple .panel-footer{background-color:#ce93d8;color:#000}.panel-deep-purple .panel-footer{background-color:#b39ddb;color:#000}.panel-indigo .panel-footer{background-color:#9fa8da;color:#000}.panel-blue .panel-footer{background-color:#90caf9;color:#000}.panel-light-blue .panel-footer{background-color:#81d4fa;color:#000}.panel-cyan .panel-footer{background-color:#80deea;color:#000}.panel-teal .panel-footer{background-color:#80cbc4;color:#000}.panel-green .panel-footer{background-color:#a5d6a7;color:#000}.panel-light-green .panel-footer{background-color:#c5e1a5;color:#000}.panel-lime .panel-footer{background-color:#e6ee9c;color:#000}.panel-yellow .panel-footer{background-color:#fff59d;color:#000}.panel-amber .panel-footer{background-color:#ffe082;color:#000}.panel-orange .panel-footer{background-color:#ffcc80;color:#000}.panel-deep-orange .panel-footer{background-color:#ffab91;color:#000}.panel-brown .panel-footer{background-color:#bcaaa4;color:#000}.panel-grey .panel-footer{background-color:#eee;color:#000}.panel-blue-grey .panel-footer{background-color:#b0bec5;color:#000}.alert-red{background-color:#f44336;color:#fff}.alert-pink{background-color:#e91e63;color:#fff}.alert-purple{background-color:#9c27b0;color:#fff}.alert-deep-purple{background-color:#673ab7;color:#fff}.alert-indigo{background-color:#3f51b5;color:#fff}.alert-blue{background-color:#2196f3;color:#fff}.alert-light-blue{background-color:#03a9f4;color:#000}.alert-cyan{background-color:#00bcd4;color:#000}.alert-teal{background-color:#009688;color:#fff}.alert-green{background-color:#4caf50;color:#000}.alert-light-green{background-color:#8bc34a;color:#000}.alert-lime{background-color:#cddc39;color:#000}.alert-yellow{background-color:#ffeb3b;color:#000}.alert-amber{background-color:#ffc107;color:#000}.alert-orange{background-color:#ff9800;color:#000}.alert-deep-orange{background-color:#ff5722;color:#fff}.alert-brown{background-color:#795548;color:#fff}.alert-grey{background-color:#9e9e9e;color:#000}.alert-blue-grey{background-color:#607d8b;color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:rgba(0,0,0,.3)}.navbar-amber .navbar-toggle,.navbar-blue .navbar-toggle,.navbar-blue-grey .navbar-toggle,.navbar-brown .navbar-toggle,.navbar-cyan .navbar-toggle,.navbar-deep-orange .navbar-toggle,.navbar-deep-purple .navbar-toggle,.navbar-grey .navbar-toggle,.navbar-indigo .navbar-toggle,.navbar-light-blue .navbar-toggle,.navbar-light-green .navbar-toggle,.navbar-lime .navbar-toggle,.navbar-orange .navbar-toggle,.navbar-pink .navbar-toggle,.navbar-purple .navbar-toggle,.navbar-red .navbar-toggle,.navbar-teal .navbar-toggle,.navbar-yellow .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-red{background-color:#f44336}.navbar-red .navbar-brand,.navbar-red .navbar-brand:focus,.navbar-red .navbar-brand:hover,.navbar-red .navbar-nav>li>a,.navbar-red .navbar-nav>li>a:focus,.navbar-red .navbar-nav>li>a:hover{color:#fff}.navbar-red .navbar-nav>.active>a,.navbar-red .navbar-nav>.active>a:focus,.navbar-red .navbar-nav>.active>a:hover,.navbar-red .navbar-nav>.open>a,.navbar-red .navbar-nav>.open>a:focus,.navbar-red .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-red .navbar-toggle:focus,.navbar-red .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-red .navbar-toggle .icon-bar{background-color:#fff}.navbar-pink{background-color:#e91e63}.navbar-pink .navbar-brand,.navbar-pink .navbar-brand:focus,.navbar-pink .navbar-brand:hover,.navbar-pink .navbar-nav>li>a,.navbar-pink .navbar-nav>li>a:focus,.navbar-pink .navbar-nav>li>a:hover{color:#fff}.navbar-pink .navbar-nav>.active>a,.navbar-pink .navbar-nav>.active>a:focus,.navbar-pink .navbar-nav>.active>a:hover,.navbar-pink .navbar-nav>.open>a,.navbar-pink .navbar-nav>.open>a:focus,.navbar-pink .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-pink .navbar-toggle:focus,.navbar-pink .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-pink .navbar-toggle .icon-bar{background-color:#fff}.navbar-purple{background-color:#9c27b0}.navbar-purple .navbar-brand,.navbar-purple .navbar-brand:focus,.navbar-purple .navbar-brand:hover,.navbar-purple .navbar-nav>li>a,.navbar-purple .navbar-nav>li>a:focus,.navbar-purple .navbar-nav>li>a:hover{color:#fff}.navbar-purple .navbar-nav>.active>a,.navbar-purple .navbar-nav>.active>a:focus,.navbar-purple .navbar-nav>.active>a:hover,.navbar-purple .navbar-nav>.open>a,.navbar-purple .navbar-nav>.open>a:focus,.navbar-purple .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-purple .navbar-toggle:focus,.navbar-purple .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-purple .navbar-toggle .icon-bar{background-color:#fff}.navbar-deep-purple{background-color:#673ab7}.navbar-deep-purple .navbar-brand,.navbar-deep-purple .navbar-brand:focus,.navbar-deep-purple .navbar-brand:hover,.navbar-deep-purple .navbar-nav>li>a,.navbar-deep-purple .navbar-nav>li>a:focus,.navbar-deep-purple .navbar-nav>li>a:hover{color:#fff}.navbar-deep-purple .navbar-nav>.active>a,.navbar-deep-purple .navbar-nav>.active>a:focus,.navbar-deep-purple .navbar-nav>.active>a:hover,.navbar-deep-purple .navbar-nav>.open>a,.navbar-deep-purple .navbar-nav>.open>a:focus,.navbar-deep-purple .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-toggle:focus,.navbar-deep-purple .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-toggle .icon-bar{background-color:#fff}.navbar-indigo{background-color:#3f51b5}.navbar-indigo .navbar-brand,.navbar-indigo .navbar-brand:focus,.navbar-indigo .navbar-brand:hover,.navbar-indigo .navbar-nav>li>a,.navbar-indigo .navbar-nav>li>a:focus,.navbar-indigo .navbar-nav>li>a:hover{color:#fff}.navbar-indigo .navbar-nav>.active>a,.navbar-indigo .navbar-nav>.active>a:focus,.navbar-indigo .navbar-nav>.active>a:hover,.navbar-indigo .navbar-nav>.open>a,.navbar-indigo .navbar-nav>.open>a:focus,.navbar-indigo .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-indigo .navbar-toggle:focus,.navbar-indigo .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-indigo .navbar-toggle .icon-bar{background-color:#fff}.navbar-blue{background-color:#2196f3}.navbar-blue .navbar-brand,.navbar-blue .navbar-brand:focus,.navbar-blue .navbar-brand:hover,.navbar-blue .navbar-nav>li>a,.navbar-blue .navbar-nav>li>a:focus,.navbar-blue .navbar-nav>li>a:hover{color:#fff}.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.active>a:focus,.navbar-blue .navbar-nav>.active>a:hover,.navbar-blue .navbar-nav>.open>a,.navbar-blue .navbar-nav>.open>a:focus,.navbar-blue .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-cyan .navbar-nav>.dropdown>a .caret,.navbar-cyan .navbar-nav>.dropdown>a:focus .caret,.navbar-cyan .navbar-nav>.dropdown>a:hover .caret,.navbar-cyan .navbar-nav>.open>a .caret,.navbar-cyan .navbar-nav>.open>a:focus .caret,.navbar-cyan .navbar-nav>.open>a:hover .caret,.navbar-light-blue .navbar-nav>.dropdown>a .caret,.navbar-light-blue .navbar-nav>.dropdown>a:focus .caret,.navbar-light-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-light-blue .navbar-nav>.open>a .caret,.navbar-light-blue .navbar-nav>.open>a:focus .caret,.navbar-light-blue .navbar-nav>.open>a:hover .caret{border-top-color:#000;border-bottom-color:#000}.navbar-blue .navbar-toggle:focus,.navbar-blue .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-blue .navbar-toggle .icon-bar{background-color:#fff}@media (max-width:767px){.navbar-blue .navbar-nav .open .dropdown-menu>li>a,.navbar-blue .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a,.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-indigo .navbar-nav .open .dropdown-menu>li>a,.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-pink .navbar-nav .open .dropdown-menu>li>a,.navbar-pink .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-pink .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-purple .navbar-nav .open .dropdown-menu>li>a,.navbar-purple .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-red .navbar-nav .open .dropdown-menu>li>a,.navbar-red .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-red .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff}.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a,.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:hover{color:#000}}.navbar-light-blue{background-color:#03a9f4}.navbar-light-blue .navbar-brand,.navbar-light-blue .navbar-brand:focus,.navbar-light-blue .navbar-brand:hover,.navbar-light-blue .navbar-nav>li>a,.navbar-light-blue .navbar-nav>li>a:focus,.navbar-light-blue .navbar-nav>li>a:hover{color:#000}.navbar-light-blue .navbar-nav>.active>a,.navbar-light-blue .navbar-nav>.active>a:focus,.navbar-light-blue .navbar-nav>.active>a:hover,.navbar-light-blue .navbar-nav>.open>a,.navbar-light-blue .navbar-nav>.open>a:focus,.navbar-light-blue .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-toggle:focus,.navbar-light-blue .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-toggle .icon-bar{background-color:#000}.navbar-cyan{background-color:#00bcd4}.navbar-cyan .navbar-brand,.navbar-cyan .navbar-brand:focus,.navbar-cyan .navbar-brand:hover,.navbar-cyan .navbar-nav>li>a,.navbar-cyan .navbar-nav>li>a:focus,.navbar-cyan .navbar-nav>li>a:hover{color:#000}.navbar-cyan .navbar-nav>.active>a,.navbar-cyan .navbar-nav>.active>a:focus,.navbar-cyan .navbar-nav>.active>a:hover,.navbar-cyan .navbar-nav>.open>a,.navbar-cyan .navbar-nav>.open>a:focus,.navbar-cyan .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-cyan .navbar-toggle:focus,.navbar-cyan .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-cyan .navbar-toggle .icon-bar{background-color:#000}@media (max-width:767px){.navbar-cyan .navbar-nav .open .dropdown-menu>li>a,.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:hover{color:#000}.navbar-teal .navbar-nav .open .dropdown-menu>li>a,.navbar-teal .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-teal .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff}}.navbar-teal{background-color:#009688}.navbar-teal .navbar-brand,.navbar-teal .navbar-brand:focus,.navbar-teal .navbar-brand:hover,.navbar-teal .navbar-nav>li>a,.navbar-teal .navbar-nav>li>a:focus,.navbar-teal .navbar-nav>li>a:hover{color:#fff}.navbar-teal .navbar-nav>.active>a,.navbar-teal .navbar-nav>.active>a:focus,.navbar-teal .navbar-nav>.active>a:hover,.navbar-teal .navbar-nav>.open>a,.navbar-teal .navbar-nav>.open>a:focus,.navbar-teal .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-teal .navbar-nav>.dropdown>a .caret,.navbar-teal .navbar-nav>.dropdown>a:focus .caret,.navbar-teal .navbar-nav>.dropdown>a:hover .caret,.navbar-teal .navbar-nav>.open>a .caret,.navbar-teal .navbar-nav>.open>a:focus .caret,.navbar-teal .navbar-nav>.open>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-amber .navbar-nav>.dropdown>a .caret,.navbar-amber .navbar-nav>.dropdown>a:focus .caret,.navbar-amber .navbar-nav>.dropdown>a:hover .caret,.navbar-amber .navbar-nav>.open>a .caret,.navbar-amber .navbar-nav>.open>a:focus .caret,.navbar-amber .navbar-nav>.open>a:hover .caret,.navbar-green .navbar-nav>.dropdown>a .caret,.navbar-green .navbar-nav>.dropdown>a:focus .caret,.navbar-green .navbar-nav>.dropdown>a:hover .caret,.navbar-green .navbar-nav>.open>a .caret,.navbar-green .navbar-nav>.open>a:focus .caret,.navbar-green .navbar-nav>.open>a:hover .caret,.navbar-light-green .navbar-nav>.dropdown>a .caret,.navbar-light-green .navbar-nav>.dropdown>a:focus .caret,.navbar-light-green .navbar-nav>.dropdown>a:hover .caret,.navbar-light-green .navbar-nav>.open>a .caret,.navbar-light-green .navbar-nav>.open>a:focus .caret,.navbar-light-green .navbar-nav>.open>a:hover .caret,.navbar-lime .navbar-nav>.dropdown>a .caret,.navbar-lime .navbar-nav>.dropdown>a:focus .caret,.navbar-lime .navbar-nav>.dropdown>a:hover .caret,.navbar-lime .navbar-nav>.open>a .caret,.navbar-lime .navbar-nav>.open>a:focus .caret,.navbar-lime .navbar-nav>.open>a:hover .caret,.navbar-orange .navbar-nav>.dropdown>a .caret,.navbar-orange .navbar-nav>.dropdown>a:focus .caret,.navbar-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-orange .navbar-nav>.open>a .caret,.navbar-orange .navbar-nav>.open>a:focus .caret,.navbar-orange .navbar-nav>.open>a:hover .caret,.navbar-yellow .navbar-nav>.dropdown>a .caret,.navbar-yellow .navbar-nav>.dropdown>a:focus .caret,.navbar-yellow .navbar-nav>.dropdown>a:hover .caret,.navbar-yellow .navbar-nav>.open>a .caret,.navbar-yellow .navbar-nav>.open>a:focus .caret,.navbar-yellow .navbar-nav>.open>a:hover .caret{border-top-color:#000;border-bottom-color:#000}.navbar-teal .navbar-toggle:focus,.navbar-teal .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-teal .navbar-toggle .icon-bar{background-color:#fff}.navbar-green{background-color:#4caf50}.navbar-green .navbar-brand,.navbar-green .navbar-brand:focus,.navbar-green .navbar-brand:hover,.navbar-green .navbar-nav>li>a,.navbar-green .navbar-nav>li>a:focus,.navbar-green .navbar-nav>li>a:hover{color:#000}.navbar-green .navbar-nav>.active>a,.navbar-green .navbar-nav>.active>a:focus,.navbar-green .navbar-nav>.active>a:hover,.navbar-green .navbar-nav>.open>a,.navbar-green .navbar-nav>.open>a:focus,.navbar-green .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-green .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-green .navbar-toggle:focus,.navbar-green .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-green .navbar-toggle .icon-bar{background-color:#000}.navbar-light-green{background-color:#8bc34a}.navbar-light-green .navbar-brand,.navbar-light-green .navbar-brand:focus,.navbar-light-green .navbar-brand:hover,.navbar-light-green .navbar-nav>li>a,.navbar-light-green .navbar-nav>li>a:focus,.navbar-light-green .navbar-nav>li>a:hover{color:#000}.navbar-light-green .navbar-nav>.active>a,.navbar-light-green .navbar-nav>.active>a:focus,.navbar-light-green .navbar-nav>.active>a:hover,.navbar-light-green .navbar-nav>.open>a,.navbar-light-green .navbar-nav>.open>a:focus,.navbar-light-green .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-light-green .navbar-toggle:focus,.navbar-light-green .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-light-green .navbar-toggle .icon-bar{background-color:#000}.navbar-lime{background-color:#cddc39}.navbar-lime .navbar-brand,.navbar-lime .navbar-brand:focus,.navbar-lime .navbar-brand:hover,.navbar-lime .navbar-nav>li>a,.navbar-lime .navbar-nav>li>a:focus,.navbar-lime .navbar-nav>li>a:hover{color:#000}.navbar-lime .navbar-nav>.active>a,.navbar-lime .navbar-nav>.active>a:focus,.navbar-lime .navbar-nav>.active>a:hover,.navbar-lime .navbar-nav>.open>a,.navbar-lime .navbar-nav>.open>a:focus,.navbar-lime .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-lime .navbar-toggle:focus,.navbar-lime .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-lime .navbar-toggle .icon-bar{background-color:#000}.navbar-yellow{background-color:#ffeb3b}.navbar-yellow .navbar-brand,.navbar-yellow .navbar-brand:focus,.navbar-yellow .navbar-brand:hover,.navbar-yellow .navbar-nav>li>a,.navbar-yellow .navbar-nav>li>a:focus,.navbar-yellow .navbar-nav>li>a:hover{color:#000}.navbar-yellow .navbar-nav>.active>a,.navbar-yellow .navbar-nav>.active>a:focus,.navbar-yellow .navbar-nav>.active>a:hover,.navbar-yellow .navbar-nav>.open>a,.navbar-yellow .navbar-nav>.open>a:focus,.navbar-yellow .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-yellow .navbar-toggle:focus,.navbar-yellow .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-yellow .navbar-toggle .icon-bar{background-color:#000}.navbar-amber{background-color:#ffc107}.navbar-amber .navbar-brand,.navbar-amber .navbar-brand:focus,.navbar-amber .navbar-brand:hover,.navbar-amber .navbar-nav>li>a,.navbar-amber .navbar-nav>li>a:focus,.navbar-amber .navbar-nav>li>a:hover{color:#000}.navbar-amber .navbar-nav>.active>a,.navbar-amber .navbar-nav>.active>a:focus,.navbar-amber .navbar-nav>.active>a:hover,.navbar-amber .navbar-nav>.open>a,.navbar-amber .navbar-nav>.open>a:focus,.navbar-amber .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-amber .navbar-toggle:focus,.navbar-amber .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-amber .navbar-toggle .icon-bar{background-color:#000}.navbar-orange{background-color:#ff9800}.navbar-orange .navbar-brand,.navbar-orange .navbar-brand:focus,.navbar-orange .navbar-brand:hover,.navbar-orange .navbar-nav>li>a,.navbar-orange .navbar-nav>li>a:focus,.navbar-orange .navbar-nav>li>a:hover{color:#000}.navbar-orange .navbar-nav>.active>a,.navbar-orange .navbar-nav>.active>a:focus,.navbar-orange .navbar-nav>.active>a:hover,.navbar-orange .navbar-nav>.open>a,.navbar-orange .navbar-nav>.open>a:focus,.navbar-orange .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-brown .navbar-nav>.dropdown>a .caret,.navbar-brown .navbar-nav>.dropdown>a:focus .caret,.navbar-brown .navbar-nav>.dropdown>a:hover .caret,.navbar-brown .navbar-nav>.open>a .caret,.navbar-brown .navbar-nav>.open>a:focus .caret,.navbar-brown .navbar-nav>.open>a:hover .caret,.navbar-deep-orange .navbar-nav>.dropdown>a .caret,.navbar-deep-orange .navbar-nav>.dropdown>a:focus .caret,.navbar-deep-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-orange .navbar-nav>.open>a .caret,.navbar-deep-orange .navbar-nav>.open>a:focus .caret,.navbar-deep-orange .navbar-nav>.open>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-orange .navbar-toggle:focus,.navbar-orange .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-orange .navbar-toggle .icon-bar{background-color:#000}@media (max-width:767px){.navbar-amber .navbar-nav .open .dropdown-menu>li>a,.navbar-amber .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-amber .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-green .navbar-nav .open .dropdown-menu>li>a,.navbar-green .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-green .navbar-nav .open .dropdown-menu>li>a,.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-lime .navbar-nav .open .dropdown-menu>li>a,.navbar-lime .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-lime .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-orange .navbar-nav .open .dropdown-menu>li>a,.navbar-orange .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-yellow .navbar-nav .open .dropdown-menu>li>a,.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:hover{color:#000}.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a,.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff}}.navbar-deep-orange{background-color:#ff5722}.navbar-deep-orange .navbar-brand,.navbar-deep-orange .navbar-brand:focus,.navbar-deep-orange .navbar-brand:hover,.navbar-deep-orange .navbar-nav>li>a,.navbar-deep-orange .navbar-nav>li>a:focus,.navbar-deep-orange .navbar-nav>li>a:hover{color:#fff}.navbar-deep-orange .navbar-nav>.active>a,.navbar-deep-orange .navbar-nav>.active>a:focus,.navbar-deep-orange .navbar-nav>.active>a:hover,.navbar-deep-orange .navbar-nav>.open>a,.navbar-deep-orange .navbar-nav>.open>a:focus,.navbar-deep-orange .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-toggle:focus,.navbar-deep-orange .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-toggle .icon-bar{background-color:#fff}.navbar-brown{background-color:#795548}.navbar-brown .navbar-brand,.navbar-brown .navbar-brand:focus,.navbar-brown .navbar-brand:hover,.navbar-brown .navbar-nav>li>a,.navbar-brown .navbar-nav>li>a:focus,.navbar-brown .navbar-nav>li>a:hover{color:#fff}.navbar-brown .navbar-nav>.active>a,.navbar-brown .navbar-nav>.active>a:focus,.navbar-brown .navbar-nav>.active>a:hover,.navbar-brown .navbar-nav>.open>a,.navbar-brown .navbar-nav>.open>a:focus,.navbar-brown .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-brown .navbar-toggle:focus,.navbar-brown .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-brown .navbar-toggle .icon-bar{background-color:#fff}@media (max-width:767px){.navbar-brown .navbar-nav .open .dropdown-menu>li>a,.navbar-brown .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-brown .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff}.navbar-grey .navbar-nav .open .dropdown-menu>li>a,.navbar-grey .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-grey .navbar-nav .open .dropdown-menu>li>a:hover{color:#000}}.navbar-grey{background-color:#9e9e9e}.navbar-grey .navbar-brand,.navbar-grey .navbar-brand:focus,.navbar-grey .navbar-brand:hover,.navbar-grey .navbar-nav>li>a,.navbar-grey .navbar-nav>li>a:focus,.navbar-grey .navbar-nav>li>a:hover{color:#000}.navbar-grey .navbar-nav>.active>a,.navbar-grey .navbar-nav>.active>a:focus,.navbar-grey .navbar-nav>.active>a:hover,.navbar-grey .navbar-nav>.open>a,.navbar-grey .navbar-nav>.open>a:focus,.navbar-grey .navbar-nav>.open>a:hover{color:#000;background:rgba(0,0,0,.2)}.navbar-grey .navbar-nav>.dropdown>a .caret,.navbar-grey .navbar-nav>.dropdown>a:focus .caret,.navbar-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-grey .navbar-nav>.open>a .caret,.navbar-grey .navbar-nav>.open>a:focus .caret,.navbar-grey .navbar-nav>.open>a:hover .caret{border-top-color:#000;border-bottom-color:#000}.navbar-grey .navbar-toggle:focus,.navbar-grey .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-grey .navbar-toggle .icon-bar{background-color:#000}.navbar-blue-grey{background-color:#607d8b}.navbar-blue-grey .navbar-brand,.navbar-blue-grey .navbar-brand:focus,.navbar-blue-grey .navbar-brand:hover,.navbar-blue-grey .navbar-nav>li>a,.navbar-blue-grey .navbar-nav>li>a:focus,.navbar-blue-grey .navbar-nav>li>a:hover{color:#fff}.navbar-blue-grey .navbar-nav>.active>a,.navbar-blue-grey .navbar-nav>.active>a:focus,.navbar-blue-grey .navbar-nav>.active>a:hover,.navbar-blue-grey .navbar-nav>.open>a,.navbar-blue-grey .navbar-nav>.open>a:focus,.navbar-blue-grey .navbar-nav>.open>a:hover{color:#fff;background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-nav>.dropdown>a .caret,.navbar-blue-grey .navbar-nav>.dropdown>a:focus .caret,.navbar-blue-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-blue-grey .navbar-nav>.open>a .caret,.navbar-blue-grey .navbar-nav>.open>a:focus .caret,.navbar-blue-grey .navbar-nav>.open>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-blue-grey .navbar-toggle:focus,.navbar-blue-grey .navbar-toggle:hover{background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-toggle .icon-bar{background-color:#fff}@media (max-width:767px){.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a,.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff}}.btn-red,.btn-red:active,.btn-red:focus,.btn-red:hover{background-color:#f44336;color:#fff}.btn-pink,.btn-pink:active,.btn-pink:focus,.btn-pink:hover{background-color:#e91e63;color:#fff}.btn-purple,.btn-purple:active,.btn-purple:focus,.btn-purple:hover{background-color:#9c27b0;color:#fff}.btn-deep-purple,.btn-deep-purple:active,.btn-deep-purple:focus,.btn-deep-purple:hover{background-color:#673ab7;color:#fff}.btn-indigo,.btn-indigo:active,.btn-indigo:focus,.btn-indigo:hover{background-color:#3f51b5;color:#fff}.btn-blue,.btn-blue:active,.btn-blue:focus,.btn-blue:hover{background-color:#2196f3;color:#fff}.btn-light-blue,.btn-light-blue:active,.btn-light-blue:focus,.btn-light-blue:hover{background-color:#03a9f4;color:#000}.btn-cyan,.btn-cyan:active,.btn-cyan:focus,.btn-cyan:hover{background-color:#00bcd4;color:#000}.btn-teal,.btn-teal:active,.btn-teal:focus,.btn-teal:hover{background-color:#009688;color:#fff}.btn-green,.btn-green:active,.btn-green:focus,.btn-green:hover{background-color:#4caf50;color:#000}.btn-light-green,.btn-light-green:active,.btn-light-green:focus,.btn-light-green:hover{background-color:#8bc34a;color:#000}.btn-lime,.btn-lime:active,.btn-lime:focus,.btn-lime:hover{background-color:#cddc39;color:#000}.btn-yellow,.btn-yellow:active,.btn-yellow:focus,.btn-yellow:hover{background-color:#ffeb3b;color:#000}.btn-amber,.btn-amber:active,.btn-amber:focus,.btn-amber:hover{background-color:#ffc107;color:#000}.btn-orange,.btn-orange:active,.btn-orange:focus,.btn-orange:hover{background-color:#ff9800;color:#000}.btn-deep-orange,.btn-deep-orange:active,.btn-deep-orange:focus,.btn-deep-orange:hover{background-color:#ff5722;color:#fff}.btn-brown,.btn-brown:active,.btn-brown:focus,.btn-brown:hover{background-color:#795548;color:#fff}.btn-grey,.btn-grey:active,.btn-grey:focus,.btn-grey:hover{background-color:#9e9e9e;color:#000}.btn-blue-grey,.btn-blue-grey:active,.btn-blue-grey:focus,.btn-blue-grey:hover{background-color:#607d8b;color:#fff}.text-red{color:#f44336}.text-pink{color:#e91e63}.text-purple{color:#9c27b0}.text-deep-purple{color:#673ab7}.text-indigo{color:#3f51b5}.text-blue{color:#2196f3}.text-light-blue{color:#03a9f4}.text-cyan{color:#00bcd4}.text-teal{color:#009688}.text-green{color:#4caf50}.text-light-green{color:#8bc34a}.text-lime{color:#cddc39}.text-yellow{color:#ffeb3b}.text-amber{color:#ffc107}.text-orange{color:#ff9800}.text-deep-orange{color:#ff5722}.text-brown{color:#795548}.text-grey{color:#9e9e9e}.text-blue-grey{color:#607d8b}.label-red{background-color:#f44336;color:#fff}.label-pink{background-color:#e91e63;color:#fff}.label-purple{background-color:#9c27b0;color:#fff}.label-deep-purple{background-color:#673ab7;color:#fff}.label-indigo{background-color:#3f51b5;color:#fff}.label-blue{background-color:#2196f3;color:#fff}.label-light-blue{background-color:#03a9f4;color:#000}.label-cyan{background-color:#00bcd4;color:#000}.label-teal{background-color:#009688;color:#fff}.label-green{background-color:#4caf50;color:#000}.label-light-green{background-color:#8bc34a;color:#000}.label-lime{background-color:#cddc39;color:#000}.label-yellow{background-color:#ffeb3b;color:#000}.label-amber{background-color:#ffc107;color:#000}.label-orange{background-color:#ff9800;color:#000}.label-deep-orange{background-color:#ff5722;color:#fff}.label-brown{background-color:#795548;color:#fff}.label-grey{background-color:#9e9e9e;color:#000}.label-blue-grey{background-color:#607d8b;color:#fff}.progress-bar-red{background-color:#f44336;color:#fff}.progress-bar-pink{background-color:#e91e63;color:#fff}.progress-bar-purple{background-color:#9c27b0;color:#fff}.progress-bar-deep-purple{background-color:#673ab7;color:#fff}.progress-bar-indigo{background-color:#3f51b5;color:#fff}.progress-bar-blue{background-color:#2196f3;color:#fff}.progress-bar-light-blue{background-color:#03a9f4;color:#000}.progress-bar-cyan{background-color:#00bcd4;color:#000}.progress-bar-teal{background-color:#009688;color:#fff}.progress-bar-green{background-color:#4caf50;color:#000}.progress-bar-light-green{background-color:#8bc34a;color:#000}.progress-bar-lime{background-color:#cddc39;color:#000}.progress-bar-yellow{background-color:#ffeb3b;color:#000}.progress-bar-amber{background-color:#ffc107;color:#000}.progress-bar-orange{background-color:#ff9800;color:#000}.progress-bar-deep-orange{background-color:#ff5722;color:#fff}.progress-bar-brown{background-color:#795548;color:#fff}.progress-bar-grey{background-color:#9e9e9e;color:#000}.progress-bar-blue-grey{background-color:#607d8b;color:#fff}
\ No newline at end of file