diff --git a/README.md b/README.md
index f6dca3e..c7f10bf 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,10 @@
 
 Additional color classes for Bootstrap 3.  Based on the [Material Design palette](https://material.io/guidelines/style/color.html#color-color-palette).
 
+This branch uses CSS variables instead of inline colors, for easy modification with [any modern browser](http://caniuse.com/#feat=css-variables).
+
 ## Notes:
 * Link this CSS after you link to Bootstrap.css.
 * Use the included color classes instead of .btn-primary, .alert-danger, etc.
 * Navbars need both the .navbar-inverse (or .navbar-default for lighter colors, try both and see which works for you) and .navbar-[color] classes to appear properly.
-* We recommend using [Bootswatch Paper](http://bootswatch.com/paper/) (a material design Bootstrap theme) with this stylesheet.  We don't test or support it on other themes, actually.
\ No newline at end of file
+* We recommend using [Bootswatch Paper](http://bootswatch.com/paper/) (a material design Bootstrap theme) with this stylesheet.  We don't test or support it on other themes, actually.
diff --git a/material-color.css b/material-color.css
index 5c55ca9..a47c2c8 100644
--- a/material-color.css
+++ b/material-color.css
@@ -1,197 +1,319 @@
 /* Material-Color.css   Copyright (c) 2017 Netsyms Technologies  MIT License */
 
+/*****************************************************\
+                      VARIABLES
+\*****************************************************/
+
+:root {
+    --material-color-primary-red: #f44336;
+    --material-text-primary-red: white;
+
+    --material-color-primary-pink: #e91e63;
+    --material-text-primary-pink: white;
+
+    --material-color-primary-purple: #9c27b0;
+    --material-text-primary-purple: white;
+
+    --material-color-primary-deep-purple: #673ab7;
+    --material-text-primary-deep-purple: white;
+
+    --material-color-primary-indigo: #3f51b5;
+    --material-text-primary-indigo: white;
+
+    --material-color-primary-blue: #2196f3;
+    --material-text-primary-blue: white;
+
+    --material-color-primary-light-blue: #03a9f4;
+    --material-text-primary-light-blue: black;
+
+    --material-color-primary-cyan: #00bcd4;
+    --material-text-primary-cyan: black;
+
+    --material-color-primary-teal: #009688;
+    --material-text-primary-teal: white;
+
+    --material-color-primary-green: #4caf50;
+    --material-text-primary-green: black;
+
+    --material-color-primary-light-green: #8bc34a;
+    --material-text-primary-light-green: black;
+
+    --material-color-primary-lime: #cddc39;
+    --material-text-primary-lime: black;
+
+    --material-color-primary-yellow: #ffeb3b;
+    --material-text-primary-yellow: black;
+
+    --material-color-primary-amber: #ffc107;
+    --material-text-primary-amber: black;
+
+    --material-color-primary-orange: #ff9800;
+    --material-text-primary-orange: black;
+
+    --material-color-primary-deep-orange: #ff5722;
+    --material-text-primary-deep-orange: white;
+
+    --material-color-primary-brown: #795548;
+    --material-text-primary-brown: white;
+
+    --material-color-primary-grey: #9e9e9e;
+    --material-text-primary-grey: black;
+
+    --material-color-primary-blue-grey: #607d8b;
+    --material-text-primary-blue-grey: white;
+
+
+
+    --material-color-secondary-red: #ef9a9a;
+    --material-text-secondary-red: black;
+
+    --material-color-secondary-pink: #f48fb1;
+    --material-text-secondary-pink: black;
+
+    --material-color-secondary-purple: #ce93d8;
+    --material-text-secondary-purple: black;
+
+    --material-color-secondary-deep-purple: #b39ddb;
+    --material-text-secondary-deep-purple: black;
+
+    --material-color-secondary-indigo: #9fa8da;
+    --material-text-secondary-indigo: black;
+
+    --material-color-secondary-blue: #90caf9;
+    --material-text-secondary-blue: black;
+
+    --material-color-secondary-light-blue: #81d4fa;
+    --material-text-secondary-light-blue: black;
+
+    --material-color-secondary-cyan: #80deea;
+    --material-text-secondary-cyan: black;
+
+    --material-color-secondary-teal: #80cbc4;
+    --material-text-secondary-teal: black;
+
+    --material-color-secondary-green: #a5d6a7;
+    --material-text-secondary-green: black;
+
+    --material-color-secondary-light-green: #c5e1a5;
+    --material-text-secondary-light-green: black;
+
+    --material-color-secondary-lime: #e6ee9c;
+    --material-text-secondary-lime: black;
+
+    --material-color-secondary-yellow: #fff59d;
+    --material-text-secondary-yellow: black;
+
+    --material-color-secondary-amber: #ffe082;
+    --material-text-secondary-amber: black;
+
+    --material-color-secondary-orange: #ffcc80;
+    --material-text-secondary-orange: black;
+
+    --material-color-secondary-deep-orange: #ffab91;
+    --material-text-secondary-deep-orange: black;
+
+    --material-color-secondary-brown: #bcaaa4;
+    --material-text-secondary-brown: black;
+
+    --material-color-secondary-grey: #eeeeee;
+    --material-text-secondary-grey: black;
+
+    --material-color-secondary-blue-grey: #b0bec5;
+    --material-text-secondary-blue-grey: black;
+}
+
 /*****************************************************\
                         PANELS
 \*****************************************************/
 
 .panel-red .panel-heading {
-    background-color: #f44336;
-    color: white;
+    background-color: var(--material-color-primary-red);
+    color: var(--material-text-primary-red);
 }
 
 .panel-pink .panel-heading {
-    background-color: #e91e63;
-    color: white;
+    background-color: var(--material-color-primary-pink);
+    color: var(--material-text-primary-pink);
 }
 
 .panel-purple .panel-heading {
-    background-color: #9c27b0;
-    color: white;
+    background-color: var(--material-color-primary-purple);
+    color: var(--material-text-primary-purple);
 }
 
 .panel-deep-purple .panel-heading {
-    background-color: #673ab7;
-    color: white;
+    background-color: var(--material-color-primary-deep-purple);
+    color: var(--material-text-primary-deep-purple);
 }
 
 .panel-indigo .panel-heading {
-    background-color: #3f51b5;
-    color: white;
+    background-color: var(--material-color-primary-indigo);
+    color: var(--material-text-primary-indigo);
 }
 
 .panel-blue .panel-heading {
-    background-color: #2196f3;
-    color: white;
+    background-color: var(--material-color-primary-blue);
+    color: var(--material-text-primary-blue);
 }
 
 .panel-light-blue .panel-heading {
-    background-color: #03a9f4;
-    color: black;
+    background-color: var(--material-color-primary-light-blue);
+    color: var(--material-text-primary-light-blue);
 }
 
 .panel-cyan .panel-heading {
-    background-color: #00bcd4;
-    color: black;
+    background-color: var(--material-color-primary-cyan);
+    color: var(--material-text-primary-cyan);
 }
 
 .panel-teal .panel-heading {
-    background-color: #009688;
-    color: white;
+    background-color: var(--material-color-primary-teal);
+    color: var(--material-text-primary-teal);
 }
 
 .panel-green .panel-heading {
-    background-color: #4caf50;
-    color: black;
+    background-color: var(--material-color-primary-green);
+    color: var(--material-text-primary-green);
 }
 
 .panel-light-green .panel-heading {
-    background-color: #8bc34a;
-    color: black;
+    background-color: var(--material-color-primary-light-green);
+    color: var(--material-text-primary-light-green);
 }
 
 .panel-lime .panel-heading {
-    background-color: #cddc39;
-    color: black;
+    background-color: var(--material-color-primary-lime);
+    color: var(--material-text-primary-lime);
 }
 
 .panel-yellow .panel-heading {
-    background-color: #ffeb3b;
-    color: black;
+    background-color: var(--material-color-primary-yellow);
+    color: var(--material-text-primary-yellow);
 }
 
 .panel-amber .panel-heading {
-    background-color: #ffc107;
-    color: black;
+    background-color: var(--material-color-primary-amber);
+    color: var(--material-text-primary-amber);
 }
 
 .panel-orange .panel-heading {
-    background-color: #ff9800;
-    color: black;
+    background-color: var(--material-color-primary-orange);
+    color: var(--material-text-primary-orange);
 }
 
 .panel-deep-orange .panel-heading {
-    background-color: #ff5722;
-    color: white;
+    background-color: var(--material-color-primary-deep-orange);
+    color: var(--material-text-primary-deep-orange);
 }
 
 .panel-brown .panel-heading {
-    background-color: #795548;
-    color: white;
+    background-color: var(--material-color-primary-brown);
+    color: var(--material-text-primary-brown);
 }
 
 .panel-grey .panel-heading {
-    background-color: #9e9e9e;
-    color: black;
+    background-color: var(--material-color-primary-grey);
+    color: var(--material-text-primary-grey);
 }
 
 .panel-blue-grey .panel-heading {
-    background-color: #607d8b;
-    color: white;
+    background-color: var(--material-color-primary-blue-grey);
+    color: var(--material-text-primary-blue-grey);
 }
 
 .panel-red .panel-footer {
-    background-color: #ef9a9a;
-    color: black;
+    background-color: var(--material-color-secondary-red);
+    color: var(--material-text-secondary-red);
 }
 
 .panel-pink .panel-footer {
-    background-color: #f48fb1;
-    color: black;
+    background-color: var(--material-color-secondary-pink);
+    color: var(--material-text-secondary-pink);
 }
 
 .panel-purple .panel-footer {
-    background-color: #ce93d8;
-    color: black;
+    background-color: var(--material-color-secondary-purple);
+    color: var(--material-text-secondary-purple);
 }
 
 .panel-deep-purple .panel-footer {
-    background-color: #b39ddb;
-    color: black;
+    background-color: var(--material-color-secondary-deep-purple);
+    color: var(--material-text-secondary-deep-purple);
 }
 
 .panel-indigo .panel-footer {
-    background-color: #9fa8da;
-    color: black;
+    background-color: var(--material-color-secondary-indigo);
+    color: var(--material-text-secondary-indigo);
 }
 
 .panel-blue .panel-footer {
-    background-color: #90caf9;
-    color: black;
+    background-color: var(--material-color-secondary-blue);
+    color: var(--material-text-secondary-blue);
 }
 
 .panel-light-blue .panel-footer {
-    background-color: #81d4fa;
-    color: black;
+    background-color: var(--material-color-secondary-light-blue);
+    color: var(--material-text-secondary-light-blue);
 }
 
 .panel-cyan .panel-footer {
-    background-color: #80deea;
-    color: black;
+    background-color: var(--material-color-secondary-cyan);
+    color: var(--material-text-secondary-cyan);
 }
 
 .panel-teal .panel-footer {
-    background-color: #80cbc4;
-    color: black;
+    background-color: var(--material-color-secondary-teal);
+    color: var(--material-text-secondary-teal);
 }
 
 .panel-green .panel-footer {
-    background-color: #a5d6a7;
-    color: black;
+    background-color: var(--material-color-secondary-green);
+    color: var(--material-text-secondary-green);
 }
 
 .panel-light-green .panel-footer {
-    background-color: #c5e1a5;
-    color: black;
+    background-color: var(--material-color-secondary-light-green);
+    color: var(--material-text-secondary-light-green);
 }
 
 .panel-lime .panel-footer {
-    background-color: #e6ee9c;
-    color: black;
+    background-color: var(--material-color-secondary-lime);
+    color: var(--material-text-secondary-lime);
 }
 
 .panel-yellow .panel-footer {
-    background-color: #fff59d;
-    color: black;
+    background-color: var(--material-color-secondary-yellow);
+    color: var(--material-text-secondary-yellow);
 }
 
 .panel-amber .panel-footer {
-    background-color: #ffe082;
-    color: black;
+    background-color: var(--material-color-secondary-amber);
+    color: var(--material-text-secondary-amber);
 }
 
 .panel-orange .panel-footer {
-    background-color: #ffcc80;
-    color: black;
+    background-color: var(--material-color-secondary-orange);
+    color: var(--material-text-secondary-orange);
 }
 
 .panel-deep-orange .panel-footer {
-    background-color: #ffab91;
-    color: black;
+    background-color: var(--material-color-secondary-deep-orange);
+    color: var(--material-text-secondary-deep-orange);
 }
 
 .panel-brown .panel-footer {
-    background-color: #bcaaa4;
-    color: black;
+    background-color: var(--material-color-secondary-brown);
+    color: var(--material-text-secondary-brown);
 }
 
 .panel-grey .panel-footer {
-    background-color: #eeeeee;
-    color: black;
+    background-color: var(--material-color-secondary-grey);
+    color: var(--material-text-secondary-grey);
 }
 
 .panel-blue-grey .panel-footer {
-    background-color: #b0bec5;
-    color: black;
+    background-color: var(--material-color-secondary-blue-grey);
+    color: var(--material-text-secondary-blue-grey);
 }
 
 /*****************************************************\
@@ -199,98 +321,98 @@
 \*****************************************************/
 
 .alert-red {
-    background-color: #f44336;
-    color: white;
+    background-color: var(--material-color-primary-red);
+    color: var(--material-text-primary-red);
 }
 
 .alert-pink {
-    background-color: #e91e63;
-    color: white;
+    background-color: var(--material-color-primary-pink);
+    color: var(--material-text-primary-pink);
 }
 
 .alert-purple {
-    background-color: #9c27b0;
-    color: white;
+    background-color: var(--material-color-primary-purple);
+    color: var(--material-text-primary-purple);
 }
 
 .alert-deep-purple {
-    background-color: #673ab7;
-    color: white;
+    background-color: var(--material-color-primary-deep-purple);
+    color: var(--material-text-primary-deep-purple);
 }
 
 .alert-indigo {
-    background-color: #3f51b5;
-    color: white;
+    background-color: var(--material-color-primary-indigo);
+    color: var(--material-text-primary-indigo);
 }
 
 .alert-blue {
-    background-color: #2196f3;
-    color: white;
+    background-color: var(--material-color-primary-blue);
+    color: var(--material-text-primary-blue);
 }
 
 .alert-light-blue {
-    background-color: #03a9f4;
-    color: black;
+    background-color: var(--material-color-primary-light-blue);
+    color: var(--material-text-primary-light-blue);
 }
 
 .alert-cyan {
-    background-color: #00bcd4;
-    color: black;
+    background-color: var(--material-color-primary-cyan);
+    color: var(--material-text-primary-cyan);
 }
 
 .alert-teal {
-    background-color: #009688;
-    color: white;
+    background-color: var(--material-color-primary-teal);
+    color: var(--material-text-primary-teal);
 }
 
 .alert-green {
-    background-color: #4caf50;
-    color: black;
+    background-color: var(--material-color-primary-green);
+    color: var(--material-text-primary-green);
 }
 
 .alert-light-green {
-    background-color: #8bc34a;
-    color: black;
+    background-color: var(--material-color-primary-light-green);
+    color: var(--material-text-primary-light-green);
 }
 
 .alert-lime {
-    background-color: #cddc39;
-    color: black;
+    background-color: var(--material-color-primary-lime);
+    color: var(--material-text-primary-lime);
 }
 
 .alert-yellow {
-    background-color: #ffeb3b;
-    color: black;
+    background-color: var(--material-color-primary-yellow);
+    color: var(--material-text-primary-yellow);
 }
 
 .alert-amber {
-    background-color: #ffc107;
-    color: black;
+    background-color: var(--material-color-primary-amber);
+    color: var(--material-text-primary-amber);
 }
 
 .alert-orange {
-    background-color: #ff9800;
-    color: black;
+    background-color: var(--material-color-primary-orange);
+    color: var(--material-text-primary-orange);
 }
 
 .alert-deep-orange {
-    background-color: #ff5722;
-    color: white;
+    background-color: var(--material-color-primary-deep-orange);
+    color: var(--material-text-primary-deep-orange);
 }
 
 .alert-brown {
-    background-color: #795548;
-    color: white;
+    background-color: var(--material-color-primary-brown);
+    color: var(--material-text-primary-brown);
 }
 
 .alert-grey {
-    background-color: #9e9e9e;
-    color: black;
+    background-color: var(--material-color-primary-grey);
+    color: var(--material-text-primary-grey);
 }
 
 .alert-blue-grey {
-    background-color: #607d8b;
-    color: white;
+    background-color: var(--material-color-primary-blue-grey);
+    color: var(--material-text-primary-blue-grey);
 }
 
 /*****************************************************\
@@ -301,51 +423,51 @@
     border-color: rgba(0,0,0,.3);
 }
 
-/* red */
 
+/* red */
 .navbar-red {
-    background-color: #f44336;
+    background-color: var(--material-color-primary-red);
 }
 .navbar-red .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-red);
 }
 .navbar-red .navbar-brand:hover,
 .navbar-red .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-red);
 }
 .navbar-red .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-red);
 }
 .navbar-red .navbar-nav > li > a:hover,
 .navbar-red .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-red);
 }
 .navbar-red .navbar-nav > .active > a,
 .navbar-red .navbar-nav > .active > a:hover,
 .navbar-red .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-red);
     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;
+    color: var(--material-text-primary-red);
     background: rgba(0,0,0,.2);
 }
 .navbar-red .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-red);
+    border-bottom-color: var(--material-text-primary-red);
 }
 .navbar-red .navbar-nav > .dropdown > a:hover .caret,
 .navbar-red .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-red);
+    border-bottom-color: var(--material-text-primary-red);
 }
 .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;
+    border-top-color: var(--material-text-primary-red);
+    border-bottom-color: var(--material-text-primary-red);
 }
 .navbar-red .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -355,64 +477,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-red .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-red);
 }
 @media (max-width: 767px) {
     .navbar-red .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-red);
     }
     .navbar-red .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-red .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-red);
     }
 }
 
 
-/* pink */
 
+/* pink */
 .navbar-pink {
-    background-color: #e91e63;
+    background-color: var(--material-color-primary-pink);
 }
 .navbar-pink .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-pink);
 }
 .navbar-pink .navbar-brand:hover,
 .navbar-pink .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-pink);
 }
 .navbar-pink .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-pink);
 }
 .navbar-pink .navbar-nav > li > a:hover,
 .navbar-pink .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-pink);
 }
 .navbar-pink .navbar-nav > .active > a,
 .navbar-pink .navbar-nav > .active > a:hover,
 .navbar-pink .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-pink);
     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;
+    color: var(--material-text-primary-pink);
     background: rgba(0,0,0,.2);
 }
 .navbar-pink .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-pink);
+    border-bottom-color: var(--material-text-primary-pink);
 }
 .navbar-pink .navbar-nav > .dropdown > a:hover .caret,
 .navbar-pink .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-pink);
+    border-bottom-color: var(--material-text-primary-pink);
 }
 .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;
+    border-top-color: var(--material-text-primary-pink);
+    border-bottom-color: var(--material-text-primary-pink);
 }
 .navbar-pink .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -422,64 +544,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-pink .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-pink);
 }
 @media (max-width: 767px) {
     .navbar-pink .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-pink);
     }
     .navbar-pink .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-pink .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-pink);
     }
 }
 
 
-/* purple */
 
+/* purple */
 .navbar-purple {
-    background-color: #9c27b0;
+    background-color: var(--material-color-primary-purple);
 }
 .navbar-purple .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-purple);
 }
 .navbar-purple .navbar-brand:hover,
 .navbar-purple .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-purple);
 }
 .navbar-purple .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-purple);
 }
 .navbar-purple .navbar-nav > li > a:hover,
 .navbar-purple .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-purple);
 }
 .navbar-purple .navbar-nav > .active > a,
 .navbar-purple .navbar-nav > .active > a:hover,
 .navbar-purple .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-purple);
     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;
+    color: var(--material-text-primary-purple);
     background: rgba(0,0,0,.2);
 }
 .navbar-purple .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-purple);
+    border-bottom-color: var(--material-text-primary-purple);
 }
 .navbar-purple .navbar-nav > .dropdown > a:hover .caret,
 .navbar-purple .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-purple);
+    border-bottom-color: var(--material-text-primary-purple);
 }
 .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;
+    border-top-color: var(--material-text-primary-purple);
+    border-bottom-color: var(--material-text-primary-purple);
 }
 .navbar-purple .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -489,64 +611,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-purple .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-purple);
 }
 @media (max-width: 767px) {
     .navbar-purple .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-purple);
     }
     .navbar-purple .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-purple .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-purple);
     }
 }
 
 
-/* deep-purple */
 
+/* deep-purple */
 .navbar-deep-purple {
-    background-color: #673ab7;
+    background-color: var(--material-color-primary-deep-purple);
 }
 .navbar-deep-purple .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-deep-purple);
 }
 .navbar-deep-purple .navbar-brand:hover,
 .navbar-deep-purple .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-deep-purple);
 }
 .navbar-deep-purple .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-deep-purple);
 }
 .navbar-deep-purple .navbar-nav > li > a:hover,
 .navbar-deep-purple .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-deep-purple);
 }
 .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;
+    color: var(--material-text-primary-deep-purple);
     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;
+    color: var(--material-text-primary-deep-purple);
     background: rgba(0,0,0,.2);
 }
 .navbar-deep-purple .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-deep-purple);
+    border-bottom-color: var(--material-text-primary-deep-purple);
 }
 .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;
+    border-top-color: var(--material-text-primary-deep-purple);
+    border-bottom-color: var(--material-text-primary-deep-purple);
 }
 .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;
+    border-top-color: var(--material-text-primary-deep-purple);
+    border-bottom-color: var(--material-text-primary-deep-purple);
 }
 .navbar-deep-purple .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -556,64 +678,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-deep-purple .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-deep-purple);
 }
 @media (max-width: 767px) {
     .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-deep-purple);
     }
     .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-deep-purple .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-deep-purple);
     }
 }
 
 
-/* indigo */
 
+/* indigo */
 .navbar-indigo {
-    background-color: #3f51b5;
+    background-color: var(--material-color-primary-indigo);
 }
 .navbar-indigo .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-indigo);
 }
 .navbar-indigo .navbar-brand:hover,
 .navbar-indigo .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-indigo);
 }
 .navbar-indigo .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-indigo);
 }
 .navbar-indigo .navbar-nav > li > a:hover,
 .navbar-indigo .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-indigo);
 }
 .navbar-indigo .navbar-nav > .active > a,
 .navbar-indigo .navbar-nav > .active > a:hover,
 .navbar-indigo .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-indigo);
     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;
+    color: var(--material-text-primary-indigo);
     background: rgba(0,0,0,.2);
 }
 .navbar-indigo .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-indigo);
+    border-bottom-color: var(--material-text-primary-indigo);
 }
 .navbar-indigo .navbar-nav > .dropdown > a:hover .caret,
 .navbar-indigo .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-indigo);
+    border-bottom-color: var(--material-text-primary-indigo);
 }
 .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;
+    border-top-color: var(--material-text-primary-indigo);
+    border-bottom-color: var(--material-text-primary-indigo);
 }
 .navbar-indigo .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -623,64 +745,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-indigo .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-indigo);
 }
 @media (max-width: 767px) {
     .navbar-indigo .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-indigo);
     }
     .navbar-indigo .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-indigo .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-indigo);
     }
 }
 
 
-/* blue */
 
+/* blue */
 .navbar-blue {
-    background-color: #2196f3;
+    background-color: var(--material-color-primary-blue);
 }
 .navbar-blue .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-blue);
 }
 .navbar-blue .navbar-brand:hover,
 .navbar-blue .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-blue);
 }
 .navbar-blue .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-blue);
 }
 .navbar-blue .navbar-nav > li > a:hover,
 .navbar-blue .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-blue);
 }
 .navbar-blue .navbar-nav > .active > a,
 .navbar-blue .navbar-nav > .active > a:hover,
 .navbar-blue .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-blue);
     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;
+    color: var(--material-text-primary-blue);
     background: rgba(0,0,0,.2);
 }
 .navbar-blue .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-blue);
+    border-bottom-color: var(--material-text-primary-blue);
 }
 .navbar-blue .navbar-nav > .dropdown > a:hover .caret,
 .navbar-blue .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-blue);
+    border-bottom-color: var(--material-text-primary-blue);
 }
 .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;
+    border-top-color: var(--material-text-primary-blue);
+    border-bottom-color: var(--material-text-primary-blue);
 }
 .navbar-blue .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -690,64 +812,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-blue .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-blue);
 }
 @media (max-width: 767px) {
     .navbar-blue .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-blue);
     }
     .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-blue);
     }
 }
 
 
-/* light-blue */
 
+/* light-blue */
 .navbar-light-blue {
-    background-color: #03a9f4;
+    background-color: var(--material-color-primary-light-blue);
 }
 .navbar-light-blue .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-light-blue);
 }
 .navbar-light-blue .navbar-brand:hover,
 .navbar-light-blue .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-light-blue);
 }
 .navbar-light-blue .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-light-blue);
 }
 .navbar-light-blue .navbar-nav > li > a:hover,
 .navbar-light-blue .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-light-blue);
 }
 .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;
+    color: var(--material-text-primary-light-blue);
     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;
+    color: var(--material-text-primary-light-blue);
     background: rgba(0,0,0,.2);
 }
 .navbar-light-blue .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-light-blue);
+    border-bottom-color: var(--material-text-primary-light-blue);
 }
 .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;
+    border-top-color: var(--material-text-primary-light-blue);
+    border-bottom-color: var(--material-text-primary-light-blue);
 }
 .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;
+    border-top-color: var(--material-text-primary-light-blue);
+    border-bottom-color: var(--material-text-primary-light-blue);
 }
 .navbar-light-blue .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -757,64 +879,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-light-blue .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-light-blue);
 }
 @media (max-width: 767px) {
     .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-light-blue);
     }
     .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-light-blue .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-light-blue);
     }
 }
 
 
-/* cyan */
 
+/* cyan */
 .navbar-cyan {
-    background-color: #00bcd4;
+    background-color: var(--material-color-primary-cyan);
 }
 .navbar-cyan .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-cyan);
 }
 .navbar-cyan .navbar-brand:hover,
 .navbar-cyan .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-cyan);
 }
 .navbar-cyan .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-cyan);
 }
 .navbar-cyan .navbar-nav > li > a:hover,
 .navbar-cyan .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-cyan);
 }
 .navbar-cyan .navbar-nav > .active > a,
 .navbar-cyan .navbar-nav > .active > a:hover,
 .navbar-cyan .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-cyan);
     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;
+    color: var(--material-text-primary-cyan);
     background: rgba(0,0,0,.2);
 }
 .navbar-cyan .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-cyan);
+    border-bottom-color: var(--material-text-primary-cyan);
 }
 .navbar-cyan .navbar-nav > .dropdown > a:hover .caret,
 .navbar-cyan .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-cyan);
+    border-bottom-color: var(--material-text-primary-cyan);
 }
 .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;
+    border-top-color: var(--material-text-primary-cyan);
+    border-bottom-color: var(--material-text-primary-cyan);
 }
 .navbar-cyan .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -824,64 +946,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-cyan .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-cyan);
 }
 @media (max-width: 767px) {
     .navbar-cyan .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-cyan);
     }
     .navbar-cyan .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-cyan .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-cyan);
     }
 }
 
 
-/* teal */
 
+/* teal */
 .navbar-teal {
-    background-color: #009688;
+    background-color: var(--material-color-primary-teal);
 }
 .navbar-teal .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-teal);
 }
 .navbar-teal .navbar-brand:hover,
 .navbar-teal .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-teal);
 }
 .navbar-teal .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-teal);
 }
 .navbar-teal .navbar-nav > li > a:hover,
 .navbar-teal .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-teal);
 }
 .navbar-teal .navbar-nav > .active > a,
 .navbar-teal .navbar-nav > .active > a:hover,
 .navbar-teal .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-teal);
     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;
+    color: var(--material-text-primary-teal);
     background: rgba(0,0,0,.2);
 }
 .navbar-teal .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-teal);
+    border-bottom-color: var(--material-text-primary-teal);
 }
 .navbar-teal .navbar-nav > .dropdown > a:hover .caret,
 .navbar-teal .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-teal);
+    border-bottom-color: var(--material-text-primary-teal);
 }
 .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;
+    border-top-color: var(--material-text-primary-teal);
+    border-bottom-color: var(--material-text-primary-teal);
 }
 .navbar-teal .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -891,64 +1013,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-teal .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-teal);
 }
 @media (max-width: 767px) {
     .navbar-teal .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-teal);
     }
     .navbar-teal .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-teal .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-teal);
     }
 }
 
 
-/* green */
 
+/* green */
 .navbar-green {
-    background-color: #4caf50;
+    background-color: var(--material-color-primary-green);
 }
 .navbar-green .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-green);
 }
 .navbar-green .navbar-brand:hover,
 .navbar-green .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-green);
 }
 .navbar-green .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-green);
 }
 .navbar-green .navbar-nav > li > a:hover,
 .navbar-green .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-green);
 }
 .navbar-green .navbar-nav > .active > a,
 .navbar-green .navbar-nav > .active > a:hover,
 .navbar-green .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-green);
     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;
+    color: var(--material-text-primary-green);
     background: rgba(0,0,0,.2);
 }
 .navbar-green .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-green);
+    border-bottom-color: var(--material-text-primary-green);
 }
 .navbar-green .navbar-nav > .dropdown > a:hover .caret,
 .navbar-green .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-green);
+    border-bottom-color: var(--material-text-primary-green);
 }
 .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;
+    border-top-color: var(--material-text-primary-green);
+    border-bottom-color: var(--material-text-primary-green);
 }
 .navbar-green .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -958,64 +1080,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-green .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-green);
 }
 @media (max-width: 767px) {
     .navbar-green .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-green);
     }
     .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-green);
     }
 }
 
 
-/* light-green */
 
+/* light-green */
 .navbar-light-green {
-    background-color: #8bc34a;
+    background-color: var(--material-color-primary-light-green);
 }
 .navbar-light-green .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-light-green);
 }
 .navbar-light-green .navbar-brand:hover,
 .navbar-light-green .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-light-green);
 }
 .navbar-light-green .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-light-green);
 }
 .navbar-light-green .navbar-nav > li > a:hover,
 .navbar-light-green .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-light-green);
 }
 .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;
+    color: var(--material-text-primary-light-green);
     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;
+    color: var(--material-text-primary-light-green);
     background: rgba(0,0,0,.2);
 }
 .navbar-light-green .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-light-green);
+    border-bottom-color: var(--material-text-primary-light-green);
 }
 .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;
+    border-top-color: var(--material-text-primary-light-green);
+    border-bottom-color: var(--material-text-primary-light-green);
 }
 .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;
+    border-top-color: var(--material-text-primary-light-green);
+    border-bottom-color: var(--material-text-primary-light-green);
 }
 .navbar-light-green .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1025,64 +1147,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-light-green .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-light-green);
 }
 @media (max-width: 767px) {
     .navbar-light-green .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-light-green);
     }
     .navbar-light-green .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-light-green .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-light-green);
     }
 }
 
 
-/* lime */
 
+/* lime */
 .navbar-lime {
-    background-color: #cddc39;
+    background-color: var(--material-color-primary-lime);
 }
 .navbar-lime .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-lime);
 }
 .navbar-lime .navbar-brand:hover,
 .navbar-lime .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-lime);
 }
 .navbar-lime .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-lime);
 }
 .navbar-lime .navbar-nav > li > a:hover,
 .navbar-lime .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-lime);
 }
 .navbar-lime .navbar-nav > .active > a,
 .navbar-lime .navbar-nav > .active > a:hover,
 .navbar-lime .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-lime);
     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;
+    color: var(--material-text-primary-lime);
     background: rgba(0,0,0,.2);
 }
 .navbar-lime .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-lime);
+    border-bottom-color: var(--material-text-primary-lime);
 }
 .navbar-lime .navbar-nav > .dropdown > a:hover .caret,
 .navbar-lime .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-lime);
+    border-bottom-color: var(--material-text-primary-lime);
 }
 .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;
+    border-top-color: var(--material-text-primary-lime);
+    border-bottom-color: var(--material-text-primary-lime);
 }
 .navbar-lime .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1092,64 +1214,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-lime .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-lime);
 }
 @media (max-width: 767px) {
     .navbar-lime .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-lime);
     }
     .navbar-lime .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-lime .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-lime);
     }
 }
 
 
-/* yellow */
 
+/* yellow */
 .navbar-yellow {
-    background-color: #ffeb3b;
+    background-color: var(--material-color-primary-yellow);
 }
 .navbar-yellow .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-yellow);
 }
 .navbar-yellow .navbar-brand:hover,
 .navbar-yellow .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-yellow);
 }
 .navbar-yellow .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-yellow);
 }
 .navbar-yellow .navbar-nav > li > a:hover,
 .navbar-yellow .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-yellow);
 }
 .navbar-yellow .navbar-nav > .active > a,
 .navbar-yellow .navbar-nav > .active > a:hover,
 .navbar-yellow .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-yellow);
     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;
+    color: var(--material-text-primary-yellow);
     background: rgba(0,0,0,.2);
 }
 .navbar-yellow .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-yellow);
+    border-bottom-color: var(--material-text-primary-yellow);
 }
 .navbar-yellow .navbar-nav > .dropdown > a:hover .caret,
 .navbar-yellow .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-yellow);
+    border-bottom-color: var(--material-text-primary-yellow);
 }
 .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;
+    border-top-color: var(--material-text-primary-yellow);
+    border-bottom-color: var(--material-text-primary-yellow);
 }
 .navbar-yellow .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1159,64 +1281,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-yellow .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-yellow);
 }
 @media (max-width: 767px) {
     .navbar-yellow .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-yellow);
     }
     .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-yellow .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-yellow);
     }
 }
 
 
-/* amber */
 
+/* amber */
 .navbar-amber {
-    background-color: #ffc107;
+    background-color: var(--material-color-primary-amber);
 }
 .navbar-amber .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-amber);
 }
 .navbar-amber .navbar-brand:hover,
 .navbar-amber .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-amber);
 }
 .navbar-amber .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-amber);
 }
 .navbar-amber .navbar-nav > li > a:hover,
 .navbar-amber .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-amber);
 }
 .navbar-amber .navbar-nav > .active > a,
 .navbar-amber .navbar-nav > .active > a:hover,
 .navbar-amber .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-amber);
     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;
+    color: var(--material-text-primary-amber);
     background: rgba(0,0,0,.2);
 }
 .navbar-amber .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-amber);
+    border-bottom-color: var(--material-text-primary-amber);
 }
 .navbar-amber .navbar-nav > .dropdown > a:hover .caret,
 .navbar-amber .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-amber);
+    border-bottom-color: var(--material-text-primary-amber);
 }
 .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;
+    border-top-color: var(--material-text-primary-amber);
+    border-bottom-color: var(--material-text-primary-amber);
 }
 .navbar-amber .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1226,64 +1348,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-amber .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-amber);
 }
 @media (max-width: 767px) {
     .navbar-amber .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-amber);
     }
     .navbar-amber .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-amber .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-amber);
     }
 }
 
 
-/* orange */
 
+/* orange */
 .navbar-orange {
-    background-color: #ff9800;
+    background-color: var(--material-color-primary-orange);
 }
 .navbar-orange .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-orange);
 }
 .navbar-orange .navbar-brand:hover,
 .navbar-orange .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-orange);
 }
 .navbar-orange .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-orange);
 }
 .navbar-orange .navbar-nav > li > a:hover,
 .navbar-orange .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-orange);
 }
 .navbar-orange .navbar-nav > .active > a,
 .navbar-orange .navbar-nav > .active > a:hover,
 .navbar-orange .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-orange);
     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;
+    color: var(--material-text-primary-orange);
     background: rgba(0,0,0,.2);
 }
 .navbar-orange .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-orange);
+    border-bottom-color: var(--material-text-primary-orange);
 }
 .navbar-orange .navbar-nav > .dropdown > a:hover .caret,
 .navbar-orange .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-orange);
+    border-bottom-color: var(--material-text-primary-orange);
 }
 .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;
+    border-top-color: var(--material-text-primary-orange);
+    border-bottom-color: var(--material-text-primary-orange);
 }
 .navbar-orange .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1293,64 +1415,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-orange .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-orange);
 }
 @media (max-width: 767px) {
     .navbar-orange .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-orange);
     }
     .navbar-orange .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-orange .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-orange);
     }
 }
 
 
-/* deep-orange */
 
+/* deep-orange */
 .navbar-deep-orange {
-    background-color: #ff5722;
+    background-color: var(--material-color-primary-deep-orange);
 }
 .navbar-deep-orange .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-deep-orange);
 }
 .navbar-deep-orange .navbar-brand:hover,
 .navbar-deep-orange .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-deep-orange);
 }
 .navbar-deep-orange .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-deep-orange);
 }
 .navbar-deep-orange .navbar-nav > li > a:hover,
 .navbar-deep-orange .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-deep-orange);
 }
 .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;
+    color: var(--material-text-primary-deep-orange);
     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;
+    color: var(--material-text-primary-deep-orange);
     background: rgba(0,0,0,.2);
 }
 .navbar-deep-orange .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-deep-orange);
+    border-bottom-color: var(--material-text-primary-deep-orange);
 }
 .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;
+    border-top-color: var(--material-text-primary-deep-orange);
+    border-bottom-color: var(--material-text-primary-deep-orange);
 }
 .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;
+    border-top-color: var(--material-text-primary-deep-orange);
+    border-bottom-color: var(--material-text-primary-deep-orange);
 }
 .navbar-deep-orange .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1360,64 +1482,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-deep-orange .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-deep-orange);
 }
 @media (max-width: 767px) {
     .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-deep-orange);
     }
     .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-deep-orange .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-deep-orange);
     }
 }
 
 
-/* brown */
 
+/* brown */
 .navbar-brown {
-    background-color: #795548;
+    background-color: var(--material-color-primary-brown);
 }
 .navbar-brown .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-brown);
 }
 .navbar-brown .navbar-brand:hover,
 .navbar-brown .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-brown);
 }
 .navbar-brown .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-brown);
 }
 .navbar-brown .navbar-nav > li > a:hover,
 .navbar-brown .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-brown);
 }
 .navbar-brown .navbar-nav > .active > a,
 .navbar-brown .navbar-nav > .active > a:hover,
 .navbar-brown .navbar-nav > .active > a:focus {
-    color: white;
+    color: var(--material-text-primary-brown);
     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;
+    color: var(--material-text-primary-brown);
     background: rgba(0,0,0,.2);
 }
 .navbar-brown .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-brown);
+    border-bottom-color: var(--material-text-primary-brown);
 }
 .navbar-brown .navbar-nav > .dropdown > a:hover .caret,
 .navbar-brown .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-brown);
+    border-bottom-color: var(--material-text-primary-brown);
 }
 .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;
+    border-top-color: var(--material-text-primary-brown);
+    border-bottom-color: var(--material-text-primary-brown);
 }
 .navbar-brown .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1427,64 +1549,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-brown .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-brown);
 }
 @media (max-width: 767px) {
     .navbar-brown .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-brown);
     }
     .navbar-brown .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-brown .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-brown);
     }
 }
 
 
-/* grey */
 
+/* grey */
 .navbar-grey {
-    background-color: #9e9e9e;
+    background-color: var(--material-color-primary-grey);
 }
 .navbar-grey .navbar-brand {
-    color: black;
+    color: var(--material-text-primary-grey);
 }
 .navbar-grey .navbar-brand:hover,
 .navbar-grey .navbar-brand:focus {
-    color: black;
+    color: var(--material-text-primary-grey);
 }
 .navbar-grey .navbar-nav > li > a {
-    color: black;
+    color: var(--material-text-primary-grey);
 }
 .navbar-grey .navbar-nav > li > a:hover,
 .navbar-grey .navbar-nav > li > a:focus {
-    color: black;
+    color: var(--material-text-primary-grey);
 }
 .navbar-grey .navbar-nav > .active > a,
 .navbar-grey .navbar-nav > .active > a:hover,
 .navbar-grey .navbar-nav > .active > a:focus {
-    color: black;
+    color: var(--material-text-primary-grey);
     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;
+    color: var(--material-text-primary-grey);
     background: rgba(0,0,0,.2);
 }
 .navbar-grey .navbar-nav > .dropdown > a .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-grey);
+    border-bottom-color: var(--material-text-primary-grey);
 }
 .navbar-grey .navbar-nav > .dropdown > a:hover .caret,
 .navbar-grey .navbar-nav > .dropdown > a:focus .caret {
-    border-top-color: black;
-    border-bottom-color: black;
+    border-top-color: var(--material-text-primary-grey);
+    border-bottom-color: var(--material-text-primary-grey);
 }
 .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;
+    border-top-color: var(--material-text-primary-grey);
+    border-bottom-color: var(--material-text-primary-grey);
 }
 .navbar-grey .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1494,64 +1616,64 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-grey .navbar-toggle .icon-bar {
-    background-color: black;
+    background-color: var(--material-text-primary-grey);
 }
 @media (max-width: 767px) {
     .navbar-grey .navbar-nav .open .dropdown-menu > li > a {
-        color: black;
+        color: var(--material-text-primary-grey);
     }
     .navbar-grey .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-grey .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: black;
+        color: var(--material-text-primary-grey);
     }
 }
 
 
-/* blue-grey */
 
+/* blue-grey */
 .navbar-blue-grey {
-    background-color: #607d8b;
+    background-color: var(--material-color-primary-blue-grey);
 }
 .navbar-blue-grey .navbar-brand {
-    color: white;
+    color: var(--material-text-primary-blue-grey);
 }
 .navbar-blue-grey .navbar-brand:hover,
 .navbar-blue-grey .navbar-brand:focus {
-    color: white;
+    color: var(--material-text-primary-blue-grey);
 }
 .navbar-blue-grey .navbar-nav > li > a {
-    color: white;
+    color: var(--material-text-primary-blue-grey);
 }
 .navbar-blue-grey .navbar-nav > li > a:hover,
 .navbar-blue-grey .navbar-nav > li > a:focus {
-    color: white;
+    color: var(--material-text-primary-blue-grey);
 }
 .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;
+    color: var(--material-text-primary-blue-grey);
     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;
+    color: var(--material-text-primary-blue-grey);
     background: rgba(0,0,0,.2);
 }
 .navbar-blue-grey .navbar-nav > .dropdown > a .caret {
-    border-top-color: white;
-    border-bottom-color: white;
+    border-top-color: var(--material-text-primary-blue-grey);
+    border-bottom-color: var(--material-text-primary-blue-grey);
 }
 .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;
+    border-top-color: var(--material-text-primary-blue-grey);
+    border-bottom-color: var(--material-text-primary-blue-grey);
 }
 .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;
+    border-top-color: var(--material-text-primary-blue-grey);
+    border-bottom-color: var(--material-text-primary-blue-grey);
 }
 .navbar-blue-grey .navbar-toggle {
     border-color: rgba(0,0,0,.2);
@@ -1561,15 +1683,15 @@
     background: rgba(0,0,0,.2);
 }
 .navbar-blue-grey .navbar-toggle .icon-bar {
-    background-color: white;
+    background-color: var(--material-text-primary-blue-grey);
 }
 @media (max-width: 767px) {
     .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a {
-        color: white;
+        color: var(--material-text-primary-blue-grey);
     }
     .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a:hover,
     .navbar-blue-grey .navbar-nav .open .dropdown-menu > li > a:focus {
-        color: white;
+        color: var(--material-text-primary-blue-grey);
     }
 }
 
@@ -1578,98 +1700,98 @@
 \*****************************************************/
 
 .btn-red, .btn-red:hover, .btn-red:active, .btn-red:focus {
-    background-color: #f44336;
-    color: white;
+    background-color: var(--material-color-primary-red);
+    color: var(--material-text-primary-red);
 }
 
 .btn-pink, .btn-pink:hover, .btn-pink:active, .btn-pink:focus {
-    background-color: #e91e63;
-    color: white;
+    background-color: var(--material-color-primary-pink);
+    color: var(--material-text-primary-pink);
 }
 
 .btn-purple, .btn-purple:hover, .btn-purple:active, .btn-purple:focus {
-    background-color: #9c27b0;
-    color: white;
+    background-color: var(--material-color-primary-purple);
+    color: var(--material-text-primary-purple);
 }
 
 .btn-deep-purple, .btn-deep-purple:hover, .btn-deep-purple:active, .btn-deep-purple:focus {
-    background-color: #673ab7;
-    color: white;
+    background-color: var(--material-color-primary-deep-purple);
+    color: var(--material-text-primary-deep-purple);
 }
 
 .btn-indigo, .btn-indigo:hover, .btn-indigo:active, .btn-indigo:focus {
-    background-color: #3f51b5;
-    color: white;
+    background-color: var(--material-color-primary-indigo);
+    color: var(--material-text-primary-indigo);
 }
 
 .btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus {
-    background-color: #2196f3;
-    color: white;
+    background-color: var(--material-color-primary-blue);
+    color: var(--material-text-primary-blue);
 }
 
 .btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus {
-    background-color: #03a9f4;
-    color: black;
+    background-color: var(--material-color-primary-light-blue);
+    color: var(--material-text-primary-light-blue);
 }
 
 .btn-cyan, .btn-cyan:hover, .btn-cyan:active, .btn-cyan:focus {
-    background-color: #00bcd4;
-    color: black;
+    background-color: var(--material-color-primary-cyan);
+    color: var(--material-text-primary-cyan);
 }
 
 .btn-teal, .btn-teal:hover, .btn-teal:active, .btn-teal:focus {
-    background-color: #009688;
-    color: white;
+    background-color: var(--material-color-primary-teal);
+    color: var(--material-text-primary-teal);
 }
 
 .btn-green, .btn-green:hover, .btn-green:active, .btn-green:focus {
-    background-color: #4caf50;
-    color: black;
+    background-color: var(--material-color-primary-green);
+    color: var(--material-text-primary-green);
 }
 
 .btn-light-green, .btn-light-green:hover, .btn-light-green:active, .btn-light-green:focus {
-    background-color: #8bc34a;
-    color: black;
+    background-color: var(--material-color-primary-light-green);
+    color: var(--material-text-primary-light-green);
 }
 
 .btn-lime, .btn-lime:hover, .btn-lime:active, .btn-lime:focus {
-    background-color: #cddc39;
-    color: black;
+    background-color: var(--material-color-primary-lime);
+    color: var(--material-text-primary-lime);
 }
 
 .btn-yellow, .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {
-    background-color: #ffeb3b;
-    color: black;
+    background-color: var(--material-color-primary-yellow);
+    color: var(--material-text-primary-yellow);
 }
 
 .btn-amber, .btn-amber:hover, .btn-amber:active, .btn-amber:focus {
-    background-color: #ffc107;
-    color: black;
+    background-color: var(--material-color-primary-amber);
+    color: var(--material-text-primary-amber);
 }
 
 .btn-orange, .btn-orange:hover, .btn-orange:active, .btn-orange:focus {
-    background-color: #ff9800;
-    color: black;
+    background-color: var(--material-color-primary-orange);
+    color: var(--material-text-primary-orange);
 }
 
 .btn-deep-orange, .btn-deep-orange:hover, .btn-deep-orange:active, .btn-deep-orange:focus {
-    background-color: #ff5722;
-    color: white;
+    background-color: var(--material-color-primary-deep-orange);
+    color: var(--material-text-primary-deep-orange);
 }
 
 .btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown:focus {
-    background-color: #795548;
-    color: white;
+    background-color: var(--material-color-primary-brown);
+    color: var(--material-text-primary-brown);
 }
 
 .btn-grey, .btn-grey:hover, .btn-grey:active, .btn-grey:focus {
-    background-color: #9e9e9e;
-    color: black;
+    background-color: var(--material-color-primary-grey);
+    color: var(--material-text-primary-grey);
 }
 
 .btn-blue-grey, .btn-blue-grey:hover, .btn-blue-grey:active, .btn-blue-grey:focus {
-    background-color: #607d8b;
-    color: white;
+    background-color: var(--material-color-primary-blue-grey);
+    color: var(--material-text-primary-blue-grey);
 }
 
 /*****************************************************\
@@ -1677,79 +1799,79 @@
 \*****************************************************/
 
 .text-red {
-    color: #f44336;
+    color: var(--material-color-primary-red);
 }
 
 .text-pink {
-    color: #e91e63;
+    color: var(--material-color-primary-pink);
 }
 
 .text-purple {
-    color: #9c27b0;
+    color: var(--material-color-primary-purple);
 }
 
 .text-deep-purple {
-    color: #673ab7;
+    color: var(--material-color-primary-deep-purple);
 }
 
 .text-indigo {
-    color: #3f51b5;
+    color: var(--material-color-primary-indigo);
 }
 
 .text-blue {
-    color: #2196f3;
+    color: var(--material-color-primary-blue);
 }
 
 .text-light-blue {
-    color: #03a9f4;
+    color: var(--material-color-primary-light-blue);
 }
 
 .text-cyan {
-    color: #00bcd4;
+    color: var(--material-color-primary-cyan);
 }
 
 .text-teal {
-    color: #009688;
+    color: var(--material-color-primary-teal);
 }
 
 .text-green {
-    color: #4caf50;
+    color: var(--material-color-primary-green);
 }
 
 .text-light-green {
-    color: #8bc34a;
+    color: var(--material-color-primary-light-green);
 }
 
 .text-lime {
-    color: #cddc39;
+    color: var(--material-color-primary-lime);
 }
 
 .text-yellow {
-    color: #ffeb3b;
+    color: var(--material-color-primary-yellow);
 }
 
 .text-amber {
-    color: #ffc107;
+    color: var(--material-color-primary-amber);
 }
 
 .text-orange {
-    color: #ff9800;
+    color: var(--material-color-primary-orange);
 }
 
 .text-deep-orange {
-    color: #ff5722;
+    color: var(--material-color-primary-deep-orange);
 }
 
 .text-brown {
-    color: #795548;
+    color: var(--material-color-primary-brown);
 }
 
 .text-grey {
-    color: #9e9e9e;
+    color: var(--material-color-primary-grey);
 }
 
 .text-blue-grey {
-    color: #607d8b;
+    color: var(--material-color-primary-blue-grey);
 }
 
 /*****************************************************\
@@ -1757,98 +1879,98 @@
 \*****************************************************/
 
 .label-red {
-    background-color: #f44336;
-    color: white;
+    background-color: var(--material-color-primary-red);
+    color: var(--material-text-primary-red);
 }
 
 .label-pink {
-    background-color: #e91e63;
-    color: white;
+    background-color: var(--material-color-primary-pink);
+    color: var(--material-text-primary-pink);
 }
 
 .label-purple {
-    background-color: #9c27b0;
-    color: white;
+    background-color: var(--material-color-primary-purple);
+    color: var(--material-text-primary-purple);
 }
 
 .label-deep-purple {
-    background-color: #673ab7;
-    color: white;
+    background-color: var(--material-color-primary-deep-purple);
+    color: var(--material-text-primary-deep-purple);
 }
 
 .label-indigo {
-    background-color: #3f51b5;
-    color: white;
+    background-color: var(--material-color-primary-indigo);
+    color: var(--material-text-primary-indigo);
 }
 
 .label-blue {
-    background-color: #2196f3;
-    color: white;
+    background-color: var(--material-color-primary-blue);
+    color: var(--material-text-primary-blue);
 }
 
 .label-light-blue {
-    background-color: #03a9f4;
-    color: black;
+    background-color: var(--material-color-primary-light-blue);
+    color: var(--material-text-primary-light-blue);
 }
 
 .label-cyan {
-    background-color: #00bcd4;
-    color: black;
+    background-color: var(--material-color-primary-cyan);
+    color: var(--material-text-primary-cyan);
 }
 
 .label-teal {
-    background-color: #009688;
-    color: white;
+    background-color: var(--material-color-primary-teal);
+    color: var(--material-text-primary-teal);
 }
 
 .label-green {
-    background-color: #4caf50;
-    color: black;
+    background-color: var(--material-color-primary-green);
+    color: var(--material-text-primary-green);
 }
 
 .label-light-green {
-    background-color: #8bc34a;
-    color: black;
+    background-color: var(--material-color-primary-light-green);
+    color: var(--material-text-primary-light-green);
 }
 
 .label-lime {
-    background-color: #cddc39;
-    color: black;
+    background-color: var(--material-color-primary-lime);
+    color: var(--material-text-primary-lime);
 }
 
 .label-yellow {
-    background-color: #ffeb3b;
-    color: black;
+    background-color: var(--material-color-primary-yellow);
+    color: var(--material-text-primary-yellow);
 }
 
 .label-amber {
-    background-color: #ffc107;
-    color: black;
+    background-color: var(--material-color-primary-amber);
+    color: var(--material-text-primary-amber);
 }
 
 .label-orange {
-    background-color: #ff9800;
-    color: black;
+    background-color: var(--material-color-primary-orange);
+    color: var(--material-text-primary-orange);
 }
 
 .label-deep-orange {
-    background-color: #ff5722;
-    color: white;
+    background-color: var(--material-color-primary-deep-orange);
+    color: var(--material-text-primary-deep-orange);
 }
 
 .label-brown {
-    background-color: #795548;
-    color: white;
+    background-color: var(--material-color-primary-brown);
+    color: var(--material-text-primary-brown);
 }
 
 .label-grey {
-    background-color: #9e9e9e;
-    color: black;
+    background-color: var(--material-color-primary-grey);
+    color: var(--material-text-primary-grey);
 }
 
 .label-blue-grey {
-    background-color: #607d8b;
-    color: white;
+    background-color: var(--material-color-primary-blue-grey);
+    color: var(--material-text-primary-blue-grey);
 }
 
 /*****************************************************\
@@ -1856,96 +1978,96 @@
 \*****************************************************/
 
 .progress-bar-red {
-    background-color: #f44336;
-    color: white;
+    background-color: var(--material-color-primary-red);
+    color: var(--material-text-primary-red);
 }
 
 .progress-bar-pink {
-    background-color: #e91e63;
-    color: white;
+    background-color: var(--material-color-primary-pink);
+    color: var(--material-text-primary-pink);
 }
 
 .progress-bar-purple {
-    background-color: #9c27b0;
-    color: white;
+    background-color: var(--material-color-primary-purple);
+    color: var(--material-text-primary-purple);
 }
 
 .progress-bar-deep-purple {
-    background-color: #673ab7;
-    color: white;
+    background-color: var(--material-color-primary-deep-purple);
+    color: var(--material-text-primary-deep-purple);
 }
 
 .progress-bar-indigo {
-    background-color: #3f51b5;
-    color: white;
+    background-color: var(--material-color-primary-indigo);
+    color: var(--material-text-primary-indigo);
 }
 
 .progress-bar-blue {
-    background-color: #2196f3;
-    color: white;
+    background-color: var(--material-color-primary-blue);
+    color: var(--material-text-primary-blue);
 }
 
 .progress-bar-light-blue {
-    background-color: #03a9f4;
-    color: black;
+    background-color: var(--material-color-primary-light-blue);
+    color: var(--material-text-primary-light-blue);
 }
 
 .progress-bar-cyan {
-    background-color: #00bcd4;
-    color: black;
+    background-color: var(--material-color-primary-cyan);
+    color: var(--material-text-primary-cyan);
 }
 
 .progress-bar-teal {
-    background-color: #009688;
-    color: white;
+    background-color: var(--material-color-primary-teal);
+    color: var(--material-text-primary-teal);
 }
 
 .progress-bar-green {
-    background-color: #4caf50;
-    color: black;
+    background-color: var(--material-color-primary-green);
+    color: var(--material-text-primary-green);
 }
 
 .progress-bar-light-green {
-    background-color: #8bc34a;
-    color: black;
+    background-color: var(--material-color-primary-light-green);
+    color: var(--material-text-primary-light-green);
 }
 
 .progress-bar-lime {
-    background-color: #cddc39;
-    color: black;
+    background-color: var(--material-color-primary-lime);
+    color: var(--material-text-primary-lime);
 }
 
 .progress-bar-yellow {
-    background-color: #ffeb3b;
-    color: black;
+    background-color: var(--material-color-primary-yellow);
+    color: var(--material-text-primary-yellow);
 }
 
 .progress-bar-amber {
-    background-color: #ffc107;
-    color: black;
+    background-color: var(--material-color-primary-amber);
+    color: var(--material-text-primary-amber);
 }
 
 .progress-bar-orange {
-    background-color: #ff9800;
-    color: black;
+    background-color: var(--material-color-primary-orange);
+    color: var(--material-text-primary-orange);
 }
 
 .progress-bar-deep-orange {
-    background-color: #ff5722;
-    color: white;
+    background-color: var(--material-color-primary-deep-orange);
+    color: var(--material-text-primary-deep-orange);
 }
 
 .progress-bar-brown {
-    background-color: #795548;
-    color: white;
+    background-color: var(--material-color-primary-brown);
+    color: var(--material-text-primary-brown);
 }
 
 .progress-bar-grey {
-    background-color: #9e9e9e;
-    color: black;
+    background-color: var(--material-color-primary-grey);
+    color: var(--material-text-primary-grey);
 }
 
 .progress-bar-blue-grey {
-    background-color: #607d8b;
-    color: white;
+    background-color: var(--material-color-primary-blue-grey);
+    color: var(--material-text-primary-blue-grey);
 }
\ No newline at end of file
diff --git a/material-color.min.css b/material-color.min.css
index f6d5ecd..249b47b 100644
--- a/material-color.min.css
+++ b/material-color.min.css
@@ -1,2 +1 @@
-/* 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
+:root{--material-color-primary-red:#f44336;--material-text-primary-red:white;--material-color-primary-pink:#e91e63;--material-text-primary-pink:white;--material-color-primary-purple:#9c27b0;--material-text-primary-purple:white;--material-color-primary-deep-purple:#673ab7;--material-text-primary-deep-purple:white;--material-color-primary-indigo:#3f51b5;--material-text-primary-indigo:white;--material-color-primary-blue:#2196f3;--material-text-primary-blue:white;--material-color-primary-light-blue:#03a9f4;--material-text-primary-light-blue:black;--material-color-primary-cyan:#00bcd4;--material-text-primary-cyan:black;--material-color-primary-teal:#009688;--material-text-primary-teal:white;--material-color-primary-green:#4caf50;--material-text-primary-green:black;--material-color-primary-light-green:#8bc34a;--material-text-primary-light-green:black;--material-color-primary-lime:#cddc39;--material-text-primary-lime:black;--material-color-primary-yellow:#ffeb3b;--material-text-primary-yellow:black;--material-color-primary-amber:#ffc107;--material-text-primary-amber:black;--material-color-primary-orange:#ff9800;--material-text-primary-orange:black;--material-color-primary-deep-orange:#ff5722;--material-text-primary-deep-orange:white;--material-color-primary-brown:#795548;--material-text-primary-brown:white;--material-color-primary-grey:#9e9e9e;--material-text-primary-grey:black;--material-color-primary-blue-grey:#607d8b;--material-text-primary-blue-grey:white;--material-color-secondary-red:#ef9a9a;--material-text-secondary-red:black;--material-color-secondary-pink:#f48fb1;--material-text-secondary-pink:black;--material-color-secondary-purple:#ce93d8;--material-text-secondary-purple:black;--material-color-secondary-deep-purple:#b39ddb;--material-text-secondary-deep-purple:black;--material-color-secondary-indigo:#9fa8da;--material-text-secondary-indigo:black;--material-color-secondary-blue:#90caf9;--material-text-secondary-blue:black;--material-color-secondary-light-blue:#81d4fa;--material-text-secondary-light-blue:black;--material-color-secondary-cyan:#80deea;--material-text-secondary-cyan:black;--material-color-secondary-teal:#80cbc4;--material-text-secondary-teal:black;--material-color-secondary-green:#a5d6a7;--material-text-secondary-green:black;--material-color-secondary-light-green:#c5e1a5;--material-text-secondary-light-green:black;--material-color-secondary-lime:#e6ee9c;--material-text-secondary-lime:black;--material-color-secondary-yellow:#fff59d;--material-text-secondary-yellow:black;--material-color-secondary-amber:#ffe082;--material-text-secondary-amber:black;--material-color-secondary-orange:#ffcc80;--material-text-secondary-orange:black;--material-color-secondary-deep-orange:#ffab91;--material-text-secondary-deep-orange:black;--material-color-secondary-brown:#bcaaa4;--material-text-secondary-brown:black;--material-color-secondary-grey:#eee;--material-text-secondary-grey:black;--material-color-secondary-blue-grey:#b0bec5;--material-text-secondary-blue-grey:black}.panel-red .panel-heading{background-color:var(--material-color-primary-red);color:var(--material-text-primary-red)}.panel-pink .panel-heading{background-color:var(--material-color-primary-pink);color:var(--material-text-primary-pink)}.panel-purple .panel-heading{background-color:var(--material-color-primary-purple);color:var(--material-text-primary-purple)}.panel-deep-purple .panel-heading{background-color:var(--material-color-primary-deep-purple);color:var(--material-text-primary-deep-purple)}.panel-indigo .panel-heading{background-color:var(--material-color-primary-indigo);color:var(--material-text-primary-indigo)}.panel-blue .panel-heading{background-color:var(--material-color-primary-blue);color:var(--material-text-primary-blue)}.panel-light-blue .panel-heading{background-color:var(--material-color-primary-light-blue);color:var(--material-text-primary-light-blue)}.panel-cyan .panel-heading{background-color:var(--material-color-primary-cyan);color:var(--material-text-primary-cyan)}.panel-teal .panel-heading{background-color:var(--material-color-primary-teal);color:var(--material-text-primary-teal)}.panel-green .panel-heading{background-color:var(--material-color-primary-green);color:var(--material-text-primary-green)}.panel-light-green .panel-heading{background-color:var(--material-color-primary-light-green);color:var(--material-text-primary-light-green)}.panel-lime .panel-heading{background-color:var(--material-color-primary-lime);color:var(--material-text-primary-lime)}.panel-yellow .panel-heading{background-color:var(--material-color-primary-yellow);color:var(--material-text-primary-yellow)}.panel-amber .panel-heading{background-color:var(--material-color-primary-amber);color:var(--material-text-primary-amber)}.panel-orange .panel-heading{background-color:var(--material-color-primary-orange);color:var(--material-text-primary-orange)}.panel-deep-orange .panel-heading{background-color:var(--material-color-primary-deep-orange);color:var(--material-text-primary-deep-orange)}.panel-brown .panel-heading{background-color:var(--material-color-primary-brown);color:var(--material-text-primary-brown)}.panel-grey .panel-heading{background-color:var(--material-color-primary-grey);color:var(--material-text-primary-grey)}.panel-blue-grey .panel-heading{background-color:var(--material-color-primary-blue-grey);color:var(--material-text-primary-blue-grey)}.panel-red .panel-footer{background-color:var(--material-color-secondary-red);color:var(--material-text-secondary-red)}.panel-pink .panel-footer{background-color:var(--material-color-secondary-pink);color:var(--material-text-secondary-pink)}.panel-purple .panel-footer{background-color:var(--material-color-secondary-purple);color:var(--material-text-secondary-purple)}.panel-deep-purple .panel-footer{background-color:var(--material-color-secondary-deep-purple);color:var(--material-text-secondary-deep-purple)}.panel-indigo .panel-footer{background-color:var(--material-color-secondary-indigo);color:var(--material-text-secondary-indigo)}.panel-blue .panel-footer{background-color:var(--material-color-secondary-blue);color:var(--material-text-secondary-blue)}.panel-light-blue .panel-footer{background-color:var(--material-color-secondary-light-blue);color:var(--material-text-secondary-light-blue)}.panel-cyan .panel-footer{background-color:var(--material-color-secondary-cyan);color:var(--material-text-secondary-cyan)}.panel-teal .panel-footer{background-color:var(--material-color-secondary-teal);color:var(--material-text-secondary-teal)}.panel-green .panel-footer{background-color:var(--material-color-secondary-green);color:var(--material-text-secondary-green)}.panel-light-green .panel-footer{background-color:var(--material-color-secondary-light-green);color:var(--material-text-secondary-light-green)}.panel-lime .panel-footer{background-color:var(--material-color-secondary-lime);color:var(--material-text-secondary-lime)}.panel-yellow .panel-footer{background-color:var(--material-color-secondary-yellow);color:var(--material-text-secondary-yellow)}.panel-amber .panel-footer{background-color:var(--material-color-secondary-amber);color:var(--material-text-secondary-amber)}.panel-orange .panel-footer{background-color:var(--material-color-secondary-orange);color:var(--material-text-secondary-orange)}.panel-deep-orange .panel-footer{background-color:var(--material-color-secondary-deep-orange);color:var(--material-text-secondary-deep-orange)}.panel-brown .panel-footer{background-color:var(--material-color-secondary-brown);color:var(--material-text-secondary-brown)}.panel-grey .panel-footer{background-color:var(--material-color-secondary-grey);color:var(--material-text-secondary-grey)}.panel-blue-grey .panel-footer{background-color:var(--material-color-secondary-blue-grey);color:var(--material-text-secondary-blue-grey)}.alert-red{background-color:var(--material-color-primary-red);color:var(--material-text-primary-red)}.alert-pink{background-color:var(--material-color-primary-pink);color:var(--material-text-primary-pink)}.alert-purple{background-color:var(--material-color-primary-purple);color:var(--material-text-primary-purple)}.alert-deep-purple{background-color:var(--material-color-primary-deep-purple);color:var(--material-text-primary-deep-purple)}.alert-indigo{background-color:var(--material-color-primary-indigo);color:var(--material-text-primary-indigo)}.alert-blue{background-color:var(--material-color-primary-blue);color:var(--material-text-primary-blue)}.alert-light-blue{background-color:var(--material-color-primary-light-blue);color:var(--material-text-primary-light-blue)}.alert-cyan{background-color:var(--material-color-primary-cyan);color:var(--material-text-primary-cyan)}.alert-teal{background-color:var(--material-color-primary-teal);color:var(--material-text-primary-teal)}.alert-green{background-color:var(--material-color-primary-green);color:var(--material-text-primary-green)}.alert-light-green{background-color:var(--material-color-primary-light-green);color:var(--material-text-primary-light-green)}.alert-lime{background-color:var(--material-color-primary-lime);color:var(--material-text-primary-lime)}.alert-yellow{background-color:var(--material-color-primary-yellow);color:var(--material-text-primary-yellow)}.alert-amber{background-color:var(--material-color-primary-amber);color:var(--material-text-primary-amber)}.alert-orange{background-color:var(--material-color-primary-orange);color:var(--material-text-primary-orange)}.alert-deep-orange{background-color:var(--material-color-primary-deep-orange);color:var(--material-text-primary-deep-orange)}.alert-brown{background-color:var(--material-color-primary-brown);color:var(--material-text-primary-brown)}.alert-grey{background-color:var(--material-color-primary-grey);color:var(--material-text-primary-grey)}.alert-blue-grey{background-color:var(--material-color-primary-blue-grey);color:var(--material-text-primary-blue-grey)}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:rgba(0,0,0,.3)}.navbar-red{background-color:var(--material-color-primary-red)}.navbar-red .navbar-brand{color:var(--material-text-primary-red)}.navbar-red .navbar-brand:hover,.navbar-red .navbar-brand:focus{color:var(--material-text-primary-red)}.navbar-red .navbar-nav>li>a{color:var(--material-text-primary-red)}.navbar-red .navbar-nav>li>a:hover,.navbar-red .navbar-nav>li>a:focus{color:var(--material-text-primary-red)}.navbar-red .navbar-nav>.active>a,.navbar-red .navbar-nav>.active>a:hover,.navbar-red .navbar-nav>.active>a:focus{color:var(--material-text-primary-red);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:var(--material-text-primary-red);background:rgba(0,0,0,.2)}.navbar-red .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-red);border-bottom-color:var(--material-text-primary-red)}.navbar-red .navbar-nav>.dropdown>a:hover .caret,.navbar-red .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-red);border-bottom-color:var(--material-text-primary-red)}.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:var(--material-text-primary-red);border-bottom-color:var(--material-text-primary-red)}.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:var(--material-text-primary-red)}@media(max-width:767px){.navbar-red .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-red)}.navbar-red .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-red .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-red)}}.navbar-pink{background-color:var(--material-color-primary-pink)}.navbar-pink .navbar-brand{color:var(--material-text-primary-pink)}.navbar-pink .navbar-brand:hover,.navbar-pink .navbar-brand:focus{color:var(--material-text-primary-pink)}.navbar-pink .navbar-nav>li>a{color:var(--material-text-primary-pink)}.navbar-pink .navbar-nav>li>a:hover,.navbar-pink .navbar-nav>li>a:focus{color:var(--material-text-primary-pink)}.navbar-pink .navbar-nav>.active>a,.navbar-pink .navbar-nav>.active>a:hover,.navbar-pink .navbar-nav>.active>a:focus{color:var(--material-text-primary-pink);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:var(--material-text-primary-pink);background:rgba(0,0,0,.2)}.navbar-pink .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-pink);border-bottom-color:var(--material-text-primary-pink)}.navbar-pink .navbar-nav>.dropdown>a:hover .caret,.navbar-pink .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-pink);border-bottom-color:var(--material-text-primary-pink)}.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:var(--material-text-primary-pink);border-bottom-color:var(--material-text-primary-pink)}.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:var(--material-text-primary-pink)}@media(max-width:767px){.navbar-pink .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-pink)}.navbar-pink .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-pink .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-pink)}}.navbar-purple{background-color:var(--material-color-primary-purple)}.navbar-purple .navbar-brand{color:var(--material-text-primary-purple)}.navbar-purple .navbar-brand:hover,.navbar-purple .navbar-brand:focus{color:var(--material-text-primary-purple)}.navbar-purple .navbar-nav>li>a{color:var(--material-text-primary-purple)}.navbar-purple .navbar-nav>li>a:hover,.navbar-purple .navbar-nav>li>a:focus{color:var(--material-text-primary-purple)}.navbar-purple .navbar-nav>.active>a,.navbar-purple .navbar-nav>.active>a:hover,.navbar-purple .navbar-nav>.active>a:focus{color:var(--material-text-primary-purple);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:var(--material-text-primary-purple);background:rgba(0,0,0,.2)}.navbar-purple .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-purple);border-bottom-color:var(--material-text-primary-purple)}.navbar-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-purple .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-purple);border-bottom-color:var(--material-text-primary-purple)}.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:var(--material-text-primary-purple);border-bottom-color:var(--material-text-primary-purple)}.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:var(--material-text-primary-purple)}@media(max-width:767px){.navbar-purple .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-purple)}.navbar-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-purple .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-purple)}}.navbar-deep-purple{background-color:var(--material-color-primary-deep-purple)}.navbar-deep-purple .navbar-brand{color:var(--material-text-primary-deep-purple)}.navbar-deep-purple .navbar-brand:hover,.navbar-deep-purple .navbar-brand:focus{color:var(--material-text-primary-deep-purple)}.navbar-deep-purple .navbar-nav>li>a{color:var(--material-text-primary-deep-purple)}.navbar-deep-purple .navbar-nav>li>a:hover,.navbar-deep-purple .navbar-nav>li>a:focus{color:var(--material-text-primary-deep-purple)}.navbar-deep-purple .navbar-nav>.active>a,.navbar-deep-purple .navbar-nav>.active>a:hover,.navbar-deep-purple .navbar-nav>.active>a:focus{color:var(--material-text-primary-deep-purple);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:var(--material-text-primary-deep-purple);background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-deep-purple);border-bottom-color:var(--material-text-primary-deep-purple)}.navbar-deep-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-purple .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-deep-purple);border-bottom-color:var(--material-text-primary-deep-purple)}.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:var(--material-text-primary-deep-purple);border-bottom-color:var(--material-text-primary-deep-purple)}.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:var(--material-text-primary-deep-purple)}@media(max-width:767px){.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-deep-purple)}.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-deep-purple)}}.navbar-indigo{background-color:var(--material-color-primary-indigo)}.navbar-indigo .navbar-brand{color:var(--material-text-primary-indigo)}.navbar-indigo .navbar-brand:hover,.navbar-indigo .navbar-brand:focus{color:var(--material-text-primary-indigo)}.navbar-indigo .navbar-nav>li>a{color:var(--material-text-primary-indigo)}.navbar-indigo .navbar-nav>li>a:hover,.navbar-indigo .navbar-nav>li>a:focus{color:var(--material-text-primary-indigo)}.navbar-indigo .navbar-nav>.active>a,.navbar-indigo .navbar-nav>.active>a:hover,.navbar-indigo .navbar-nav>.active>a:focus{color:var(--material-text-primary-indigo);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:var(--material-text-primary-indigo);background:rgba(0,0,0,.2)}.navbar-indigo .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-indigo);border-bottom-color:var(--material-text-primary-indigo)}.navbar-indigo .navbar-nav>.dropdown>a:hover .caret,.navbar-indigo .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-indigo);border-bottom-color:var(--material-text-primary-indigo)}.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:var(--material-text-primary-indigo);border-bottom-color:var(--material-text-primary-indigo)}.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:var(--material-text-primary-indigo)}@media(max-width:767px){.navbar-indigo .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-indigo)}.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-indigo)}}.navbar-blue{background-color:var(--material-color-primary-blue)}.navbar-blue .navbar-brand{color:var(--material-text-primary-blue)}.navbar-blue .navbar-brand:hover,.navbar-blue .navbar-brand:focus{color:var(--material-text-primary-blue)}.navbar-blue .navbar-nav>li>a{color:var(--material-text-primary-blue)}.navbar-blue .navbar-nav>li>a:hover,.navbar-blue .navbar-nav>li>a:focus{color:var(--material-text-primary-blue)}.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.active>a:hover,.navbar-blue .navbar-nav>.active>a:focus{color:var(--material-text-primary-blue);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:var(--material-text-primary-blue);background:rgba(0,0,0,.2)}.navbar-blue .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-blue);border-bottom-color:var(--material-text-primary-blue)}.navbar-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-blue .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-blue);border-bottom-color:var(--material-text-primary-blue)}.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:var(--material-text-primary-blue);border-bottom-color:var(--material-text-primary-blue)}.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:var(--material-text-primary-blue)}@media(max-width:767px){.navbar-blue .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-blue)}.navbar-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-blue)}}.navbar-light-blue{background-color:var(--material-color-primary-light-blue)}.navbar-light-blue .navbar-brand{color:var(--material-text-primary-light-blue)}.navbar-light-blue .navbar-brand:hover,.navbar-light-blue .navbar-brand:focus{color:var(--material-text-primary-light-blue)}.navbar-light-blue .navbar-nav>li>a{color:var(--material-text-primary-light-blue)}.navbar-light-blue .navbar-nav>li>a:hover,.navbar-light-blue .navbar-nav>li>a:focus{color:var(--material-text-primary-light-blue)}.navbar-light-blue .navbar-nav>.active>a,.navbar-light-blue .navbar-nav>.active>a:hover,.navbar-light-blue .navbar-nav>.active>a:focus{color:var(--material-text-primary-light-blue);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:var(--material-text-primary-light-blue);background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-light-blue);border-bottom-color:var(--material-text-primary-light-blue)}.navbar-light-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-light-blue .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-light-blue);border-bottom-color:var(--material-text-primary-light-blue)}.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:var(--material-text-primary-light-blue);border-bottom-color:var(--material-text-primary-light-blue)}.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:var(--material-text-primary-light-blue)}@media(max-width:767px){.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-light-blue)}.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-light-blue)}}.navbar-cyan{background-color:var(--material-color-primary-cyan)}.navbar-cyan .navbar-brand{color:var(--material-text-primary-cyan)}.navbar-cyan .navbar-brand:hover,.navbar-cyan .navbar-brand:focus{color:var(--material-text-primary-cyan)}.navbar-cyan .navbar-nav>li>a{color:var(--material-text-primary-cyan)}.navbar-cyan .navbar-nav>li>a:hover,.navbar-cyan .navbar-nav>li>a:focus{color:var(--material-text-primary-cyan)}.navbar-cyan .navbar-nav>.active>a,.navbar-cyan .navbar-nav>.active>a:hover,.navbar-cyan .navbar-nav>.active>a:focus{color:var(--material-text-primary-cyan);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:var(--material-text-primary-cyan);background:rgba(0,0,0,.2)}.navbar-cyan .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-cyan);border-bottom-color:var(--material-text-primary-cyan)}.navbar-cyan .navbar-nav>.dropdown>a:hover .caret,.navbar-cyan .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-cyan);border-bottom-color:var(--material-text-primary-cyan)}.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:var(--material-text-primary-cyan);border-bottom-color:var(--material-text-primary-cyan)}.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:var(--material-text-primary-cyan)}@media(max-width:767px){.navbar-cyan .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-cyan)}.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-cyan)}}.navbar-teal{background-color:var(--material-color-primary-teal)}.navbar-teal .navbar-brand{color:var(--material-text-primary-teal)}.navbar-teal .navbar-brand:hover,.navbar-teal .navbar-brand:focus{color:var(--material-text-primary-teal)}.navbar-teal .navbar-nav>li>a{color:var(--material-text-primary-teal)}.navbar-teal .navbar-nav>li>a:hover,.navbar-teal .navbar-nav>li>a:focus{color:var(--material-text-primary-teal)}.navbar-teal .navbar-nav>.active>a,.navbar-teal .navbar-nav>.active>a:hover,.navbar-teal .navbar-nav>.active>a:focus{color:var(--material-text-primary-teal);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:var(--material-text-primary-teal);background:rgba(0,0,0,.2)}.navbar-teal .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-teal);border-bottom-color:var(--material-text-primary-teal)}.navbar-teal .navbar-nav>.dropdown>a:hover .caret,.navbar-teal .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-teal);border-bottom-color:var(--material-text-primary-teal)}.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:var(--material-text-primary-teal);border-bottom-color:var(--material-text-primary-teal)}.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:var(--material-text-primary-teal)}@media(max-width:767px){.navbar-teal .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-teal)}.navbar-teal .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-teal .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-teal)}}.navbar-green{background-color:var(--material-color-primary-green)}.navbar-green .navbar-brand{color:var(--material-text-primary-green)}.navbar-green .navbar-brand:hover,.navbar-green .navbar-brand:focus{color:var(--material-text-primary-green)}.navbar-green .navbar-nav>li>a{color:var(--material-text-primary-green)}.navbar-green .navbar-nav>li>a:hover,.navbar-green .navbar-nav>li>a:focus{color:var(--material-text-primary-green)}.navbar-green .navbar-nav>.active>a,.navbar-green .navbar-nav>.active>a:hover,.navbar-green .navbar-nav>.active>a:focus{color:var(--material-text-primary-green);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:var(--material-text-primary-green);background:rgba(0,0,0,.2)}.navbar-green .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-green);border-bottom-color:var(--material-text-primary-green)}.navbar-green .navbar-nav>.dropdown>a:hover .caret,.navbar-green .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-green);border-bottom-color:var(--material-text-primary-green)}.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:var(--material-text-primary-green);border-bottom-color:var(--material-text-primary-green)}.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:var(--material-text-primary-green)}@media(max-width:767px){.navbar-green .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-green)}.navbar-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-green .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-green)}}.navbar-light-green{background-color:var(--material-color-primary-light-green)}.navbar-light-green .navbar-brand{color:var(--material-text-primary-light-green)}.navbar-light-green .navbar-brand:hover,.navbar-light-green .navbar-brand:focus{color:var(--material-text-primary-light-green)}.navbar-light-green .navbar-nav>li>a{color:var(--material-text-primary-light-green)}.navbar-light-green .navbar-nav>li>a:hover,.navbar-light-green .navbar-nav>li>a:focus{color:var(--material-text-primary-light-green)}.navbar-light-green .navbar-nav>.active>a,.navbar-light-green .navbar-nav>.active>a:hover,.navbar-light-green .navbar-nav>.active>a:focus{color:var(--material-text-primary-light-green);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:var(--material-text-primary-light-green);background:rgba(0,0,0,.2)}.navbar-light-green .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-light-green);border-bottom-color:var(--material-text-primary-light-green)}.navbar-light-green .navbar-nav>.dropdown>a:hover .caret,.navbar-light-green .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-light-green);border-bottom-color:var(--material-text-primary-light-green)}.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:var(--material-text-primary-light-green);border-bottom-color:var(--material-text-primary-light-green)}.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:var(--material-text-primary-light-green)}@media(max-width:767px){.navbar-light-green .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-light-green)}.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-light-green)}}.navbar-lime{background-color:var(--material-color-primary-lime)}.navbar-lime .navbar-brand{color:var(--material-text-primary-lime)}.navbar-lime .navbar-brand:hover,.navbar-lime .navbar-brand:focus{color:var(--material-text-primary-lime)}.navbar-lime .navbar-nav>li>a{color:var(--material-text-primary-lime)}.navbar-lime .navbar-nav>li>a:hover,.navbar-lime .navbar-nav>li>a:focus{color:var(--material-text-primary-lime)}.navbar-lime .navbar-nav>.active>a,.navbar-lime .navbar-nav>.active>a:hover,.navbar-lime .navbar-nav>.active>a:focus{color:var(--material-text-primary-lime);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:var(--material-text-primary-lime);background:rgba(0,0,0,.2)}.navbar-lime .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-lime);border-bottom-color:var(--material-text-primary-lime)}.navbar-lime .navbar-nav>.dropdown>a:hover .caret,.navbar-lime .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-lime);border-bottom-color:var(--material-text-primary-lime)}.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:var(--material-text-primary-lime);border-bottom-color:var(--material-text-primary-lime)}.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:var(--material-text-primary-lime)}@media(max-width:767px){.navbar-lime .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-lime)}.navbar-lime .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-lime .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-lime)}}.navbar-yellow{background-color:var(--material-color-primary-yellow)}.navbar-yellow .navbar-brand{color:var(--material-text-primary-yellow)}.navbar-yellow .navbar-brand:hover,.navbar-yellow .navbar-brand:focus{color:var(--material-text-primary-yellow)}.navbar-yellow .navbar-nav>li>a{color:var(--material-text-primary-yellow)}.navbar-yellow .navbar-nav>li>a:hover,.navbar-yellow .navbar-nav>li>a:focus{color:var(--material-text-primary-yellow)}.navbar-yellow .navbar-nav>.active>a,.navbar-yellow .navbar-nav>.active>a:hover,.navbar-yellow .navbar-nav>.active>a:focus{color:var(--material-text-primary-yellow);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:var(--material-text-primary-yellow);background:rgba(0,0,0,.2)}.navbar-yellow .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-yellow);border-bottom-color:var(--material-text-primary-yellow)}.navbar-yellow .navbar-nav>.dropdown>a:hover .caret,.navbar-yellow .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-yellow);border-bottom-color:var(--material-text-primary-yellow)}.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:var(--material-text-primary-yellow);border-bottom-color:var(--material-text-primary-yellow)}.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:var(--material-text-primary-yellow)}@media(max-width:767px){.navbar-yellow .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-yellow)}.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-yellow)}}.navbar-amber{background-color:var(--material-color-primary-amber)}.navbar-amber .navbar-brand{color:var(--material-text-primary-amber)}.navbar-amber .navbar-brand:hover,.navbar-amber .navbar-brand:focus{color:var(--material-text-primary-amber)}.navbar-amber .navbar-nav>li>a{color:var(--material-text-primary-amber)}.navbar-amber .navbar-nav>li>a:hover,.navbar-amber .navbar-nav>li>a:focus{color:var(--material-text-primary-amber)}.navbar-amber .navbar-nav>.active>a,.navbar-amber .navbar-nav>.active>a:hover,.navbar-amber .navbar-nav>.active>a:focus{color:var(--material-text-primary-amber);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:var(--material-text-primary-amber);background:rgba(0,0,0,.2)}.navbar-amber .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-amber);border-bottom-color:var(--material-text-primary-amber)}.navbar-amber .navbar-nav>.dropdown>a:hover .caret,.navbar-amber .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-amber);border-bottom-color:var(--material-text-primary-amber)}.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:var(--material-text-primary-amber);border-bottom-color:var(--material-text-primary-amber)}.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:var(--material-text-primary-amber)}@media(max-width:767px){.navbar-amber .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-amber)}.navbar-amber .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-amber .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-amber)}}.navbar-orange{background-color:var(--material-color-primary-orange)}.navbar-orange .navbar-brand{color:var(--material-text-primary-orange)}.navbar-orange .navbar-brand:hover,.navbar-orange .navbar-brand:focus{color:var(--material-text-primary-orange)}.navbar-orange .navbar-nav>li>a{color:var(--material-text-primary-orange)}.navbar-orange .navbar-nav>li>a:hover,.navbar-orange .navbar-nav>li>a:focus{color:var(--material-text-primary-orange)}.navbar-orange .navbar-nav>.active>a,.navbar-orange .navbar-nav>.active>a:hover,.navbar-orange .navbar-nav>.active>a:focus{color:var(--material-text-primary-orange);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:var(--material-text-primary-orange);background:rgba(0,0,0,.2)}.navbar-orange .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-orange);border-bottom-color:var(--material-text-primary-orange)}.navbar-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-orange .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-orange);border-bottom-color:var(--material-text-primary-orange)}.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:var(--material-text-primary-orange);border-bottom-color:var(--material-text-primary-orange)}.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:var(--material-text-primary-orange)}@media(max-width:767px){.navbar-orange .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-orange)}.navbar-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-orange .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-orange)}}.navbar-deep-orange{background-color:var(--material-color-primary-deep-orange)}.navbar-deep-orange .navbar-brand{color:var(--material-text-primary-deep-orange)}.navbar-deep-orange .navbar-brand:hover,.navbar-deep-orange .navbar-brand:focus{color:var(--material-text-primary-deep-orange)}.navbar-deep-orange .navbar-nav>li>a{color:var(--material-text-primary-deep-orange)}.navbar-deep-orange .navbar-nav>li>a:hover,.navbar-deep-orange .navbar-nav>li>a:focus{color:var(--material-text-primary-deep-orange)}.navbar-deep-orange .navbar-nav>.active>a,.navbar-deep-orange .navbar-nav>.active>a:hover,.navbar-deep-orange .navbar-nav>.active>a:focus{color:var(--material-text-primary-deep-orange);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:var(--material-text-primary-deep-orange);background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-deep-orange);border-bottom-color:var(--material-text-primary-deep-orange)}.navbar-deep-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-orange .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-deep-orange);border-bottom-color:var(--material-text-primary-deep-orange)}.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:var(--material-text-primary-deep-orange);border-bottom-color:var(--material-text-primary-deep-orange)}.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:var(--material-text-primary-deep-orange)}@media(max-width:767px){.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-deep-orange)}.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-deep-orange)}}.navbar-brown{background-color:var(--material-color-primary-brown)}.navbar-brown .navbar-brand{color:var(--material-text-primary-brown)}.navbar-brown .navbar-brand:hover,.navbar-brown .navbar-brand:focus{color:var(--material-text-primary-brown)}.navbar-brown .navbar-nav>li>a{color:var(--material-text-primary-brown)}.navbar-brown .navbar-nav>li>a:hover,.navbar-brown .navbar-nav>li>a:focus{color:var(--material-text-primary-brown)}.navbar-brown .navbar-nav>.active>a,.navbar-brown .navbar-nav>.active>a:hover,.navbar-brown .navbar-nav>.active>a:focus{color:var(--material-text-primary-brown);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:var(--material-text-primary-brown);background:rgba(0,0,0,.2)}.navbar-brown .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-brown);border-bottom-color:var(--material-text-primary-brown)}.navbar-brown .navbar-nav>.dropdown>a:hover .caret,.navbar-brown .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-brown);border-bottom-color:var(--material-text-primary-brown)}.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:var(--material-text-primary-brown);border-bottom-color:var(--material-text-primary-brown)}.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:var(--material-text-primary-brown)}@media(max-width:767px){.navbar-brown .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-brown)}.navbar-brown .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-brown .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-brown)}}.navbar-grey{background-color:var(--material-color-primary-grey)}.navbar-grey .navbar-brand{color:var(--material-text-primary-grey)}.navbar-grey .navbar-brand:hover,.navbar-grey .navbar-brand:focus{color:var(--material-text-primary-grey)}.navbar-grey .navbar-nav>li>a{color:var(--material-text-primary-grey)}.navbar-grey .navbar-nav>li>a:hover,.navbar-grey .navbar-nav>li>a:focus{color:var(--material-text-primary-grey)}.navbar-grey .navbar-nav>.active>a,.navbar-grey .navbar-nav>.active>a:hover,.navbar-grey .navbar-nav>.active>a:focus{color:var(--material-text-primary-grey);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:var(--material-text-primary-grey);background:rgba(0,0,0,.2)}.navbar-grey .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-grey);border-bottom-color:var(--material-text-primary-grey)}.navbar-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-grey .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-grey);border-bottom-color:var(--material-text-primary-grey)}.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:var(--material-text-primary-grey);border-bottom-color:var(--material-text-primary-grey)}.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:var(--material-text-primary-grey)}@media(max-width:767px){.navbar-grey .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-grey)}.navbar-grey .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-grey .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-grey)}}.navbar-blue-grey{background-color:var(--material-color-primary-blue-grey)}.navbar-blue-grey .navbar-brand{color:var(--material-text-primary-blue-grey)}.navbar-blue-grey .navbar-brand:hover,.navbar-blue-grey .navbar-brand:focus{color:var(--material-text-primary-blue-grey)}.navbar-blue-grey .navbar-nav>li>a{color:var(--material-text-primary-blue-grey)}.navbar-blue-grey .navbar-nav>li>a:hover,.navbar-blue-grey .navbar-nav>li>a:focus{color:var(--material-text-primary-blue-grey)}.navbar-blue-grey .navbar-nav>.active>a,.navbar-blue-grey .navbar-nav>.active>a:hover,.navbar-blue-grey .navbar-nav>.active>a:focus{color:var(--material-text-primary-blue-grey);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:var(--material-text-primary-blue-grey);background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-nav>.dropdown>a .caret{border-top-color:var(--material-text-primary-blue-grey);border-bottom-color:var(--material-text-primary-blue-grey)}.navbar-blue-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-blue-grey .navbar-nav>.dropdown>a:focus .caret{border-top-color:var(--material-text-primary-blue-grey);border-bottom-color:var(--material-text-primary-blue-grey)}.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:var(--material-text-primary-blue-grey);border-bottom-color:var(--material-text-primary-blue-grey)}.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:var(--material-text-primary-blue-grey)}@media(max-width:767px){.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a{color:var(--material-text-primary-blue-grey)}.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:focus{color:var(--material-text-primary-blue-grey)}}.btn-red,.btn-red:hover,.btn-red:active,.btn-red:focus{background-color:var(--material-color-primary-red);color:var(--material-text-primary-red)}.btn-pink,.btn-pink:hover,.btn-pink:active,.btn-pink:focus{background-color:var(--material-color-primary-pink);color:var(--material-text-primary-pink)}.btn-purple,.btn-purple:hover,.btn-purple:active,.btn-purple:focus{background-color:var(--material-color-primary-purple);color:var(--material-text-primary-purple)}.btn-deep-purple,.btn-deep-purple:hover,.btn-deep-purple:active,.btn-deep-purple:focus{background-color:var(--material-color-primary-deep-purple);color:var(--material-text-primary-deep-purple)}.btn-indigo,.btn-indigo:hover,.btn-indigo:active,.btn-indigo:focus{background-color:var(--material-color-primary-indigo);color:var(--material-text-primary-indigo)}.btn-blue,.btn-blue:hover,.btn-blue:active,.btn-blue:focus{background-color:var(--material-color-primary-blue);color:var(--material-text-primary-blue)}.btn-light-blue,.btn-light-blue:hover,.btn-light-blue:active,.btn-light-blue:focus{background-color:var(--material-color-primary-light-blue);color:var(--material-text-primary-light-blue)}.btn-cyan,.btn-cyan:hover,.btn-cyan:active,.btn-cyan:focus{background-color:var(--material-color-primary-cyan);color:var(--material-text-primary-cyan)}.btn-teal,.btn-teal:hover,.btn-teal:active,.btn-teal:focus{background-color:var(--material-color-primary-teal);color:var(--material-text-primary-teal)}.btn-green,.btn-green:hover,.btn-green:active,.btn-green:focus{background-color:var(--material-color-primary-green);color:var(--material-text-primary-green)}.btn-light-green,.btn-light-green:hover,.btn-light-green:active,.btn-light-green:focus{background-color:var(--material-color-primary-light-green);color:var(--material-text-primary-light-green)}.btn-lime,.btn-lime:hover,.btn-lime:active,.btn-lime:focus{background-color:var(--material-color-primary-lime);color:var(--material-text-primary-lime)}.btn-yellow,.btn-yellow:hover,.btn-yellow:active,.btn-yellow:focus{background-color:var(--material-color-primary-yellow);color:var(--material-text-primary-yellow)}.btn-amber,.btn-amber:hover,.btn-amber:active,.btn-amber:focus{background-color:var(--material-color-primary-amber);color:var(--material-text-primary-amber)}.btn-orange,.btn-orange:hover,.btn-orange:active,.btn-orange:focus{background-color:var(--material-color-primary-orange);color:var(--material-text-primary-orange)}.btn-deep-orange,.btn-deep-orange:hover,.btn-deep-orange:active,.btn-deep-orange:focus{background-color:var(--material-color-primary-deep-orange);color:var(--material-text-primary-deep-orange)}.btn-brown,.btn-brown:hover,.btn-brown:active,.btn-brown:focus{background-color:var(--material-color-primary-brown);color:var(--material-text-primary-brown)}.btn-grey,.btn-grey:hover,.btn-grey:active,.btn-grey:focus{background-color:var(--material-color-primary-grey);color:var(--material-text-primary-grey)}.btn-blue-grey,.btn-blue-grey:hover,.btn-blue-grey:active,.btn-blue-grey:focus{background-color:var(--material-color-primary-blue-grey);color:var(--material-text-primary-blue-grey)}.text-red{color:var(--material-color-primary-red)}.text-pink{color:var(--material-color-primary-pink)}.text-purple{color:var(--material-color-primary-purple)}.text-deep-purple{color:var(--material-color-primary-deep-purple)}.text-indigo{color:var(--material-color-primary-indigo)}.text-blue{color:var(--material-color-primary-blue)}.text-light-blue{color:var(--material-color-primary-light-blue)}.text-cyan{color:var(--material-color-primary-cyan)}.text-teal{color:var(--material-color-primary-teal)}.text-green{color:var(--material-color-primary-green)}.text-light-green{color:var(--material-color-primary-light-green)}.text-lime{color:var(--material-color-primary-lime)}.text-yellow{color:var(--material-color-primary-yellow)}.text-amber{color:var(--material-color-primary-amber)}.text-orange{color:var(--material-color-primary-orange)}.text-deep-orange{color:var(--material-color-primary-deep-orange)}.text-brown{color:var(--material-color-primary-brown)}.text-grey{color:var(--material-color-primary-grey)}.text-blue-grey{color:var(--material-color-primary-blue-grey)}.label-red{background-color:var(--material-color-primary-red);color:var(--material-text-primary-red)}.label-pink{background-color:var(--material-color-primary-pink);color:var(--material-text-primary-pink)}.label-purple{background-color:var(--material-color-primary-purple);color:var(--material-text-primary-purple)}.label-deep-purple{background-color:var(--material-color-primary-deep-purple);color:var(--material-text-primary-deep-purple)}.label-indigo{background-color:var(--material-color-primary-indigo);color:var(--material-text-primary-indigo)}.label-blue{background-color:var(--material-color-primary-blue);color:var(--material-text-primary-blue)}.label-light-blue{background-color:var(--material-color-primary-light-blue);color:var(--material-text-primary-light-blue)}.label-cyan{background-color:var(--material-color-primary-cyan);color:var(--material-text-primary-cyan)}.label-teal{background-color:var(--material-color-primary-teal);color:var(--material-text-primary-teal)}.label-green{background-color:var(--material-color-primary-green);color:var(--material-text-primary-green)}.label-light-green{background-color:var(--material-color-primary-light-green);color:var(--material-text-primary-light-green)}.label-lime{background-color:var(--material-color-primary-lime);color:var(--material-text-primary-lime)}.label-yellow{background-color:var(--material-color-primary-yellow);color:var(--material-text-primary-yellow)}.label-amber{background-color:var(--material-color-primary-amber);color:var(--material-text-primary-amber)}.label-orange{background-color:var(--material-color-primary-orange);color:var(--material-text-primary-orange)}.label-deep-orange{background-color:var(--material-color-primary-deep-orange);color:var(--material-text-primary-deep-orange)}.label-brown{background-color:var(--material-color-primary-brown);color:var(--material-text-primary-brown)}.label-grey{background-color:var(--material-color-primary-grey);color:var(--material-text-primary-grey)}.label-blue-grey{background-color:var(--material-color-primary-blue-grey);color:var(--material-text-primary-blue-grey)}.progress-bar-red{background-color:var(--material-color-primary-red);color:var(--material-text-primary-red)}.progress-bar-pink{background-color:var(--material-color-primary-pink);color:var(--material-text-primary-pink)}.progress-bar-purple{background-color:var(--material-color-primary-purple);color:var(--material-text-primary-purple)}.progress-bar-deep-purple{background-color:var(--material-color-primary-deep-purple);color:var(--material-text-primary-deep-purple)}.progress-bar-indigo{background-color:var(--material-color-primary-indigo);color:var(--material-text-primary-indigo)}.progress-bar-blue{background-color:var(--material-color-primary-blue);color:var(--material-text-primary-blue)}.progress-bar-light-blue{background-color:var(--material-color-primary-light-blue);color:var(--material-text-primary-light-blue)}.progress-bar-cyan{background-color:var(--material-color-primary-cyan);color:var(--material-text-primary-cyan)}.progress-bar-teal{background-color:var(--material-color-primary-teal);color:var(--material-text-primary-teal)}.progress-bar-green{background-color:var(--material-color-primary-green);color:var(--material-text-primary-green)}.progress-bar-light-green{background-color:var(--material-color-primary-light-green);color:var(--material-text-primary-light-green)}.progress-bar-lime{background-color:var(--material-color-primary-lime);color:var(--material-text-primary-lime)}.progress-bar-yellow{background-color:var(--material-color-primary-yellow);color:var(--material-text-primary-yellow)}.progress-bar-amber{background-color:var(--material-color-primary-amber);color:var(--material-text-primary-amber)}.progress-bar-orange{background-color:var(--material-color-primary-orange);color:var(--material-text-primary-orange)}.progress-bar-deep-orange{background-color:var(--material-color-primary-deep-orange);color:var(--material-text-primary-deep-orange)}.progress-bar-brown{background-color:var(--material-color-primary-brown);color:var(--material-text-primary-brown)}.progress-bar-grey{background-color:var(--material-color-primary-grey);color:var(--material-text-primary-grey)}.progress-bar-blue-grey{background-color:var(--material-color-primary-blue-grey);color:var(--material-text-primary-blue-grey)}
\ No newline at end of file