From 8c98f168a7e79bb31da17b24825708e9f635f183 Mon Sep 17 00:00:00 2001 From: Skylar Ittner Date: Tue, 7 Nov 2017 13:42:58 -0700 Subject: [PATCH] Update text colors to more closely match original palette, Add -blacktext classes for navbar colors where 600 is white and 500 is black --- material-color.css | 349 ++++++++++++++++++++++++++++++++++++----- material-color.min.css | 8 +- 2 files changed, 315 insertions(+), 42 deletions(-) diff --git a/material-color.css b/material-color.css index 5c55ca9..7921017 100644 --- a/material-color.css +++ b/material-color.css @@ -1,4 +1,8 @@ -/* Material-Color.css Copyright (c) 2017 Netsyms Technologies MIT License */ +/* Material-Color.css + * Copyright (c) 2017 Netsyms Technologies + * MIT License + * https://source.netsyms.com/Netsyms/Material-Color + */ /*****************************************************\ PANELS @@ -31,7 +35,7 @@ .panel-blue .panel-heading { background-color: #2196f3; - color: white; + color: black; } .panel-light-blue .panel-heading { @@ -81,7 +85,7 @@ .panel-deep-orange .panel-heading { background-color: #ff5722; - color: white; + color: black; } .panel-brown .panel-heading { @@ -225,7 +229,7 @@ .alert-blue { background-color: #2196f3; - color: white; + color: black; } .alert-light-blue { @@ -275,7 +279,7 @@ .alert-deep-orange { background-color: #ff5722; - color: white; + color: black; } .alert-brown { @@ -702,6 +706,72 @@ } } +/* blue with black text */ + +.navbar-blue-blacktext { + background-color: #2196f3; +} +.navbar-blue-blacktext .navbar-brand { + color: black; +} +.navbar-blue-blacktext .navbar-brand:hover, +.navbar-blue-blacktext .navbar-brand:focus { + color: black; +} +.navbar-blue-blacktext .navbar-nav > li > a { + color: black; +} +.navbar-blue-blacktext .navbar-nav > li > a:hover, +.navbar-blue-blacktext .navbar-nav > li > a:focus { + color: black; +} +.navbar-blue-blacktext .navbar-nav > .active > a, +.navbar-blue-blacktext .navbar-nav > .active > a:hover, +.navbar-blue-blacktext .navbar-nav > .active > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-blue-blacktext .navbar-nav > .open > a, +.navbar-blue-blacktext .navbar-nav > .open > a:hover, +.navbar-blue-blacktext .navbar-nav > .open > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-blue-blacktext .navbar-nav > .dropdown > a .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-blue-blacktext .navbar-nav > .dropdown > a:hover .caret, +.navbar-blue-blacktext .navbar-nav > .dropdown > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-blue-blacktext .navbar-nav > .open > a .caret, +.navbar-blue-blacktext .navbar-nav > .open > a:hover .caret, +.navbar-blue-blacktext .navbar-nav > .open > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-blue-blacktext .navbar-toggle { + border-color: rgba(0,0,0,.2); +} +.navbar-blue-blacktext .navbar-toggle:hover, +.navbar-blue-blacktext .navbar-toggle:focus { + background: rgba(0,0,0,.2); +} +.navbar-blue-blacktext .navbar-toggle .icon-bar { + background-color: black; +} +@media (max-width: 767px) { + .navbar-blue-blacktext .navbar-nav .open .dropdown-menu > li > a { + color: black; + } + .navbar-blue-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-blue-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { + color: black; + } +} + /* light-blue */ @@ -910,45 +980,45 @@ background-color: #4caf50; } .navbar-green .navbar-brand { - color: black; + color: white; } .navbar-green .navbar-brand:hover, .navbar-green .navbar-brand:focus { - color: black; + color: white; } .navbar-green .navbar-nav > li > a { - color: black; + color: white; } .navbar-green .navbar-nav > li > a:hover, .navbar-green .navbar-nav > li > a:focus { - color: black; + color: white; } .navbar-green .navbar-nav > .active > a, .navbar-green .navbar-nav > .active > a:hover, .navbar-green .navbar-nav > .active > a:focus { - color: black; + color: white; 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: white; background: rgba(0,0,0,.2); } .navbar-green .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; + border-top-color: white; + border-bottom-color: white; } .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: white; + border-bottom-color: white; } .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: white; + border-bottom-color: white; } .navbar-green .navbar-toggle { border-color: rgba(0,0,0,.2); @@ -958,14 +1028,81 @@ background: rgba(0,0,0,.2); } .navbar-green .navbar-toggle .icon-bar { - background-color: black; + background-color: white; } @media (max-width: 767px) { .navbar-green .navbar-nav .open .dropdown-menu > li > a { - color: black; + color: white; } .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus { + color: white; + } +} + + +/* green with black text */ + +.navbar-green-blacktext { + background-color: #4caf50; +} +.navbar-green-blacktext .navbar-brand { + color: black; +} +.navbar-green-blacktext .navbar-brand:hover, +.navbar-green-blacktext .navbar-brand:focus { + color: black; +} +.navbar-green-blacktext .navbar-nav > li > a { + color: black; +} +.navbar-green-blacktext .navbar-nav > li > a:hover, +.navbar-green-blacktext .navbar-nav > li > a:focus { + color: black; +} +.navbar-green-blacktext .navbar-nav > .active > a, +.navbar-green-blacktext .navbar-nav > .active > a:hover, +.navbar-green-blacktext .navbar-nav > .active > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-green-blacktext .navbar-nav > .open > a, +.navbar-green-blacktext .navbar-nav > .open > a:hover, +.navbar-green-blacktext .navbar-nav > .open > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-green-blacktext .navbar-nav > .dropdown > a .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-green-blacktext .navbar-nav > .dropdown > a:hover .caret, +.navbar-green-blacktext .navbar-nav > .dropdown > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-green-blacktext .navbar-nav > .open > a .caret, +.navbar-green-blacktext .navbar-nav > .open > a:hover .caret, +.navbar-green-blacktext .navbar-nav > .open > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-green-blacktext .navbar-toggle { + border-color: rgba(0,0,0,.2); +} +.navbar-green-blacktext .navbar-toggle:hover, +.navbar-green-blacktext .navbar-toggle:focus { + background: rgba(0,0,0,.2); +} +.navbar-green-blacktext .navbar-toggle .icon-bar { + background-color: black; +} +@media (max-width: 767px) { + .navbar-green-blacktext .navbar-nav .open .dropdown-menu > li > a { + color: black; + } + .navbar-green-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-green-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { color: black; } } @@ -1372,6 +1509,71 @@ } } +/* deep-orange with black text */ +.navbar-deep-orange-blacktext { + background-color: #ff5722; +} +.navbar-deep-orange-blacktext .navbar-brand { + color: black; +} +.navbar-deep-orange-blacktext .navbar-brand:hover, +.navbar-deep-orange-blacktext .navbar-brand:focus { + color: black; +} +.navbar-deep-orange-blacktext .navbar-nav > li > a { + color: black; +} +.navbar-deep-orange-blacktext .navbar-nav > li > a:hover, +.navbar-deep-orange-blacktext .navbar-nav > li > a:focus { + color: black; +} +.navbar-deep-orange-blacktext .navbar-nav > .active > a, +.navbar-deep-orange-blacktext .navbar-nav > .active > a:hover, +.navbar-deep-orange-blacktext .navbar-nav > .active > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-deep-orange-blacktext .navbar-nav > .open > a, +.navbar-deep-orange-blacktext .navbar-nav > .open > a:hover, +.navbar-deep-orange-blacktext .navbar-nav > .open > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-deep-orange-blacktext .navbar-nav > .dropdown > a .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-deep-orange-blacktext .navbar-nav > .dropdown > a:hover .caret, +.navbar-deep-orange-blacktext .navbar-nav > .dropdown > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-deep-orange-blacktext .navbar-nav > .open > a .caret, +.navbar-deep-orange-blacktext .navbar-nav > .open > a:hover .caret, +.navbar-deep-orange-blacktext .navbar-nav > .open > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-deep-orange-blacktext .navbar-toggle { + border-color: rgba(0,0,0,.2); +} +.navbar-deep-orange-blacktext .navbar-toggle:hover, +.navbar-deep-orange-blacktext .navbar-toggle:focus { + background: rgba(0,0,0,.2); +} +.navbar-deep-orange-blacktext .navbar-toggle .icon-bar { + background-color: black; +} +@media (max-width: 767px) { + .navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu > li > a { + color: black; + } + .navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { + color: black; + } +} + /* brown */ @@ -1446,45 +1648,45 @@ background-color: #9e9e9e; } .navbar-grey .navbar-brand { - color: black; + color: white; } .navbar-grey .navbar-brand:hover, .navbar-grey .navbar-brand:focus { - color: black; + color: white; } .navbar-grey .navbar-nav > li > a { - color: black; + color: white; } .navbar-grey .navbar-nav > li > a:hover, .navbar-grey .navbar-nav > li > a:focus { - color: black; + color: white; } .navbar-grey .navbar-nav > .active > a, .navbar-grey .navbar-nav > .active > a:hover, .navbar-grey .navbar-nav > .active > a:focus { - color: black; + color: white; 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: white; background: rgba(0,0,0,.2); } .navbar-grey .navbar-nav > .dropdown > a .caret { - border-top-color: black; - border-bottom-color: black; + border-top-color: white; + border-bottom-color: white; } .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: white; + border-bottom-color: white; } .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: white; + border-bottom-color: white; } .navbar-grey .navbar-toggle { border-color: rgba(0,0,0,.2); @@ -1494,14 +1696,81 @@ background: rgba(0,0,0,.2); } .navbar-grey .navbar-toggle .icon-bar { - background-color: black; + background-color: white; } @media (max-width: 767px) { .navbar-grey .navbar-nav .open .dropdown-menu > li > a { - color: black; + color: white; } .navbar-grey .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-grey .navbar-nav .open .dropdown-menu > li > a:focus { + color: white; + } +} + + +/* grey with black text */ + +.navbar-grey-blacktext { + background-color: #9e9e9e; +} +.navbar-grey-blacktext .navbar-brand { + color: black; +} +.navbar-grey-blacktext .navbar-brand:hover, +.navbar-grey-blacktext .navbar-brand:focus { + color: black; +} +.navbar-grey-blacktext .navbar-nav > li > a { + color: black; +} +.navbar-grey-blacktext .navbar-nav > li > a:hover, +.navbar-grey-blacktext .navbar-nav > li > a:focus { + color: black; +} +.navbar-grey-blacktext .navbar-nav > .active > a, +.navbar-grey-blacktext .navbar-nav > .active > a:hover, +.navbar-grey-blacktext .navbar-nav > .active > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-grey-blacktext .navbar-nav > .open > a, +.navbar-grey-blacktext .navbar-nav > .open > a:hover, +.navbar-grey-blacktext .navbar-nav > .open > a:focus { + color: black; + background: rgba(0,0,0,.2); +} +.navbar-grey-blacktext .navbar-nav > .dropdown > a .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-grey-blacktext .navbar-nav > .dropdown > a:hover .caret, +.navbar-grey-blacktext .navbar-nav > .dropdown > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-grey-blacktext .navbar-nav > .open > a .caret, +.navbar-grey-blacktext .navbar-nav > .open > a:hover .caret, +.navbar-grey-blacktext .navbar-nav > .open > a:focus .caret { + border-top-color: black; + border-bottom-color: black; +} +.navbar-grey-blacktext .navbar-toggle { + border-color: rgba(0,0,0,.2); +} +.navbar-grey-blacktext .navbar-toggle:hover, +.navbar-grey-blacktext .navbar-toggle:focus { + background: rgba(0,0,0,.2); +} +.navbar-grey-blacktext .navbar-toggle .icon-bar { + background-color: black; +} +@media (max-width: 767px) { + .navbar-grey-blacktext .navbar-nav .open .dropdown-menu > li > a { + color: black; + } + .navbar-grey-blacktext .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-grey-blacktext .navbar-nav .open .dropdown-menu > li > a:focus { color: black; } } @@ -1604,7 +1873,7 @@ .btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus { background-color: #2196f3; - color: white; + color: black; } .btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue:focus { @@ -1654,7 +1923,7 @@ .btn-deep-orange, .btn-deep-orange:hover, .btn-deep-orange:active, .btn-deep-orange:focus { background-color: #ff5722; - color: white; + color: black; } .btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown:focus { @@ -1783,7 +2052,7 @@ .label-blue { background-color: #2196f3; - color: white; + color: black; } .label-light-blue { @@ -1833,7 +2102,7 @@ .label-deep-orange { background-color: #ff5722; - color: white; + color: black; } .label-brown { @@ -1882,7 +2151,7 @@ .progress-bar-blue { background-color: #2196f3; - color: white; + color: black; } .progress-bar-light-blue { @@ -1932,7 +2201,7 @@ .progress-bar-deep-orange { background-color: #ff5722; - color: white; + color: black; } .progress-bar-brown { @@ -1948,4 +2217,4 @@ .progress-bar-blue-grey { background-color: #607d8b; color: white; -} \ No newline at end of file +} diff --git a/material-color.min.css b/material-color.min.css index f6d5ecd..c575c0a 100644 --- a/material-color.min.css +++ b/material-color.min.css @@ -1,2 +1,6 @@ -/* 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 +/* Material-Color.css + * Copyright (c) 2017 Netsyms Technologies + * MIT License + * https://source.netsyms.com/Netsyms/Material-Color + */ +.panel-red .panel-heading{background-color:#f44336;color:white}.panel-pink .panel-heading{background-color:#e91e63;color:white}.panel-purple .panel-heading{background-color:#9c27b0;color:white}.panel-deep-purple .panel-heading{background-color:#673ab7;color:white}.panel-indigo .panel-heading{background-color:#3f51b5;color:white}.panel-blue .panel-heading{background-color:#2196f3;color:black}.panel-light-blue .panel-heading{background-color:#03a9f4;color:black}.panel-cyan .panel-heading{background-color:#00bcd4;color:black}.panel-teal .panel-heading{background-color:#009688;color:white}.panel-green .panel-heading{background-color:#4caf50;color:black}.panel-light-green .panel-heading{background-color:#8bc34a;color:black}.panel-lime .panel-heading{background-color:#cddc39;color:black}.panel-yellow .panel-heading{background-color:#ffeb3b;color:black}.panel-amber .panel-heading{background-color:#ffc107;color:black}.panel-orange .panel-heading{background-color:#ff9800;color:black}.panel-deep-orange .panel-heading{background-color:#ff5722;color:black}.panel-brown .panel-heading{background-color:#795548;color:white}.panel-grey .panel-heading{background-color:#9e9e9e;color:black}.panel-blue-grey .panel-heading{background-color:#607d8b;color:white}.panel-red .panel-footer{background-color:#ef9a9a;color:black}.panel-pink .panel-footer{background-color:#f48fb1;color:black}.panel-purple .panel-footer{background-color:#ce93d8;color:black}.panel-deep-purple .panel-footer{background-color:#b39ddb;color:black}.panel-indigo .panel-footer{background-color:#9fa8da;color:black}.panel-blue .panel-footer{background-color:#90caf9;color:black}.panel-light-blue .panel-footer{background-color:#81d4fa;color:black}.panel-cyan .panel-footer{background-color:#80deea;color:black}.panel-teal .panel-footer{background-color:#80cbc4;color:black}.panel-green .panel-footer{background-color:#a5d6a7;color:black}.panel-light-green .panel-footer{background-color:#c5e1a5;color:black}.panel-lime .panel-footer{background-color:#e6ee9c;color:black}.panel-yellow .panel-footer{background-color:#fff59d;color:black}.panel-amber .panel-footer{background-color:#ffe082;color:black}.panel-orange .panel-footer{background-color:#ffcc80;color:black}.panel-deep-orange .panel-footer{background-color:#ffab91;color:black}.panel-brown .panel-footer{background-color:#bcaaa4;color:black}.panel-grey .panel-footer{background-color:#eee;color:black}.panel-blue-grey .panel-footer{background-color:#b0bec5;color:black}.alert-red{background-color:#f44336;color:white}.alert-pink{background-color:#e91e63;color:white}.alert-purple{background-color:#9c27b0;color:white}.alert-deep-purple{background-color:#673ab7;color:white}.alert-indigo{background-color:#3f51b5;color:white}.alert-blue{background-color:#2196f3;color:black}.alert-light-blue{background-color:#03a9f4;color:black}.alert-cyan{background-color:#00bcd4;color:black}.alert-teal{background-color:#009688;color:white}.alert-green{background-color:#4caf50;color:black}.alert-light-green{background-color:#8bc34a;color:black}.alert-lime{background-color:#cddc39;color:black}.alert-yellow{background-color:#ffeb3b;color:black}.alert-amber{background-color:#ffc107;color:black}.alert-orange{background-color:#ff9800;color:black}.alert-deep-orange{background-color:#ff5722;color:black}.alert-brown{background-color:#795548;color:white}.alert-grey{background-color:#9e9e9e;color:black}.alert-blue-grey{background-color:#607d8b;color:white}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:rgba(0,0,0,.3)}.navbar-red{background-color:#f44336}.navbar-red .navbar-brand{color:white}.navbar-red .navbar-brand:hover,.navbar-red .navbar-brand:focus{color:white}.navbar-red .navbar-nav>li>a{color:white}.navbar-red .navbar-nav>li>a:hover,.navbar-red .navbar-nav>li>a:focus{color:white}.navbar-red .navbar-nav>.active>a,.navbar-red .navbar-nav>.active>a:hover,.navbar-red .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-red .navbar-nav>.open>a,.navbar-red .navbar-nav>.open>a:hover,.navbar-red .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-red .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-red .navbar-nav>.dropdown>a:hover .caret,.navbar-red .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-red .navbar-nav>.open>a .caret,.navbar-red .navbar-nav>.open>a:hover .caret,.navbar-red .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-red .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-red .navbar-toggle:hover,.navbar-red .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-red .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-red .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-red .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-red .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-pink{background-color:#e91e63}.navbar-pink .navbar-brand{color:white}.navbar-pink .navbar-brand:hover,.navbar-pink .navbar-brand:focus{color:white}.navbar-pink .navbar-nav>li>a{color:white}.navbar-pink .navbar-nav>li>a:hover,.navbar-pink .navbar-nav>li>a:focus{color:white}.navbar-pink .navbar-nav>.active>a,.navbar-pink .navbar-nav>.active>a:hover,.navbar-pink .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-pink .navbar-nav>.open>a,.navbar-pink .navbar-nav>.open>a:hover,.navbar-pink .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-pink .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-pink .navbar-nav>.dropdown>a:hover .caret,.navbar-pink .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-pink .navbar-nav>.open>a .caret,.navbar-pink .navbar-nav>.open>a:hover .caret,.navbar-pink .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-pink .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-pink .navbar-toggle:hover,.navbar-pink .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-pink .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-pink .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-pink .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-pink .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-purple{background-color:#9c27b0}.navbar-purple .navbar-brand{color:white}.navbar-purple .navbar-brand:hover,.navbar-purple .navbar-brand:focus{color:white}.navbar-purple .navbar-nav>li>a{color:white}.navbar-purple .navbar-nav>li>a:hover,.navbar-purple .navbar-nav>li>a:focus{color:white}.navbar-purple .navbar-nav>.active>a,.navbar-purple .navbar-nav>.active>a:hover,.navbar-purple .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-purple .navbar-nav>.open>a,.navbar-purple .navbar-nav>.open>a:hover,.navbar-purple .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-purple .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-purple .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-purple .navbar-nav>.open>a .caret,.navbar-purple .navbar-nav>.open>a:hover .caret,.navbar-purple .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-purple .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-purple .navbar-toggle:hover,.navbar-purple .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-purple .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-purple .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-purple .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-deep-purple{background-color:#673ab7}.navbar-deep-purple .navbar-brand{color:white}.navbar-deep-purple .navbar-brand:hover,.navbar-deep-purple .navbar-brand:focus{color:white}.navbar-deep-purple .navbar-nav>li>a{color:white}.navbar-deep-purple .navbar-nav>li>a:hover,.navbar-deep-purple .navbar-nav>li>a:focus{color:white}.navbar-deep-purple .navbar-nav>.active>a,.navbar-deep-purple .navbar-nav>.active>a:hover,.navbar-deep-purple .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-nav>.open>a,.navbar-deep-purple .navbar-nav>.open>a:hover,.navbar-deep-purple .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-purple .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-purple .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-purple .navbar-nav>.open>a .caret,.navbar-deep-purple .navbar-nav>.open>a:hover .caret,.navbar-deep-purple .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-purple .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-toggle:hover,.navbar-deep-purple .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-deep-purple .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-purple .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-indigo{background-color:#3f51b5}.navbar-indigo .navbar-brand{color:white}.navbar-indigo .navbar-brand:hover,.navbar-indigo .navbar-brand:focus{color:white}.navbar-indigo .navbar-nav>li>a{color:white}.navbar-indigo .navbar-nav>li>a:hover,.navbar-indigo .navbar-nav>li>a:focus{color:white}.navbar-indigo .navbar-nav>.active>a,.navbar-indigo .navbar-nav>.active>a:hover,.navbar-indigo .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-indigo .navbar-nav>.open>a,.navbar-indigo .navbar-nav>.open>a:hover,.navbar-indigo .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-indigo .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-indigo .navbar-nav>.dropdown>a:hover .caret,.navbar-indigo .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-indigo .navbar-nav>.open>a .caret,.navbar-indigo .navbar-nav>.open>a:hover .caret,.navbar-indigo .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-indigo .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-indigo .navbar-toggle:hover,.navbar-indigo .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-indigo .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-indigo .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-indigo .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-blue{background-color:#2196f3}.navbar-blue .navbar-brand{color:white}.navbar-blue .navbar-brand:hover,.navbar-blue .navbar-brand:focus{color:white}.navbar-blue .navbar-nav>li>a{color:white}.navbar-blue .navbar-nav>li>a:hover,.navbar-blue .navbar-nav>li>a:focus{color:white}.navbar-blue .navbar-nav>.active>a,.navbar-blue .navbar-nav>.active>a:hover,.navbar-blue .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue .navbar-nav>.open>a,.navbar-blue .navbar-nav>.open>a:hover,.navbar-blue .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-blue .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue .navbar-nav>.open>a .caret,.navbar-blue .navbar-nav>.open>a:hover .caret,.navbar-blue .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-blue .navbar-toggle:hover,.navbar-blue .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-blue .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-blue .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-blue-blacktext{background-color:#2196f3}.navbar-blue-blacktext .navbar-brand{color:black}.navbar-blue-blacktext .navbar-brand:hover,.navbar-blue-blacktext .navbar-brand:focus{color:black}.navbar-blue-blacktext .navbar-nav>li>a{color:black}.navbar-blue-blacktext .navbar-nav>li>a:hover,.navbar-blue-blacktext .navbar-nav>li>a:focus{color:black}.navbar-blue-blacktext .navbar-nav>.active>a,.navbar-blue-blacktext .navbar-nav>.active>a:hover,.navbar-blue-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-nav>.open>a,.navbar-blue-blacktext .navbar-nav>.open>a:hover,.navbar-blue-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-blue-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-blue-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-blue-blacktext .navbar-nav>.open>a .caret,.navbar-blue-blacktext .navbar-nav>.open>a:hover .caret,.navbar-blue-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-blue-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-toggle:hover,.navbar-blue-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-blue-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-blue-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-blue-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-light-blue{background-color:#03a9f4}.navbar-light-blue .navbar-brand{color:black}.navbar-light-blue .navbar-brand:hover,.navbar-light-blue .navbar-brand:focus{color:black}.navbar-light-blue .navbar-nav>li>a{color:black}.navbar-light-blue .navbar-nav>li>a:hover,.navbar-light-blue .navbar-nav>li>a:focus{color:black}.navbar-light-blue .navbar-nav>.active>a,.navbar-light-blue .navbar-nav>.active>a:hover,.navbar-light-blue .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-nav>.open>a,.navbar-light-blue .navbar-nav>.open>a:hover,.navbar-light-blue .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-light-blue .navbar-nav>.dropdown>a:hover .caret,.navbar-light-blue .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-blue .navbar-nav>.open>a .caret,.navbar-light-blue .navbar-nav>.open>a:hover .caret,.navbar-light-blue .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-blue .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-light-blue .navbar-toggle:hover,.navbar-light-blue .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-light-blue .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-blue .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-cyan{background-color:#00bcd4}.navbar-cyan .navbar-brand{color:black}.navbar-cyan .navbar-brand:hover,.navbar-cyan .navbar-brand:focus{color:black}.navbar-cyan .navbar-nav>li>a{color:black}.navbar-cyan .navbar-nav>li>a:hover,.navbar-cyan .navbar-nav>li>a:focus{color:black}.navbar-cyan .navbar-nav>.active>a,.navbar-cyan .navbar-nav>.active>a:hover,.navbar-cyan .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-cyan .navbar-nav>.open>a,.navbar-cyan .navbar-nav>.open>a:hover,.navbar-cyan .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-cyan .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-cyan .navbar-nav>.dropdown>a:hover .caret,.navbar-cyan .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-cyan .navbar-nav>.open>a .caret,.navbar-cyan .navbar-nav>.open>a:hover .caret,.navbar-cyan .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-cyan .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-cyan .navbar-toggle:hover,.navbar-cyan .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-cyan .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-cyan .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-cyan .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-teal{background-color:#009688}.navbar-teal .navbar-brand{color:white}.navbar-teal .navbar-brand:hover,.navbar-teal .navbar-brand:focus{color:white}.navbar-teal .navbar-nav>li>a{color:white}.navbar-teal .navbar-nav>li>a:hover,.navbar-teal .navbar-nav>li>a:focus{color:white}.navbar-teal .navbar-nav>.active>a,.navbar-teal .navbar-nav>.active>a:hover,.navbar-teal .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-teal .navbar-nav>.open>a,.navbar-teal .navbar-nav>.open>a:hover,.navbar-teal .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-teal .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-teal .navbar-nav>.dropdown>a:hover .caret,.navbar-teal .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-teal .navbar-nav>.open>a .caret,.navbar-teal .navbar-nav>.open>a:hover .caret,.navbar-teal .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-teal .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-teal .navbar-toggle:hover,.navbar-teal .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-teal .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-teal .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-teal .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-teal .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-green{background-color:#4caf50}.navbar-green .navbar-brand{color:white}.navbar-green .navbar-brand:hover,.navbar-green .navbar-brand:focus{color:white}.navbar-green .navbar-nav>li>a{color:white}.navbar-green .navbar-nav>li>a:hover,.navbar-green .navbar-nav>li>a:focus{color:white}.navbar-green .navbar-nav>.active>a,.navbar-green .navbar-nav>.active>a:hover,.navbar-green .navbar-nav>.active>a:focus{color:white;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:white;background:rgba(0,0,0,.2)}.navbar-green .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-green .navbar-nav>.dropdown>a:hover .caret,.navbar-green .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.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:white;border-bottom-color:white}.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:white}@media(max-width:767px){.navbar-green .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-green .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-green-blacktext{background-color:#4caf50}.navbar-green-blacktext .navbar-brand{color:black}.navbar-green-blacktext .navbar-brand:hover,.navbar-green-blacktext .navbar-brand:focus{color:black}.navbar-green-blacktext .navbar-nav>li>a{color:black}.navbar-green-blacktext .navbar-nav>li>a:hover,.navbar-green-blacktext .navbar-nav>li>a:focus{color:black}.navbar-green-blacktext .navbar-nav>.active>a,.navbar-green-blacktext .navbar-nav>.active>a:hover,.navbar-green-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-nav>.open>a,.navbar-green-blacktext .navbar-nav>.open>a:hover,.navbar-green-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-green-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-green-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-green-blacktext .navbar-nav>.open>a .caret,.navbar-green-blacktext .navbar-nav>.open>a:hover .caret,.navbar-green-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-green-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-toggle:hover,.navbar-green-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-green-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-green-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-green-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-green-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-light-green{background-color:#8bc34a}.navbar-light-green .navbar-brand{color:black}.navbar-light-green .navbar-brand:hover,.navbar-light-green .navbar-brand:focus{color:black}.navbar-light-green .navbar-nav>li>a{color:black}.navbar-light-green .navbar-nav>li>a:hover,.navbar-light-green .navbar-nav>li>a:focus{color:black}.navbar-light-green .navbar-nav>.active>a,.navbar-light-green .navbar-nav>.active>a:hover,.navbar-light-green .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-green .navbar-nav>.open>a,.navbar-light-green .navbar-nav>.open>a:hover,.navbar-light-green .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-light-green .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-light-green .navbar-nav>.dropdown>a:hover .caret,.navbar-light-green .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-green .navbar-nav>.open>a .caret,.navbar-light-green .navbar-nav>.open>a:hover .caret,.navbar-light-green .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-light-green .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-light-green .navbar-toggle:hover,.navbar-light-green .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-light-green .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-light-green .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-light-green .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-lime{background-color:#cddc39}.navbar-lime .navbar-brand{color:black}.navbar-lime .navbar-brand:hover,.navbar-lime .navbar-brand:focus{color:black}.navbar-lime .navbar-nav>li>a{color:black}.navbar-lime .navbar-nav>li>a:hover,.navbar-lime .navbar-nav>li>a:focus{color:black}.navbar-lime .navbar-nav>.active>a,.navbar-lime .navbar-nav>.active>a:hover,.navbar-lime .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-lime .navbar-nav>.open>a,.navbar-lime .navbar-nav>.open>a:hover,.navbar-lime .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-lime .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-lime .navbar-nav>.dropdown>a:hover .caret,.navbar-lime .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-lime .navbar-nav>.open>a .caret,.navbar-lime .navbar-nav>.open>a:hover .caret,.navbar-lime .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-lime .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-lime .navbar-toggle:hover,.navbar-lime .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-lime .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-lime .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-lime .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-lime .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-yellow{background-color:#ffeb3b}.navbar-yellow .navbar-brand{color:black}.navbar-yellow .navbar-brand:hover,.navbar-yellow .navbar-brand:focus{color:black}.navbar-yellow .navbar-nav>li>a{color:black}.navbar-yellow .navbar-nav>li>a:hover,.navbar-yellow .navbar-nav>li>a:focus{color:black}.navbar-yellow .navbar-nav>.active>a,.navbar-yellow .navbar-nav>.active>a:hover,.navbar-yellow .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-yellow .navbar-nav>.open>a,.navbar-yellow .navbar-nav>.open>a:hover,.navbar-yellow .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-yellow .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-yellow .navbar-nav>.dropdown>a:hover .caret,.navbar-yellow .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-yellow .navbar-nav>.open>a .caret,.navbar-yellow .navbar-nav>.open>a:hover .caret,.navbar-yellow .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-yellow .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-yellow .navbar-toggle:hover,.navbar-yellow .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-yellow .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-yellow .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-yellow .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-amber{background-color:#ffc107}.navbar-amber .navbar-brand{color:black}.navbar-amber .navbar-brand:hover,.navbar-amber .navbar-brand:focus{color:black}.navbar-amber .navbar-nav>li>a{color:black}.navbar-amber .navbar-nav>li>a:hover,.navbar-amber .navbar-nav>li>a:focus{color:black}.navbar-amber .navbar-nav>.active>a,.navbar-amber .navbar-nav>.active>a:hover,.navbar-amber .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-amber .navbar-nav>.open>a,.navbar-amber .navbar-nav>.open>a:hover,.navbar-amber .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-amber .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-amber .navbar-nav>.dropdown>a:hover .caret,.navbar-amber .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-amber .navbar-nav>.open>a .caret,.navbar-amber .navbar-nav>.open>a:hover .caret,.navbar-amber .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-amber .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-amber .navbar-toggle:hover,.navbar-amber .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-amber .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-amber .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-amber .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-amber .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-orange{background-color:#ff9800}.navbar-orange .navbar-brand{color:black}.navbar-orange .navbar-brand:hover,.navbar-orange .navbar-brand:focus{color:black}.navbar-orange .navbar-nav>li>a{color:black}.navbar-orange .navbar-nav>li>a:hover,.navbar-orange .navbar-nav>li>a:focus{color:black}.navbar-orange .navbar-nav>.active>a,.navbar-orange .navbar-nav>.active>a:hover,.navbar-orange .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-orange .navbar-nav>.open>a,.navbar-orange .navbar-nav>.open>a:hover,.navbar-orange .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-orange .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-orange .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-orange .navbar-nav>.open>a .caret,.navbar-orange .navbar-nav>.open>a:hover .caret,.navbar-orange .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-orange .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-orange .navbar-toggle:hover,.navbar-orange .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-orange .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-orange .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-orange .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-deep-orange{background-color:#ff5722}.navbar-deep-orange .navbar-brand{color:white}.navbar-deep-orange .navbar-brand:hover,.navbar-deep-orange .navbar-brand:focus{color:white}.navbar-deep-orange .navbar-nav>li>a{color:white}.navbar-deep-orange .navbar-nav>li>a:hover,.navbar-deep-orange .navbar-nav>li>a:focus{color:white}.navbar-deep-orange .navbar-nav>.active>a,.navbar-deep-orange .navbar-nav>.active>a:hover,.navbar-deep-orange .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-nav>.open>a,.navbar-deep-orange .navbar-nav>.open>a:hover,.navbar-deep-orange .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-orange .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-orange .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-orange .navbar-nav>.open>a .caret,.navbar-deep-orange .navbar-nav>.open>a:hover .caret,.navbar-deep-orange .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-deep-orange .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-toggle:hover,.navbar-deep-orange .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-deep-orange .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-orange .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-deep-orange-blacktext{background-color:#ff5722}.navbar-deep-orange-blacktext .navbar-brand{color:black}.navbar-deep-orange-blacktext .navbar-brand:hover,.navbar-deep-orange-blacktext .navbar-brand:focus{color:black}.navbar-deep-orange-blacktext .navbar-nav>li>a{color:black}.navbar-deep-orange-blacktext .navbar-nav>li>a:hover,.navbar-deep-orange-blacktext .navbar-nav>li>a:focus{color:black}.navbar-deep-orange-blacktext .navbar-nav>.active>a,.navbar-deep-orange-blacktext .navbar-nav>.active>a:hover,.navbar-deep-orange-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-nav>.open>a,.navbar-deep-orange-blacktext .navbar-nav>.open>a:hover,.navbar-deep-orange-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-deep-orange-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-deep-orange-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-deep-orange-blacktext .navbar-nav>.open>a .caret,.navbar-deep-orange-blacktext .navbar-nav>.open>a:hover .caret,.navbar-deep-orange-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-deep-orange-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-toggle:hover,.navbar-deep-orange-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-deep-orange-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-deep-orange-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-brown{background-color:#795548}.navbar-brown .navbar-brand{color:white}.navbar-brown .navbar-brand:hover,.navbar-brown .navbar-brand:focus{color:white}.navbar-brown .navbar-nav>li>a{color:white}.navbar-brown .navbar-nav>li>a:hover,.navbar-brown .navbar-nav>li>a:focus{color:white}.navbar-brown .navbar-nav>.active>a,.navbar-brown .navbar-nav>.active>a:hover,.navbar-brown .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-brown .navbar-nav>.open>a,.navbar-brown .navbar-nav>.open>a:hover,.navbar-brown .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-brown .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-brown .navbar-nav>.dropdown>a:hover .caret,.navbar-brown .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-brown .navbar-nav>.open>a .caret,.navbar-brown .navbar-nav>.open>a:hover .caret,.navbar-brown .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-brown .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-brown .navbar-toggle:hover,.navbar-brown .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-brown .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-brown .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-brown .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-brown .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-grey{background-color:#9e9e9e}.navbar-grey .navbar-brand{color:white}.navbar-grey .navbar-brand:hover,.navbar-grey .navbar-brand:focus{color:white}.navbar-grey .navbar-nav>li>a{color:white}.navbar-grey .navbar-nav>li>a:hover,.navbar-grey .navbar-nav>li>a:focus{color:white}.navbar-grey .navbar-nav>.active>a,.navbar-grey .navbar-nav>.active>a:hover,.navbar-grey .navbar-nav>.active>a:focus{color:white;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:white;background:rgba(0,0,0,.2)}.navbar-grey .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-grey .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.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:white;border-bottom-color:white}.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:white}@media(max-width:767px){.navbar-grey .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-grey .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-grey .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.navbar-grey-blacktext{background-color:#9e9e9e}.navbar-grey-blacktext .navbar-brand{color:black}.navbar-grey-blacktext .navbar-brand:hover,.navbar-grey-blacktext .navbar-brand:focus{color:black}.navbar-grey-blacktext .navbar-nav>li>a{color:black}.navbar-grey-blacktext .navbar-nav>li>a:hover,.navbar-grey-blacktext .navbar-nav>li>a:focus{color:black}.navbar-grey-blacktext .navbar-nav>.active>a,.navbar-grey-blacktext .navbar-nav>.active>a:hover,.navbar-grey-blacktext .navbar-nav>.active>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-nav>.open>a,.navbar-grey-blacktext .navbar-nav>.open>a:hover,.navbar-grey-blacktext .navbar-nav>.open>a:focus{color:black;background:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-nav>.dropdown>a .caret{border-top-color:black;border-bottom-color:black}.navbar-grey-blacktext .navbar-nav>.dropdown>a:hover .caret,.navbar-grey-blacktext .navbar-nav>.dropdown>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-grey-blacktext .navbar-nav>.open>a .caret,.navbar-grey-blacktext .navbar-nav>.open>a:hover .caret,.navbar-grey-blacktext .navbar-nav>.open>a:focus .caret{border-top-color:black;border-bottom-color:black}.navbar-grey-blacktext .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-toggle:hover,.navbar-grey-blacktext .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-grey-blacktext .navbar-toggle .icon-bar{background-color:black}@media(max-width:767px){.navbar-grey-blacktext .navbar-nav .open .dropdown-menu>li>a{color:black}.navbar-grey-blacktext .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-grey-blacktext .navbar-nav .open .dropdown-menu>li>a:focus{color:black}}.navbar-blue-grey{background-color:#607d8b}.navbar-blue-grey .navbar-brand{color:white}.navbar-blue-grey .navbar-brand:hover,.navbar-blue-grey .navbar-brand:focus{color:white}.navbar-blue-grey .navbar-nav>li>a{color:white}.navbar-blue-grey .navbar-nav>li>a:hover,.navbar-blue-grey .navbar-nav>li>a:focus{color:white}.navbar-blue-grey .navbar-nav>.active>a,.navbar-blue-grey .navbar-nav>.active>a:hover,.navbar-blue-grey .navbar-nav>.active>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-nav>.open>a,.navbar-blue-grey .navbar-nav>.open>a:hover,.navbar-blue-grey .navbar-nav>.open>a:focus{color:white;background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-nav>.dropdown>a .caret{border-top-color:white;border-bottom-color:white}.navbar-blue-grey .navbar-nav>.dropdown>a:hover .caret,.navbar-blue-grey .navbar-nav>.dropdown>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue-grey .navbar-nav>.open>a .caret,.navbar-blue-grey .navbar-nav>.open>a:hover .caret,.navbar-blue-grey .navbar-nav>.open>a:focus .caret{border-top-color:white;border-bottom-color:white}.navbar-blue-grey .navbar-toggle{border-color:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-toggle:hover,.navbar-blue-grey .navbar-toggle:focus{background:rgba(0,0,0,.2)}.navbar-blue-grey .navbar-toggle .icon-bar{background-color:white}@media(max-width:767px){.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a{color:white}.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-blue-grey .navbar-nav .open .dropdown-menu>li>a:focus{color:white}}.btn-red,.btn-red:hover,.btn-red:active,.btn-red:focus{background-color:#f44336;color:white}.btn-pink,.btn-pink:hover,.btn-pink:active,.btn-pink:focus{background-color:#e91e63;color:white}.btn-purple,.btn-purple:hover,.btn-purple:active,.btn-purple:focus{background-color:#9c27b0;color:white}.btn-deep-purple,.btn-deep-purple:hover,.btn-deep-purple:active,.btn-deep-purple:focus{background-color:#673ab7;color:white}.btn-indigo,.btn-indigo:hover,.btn-indigo:active,.btn-indigo:focus{background-color:#3f51b5;color:white}.btn-blue,.btn-blue:hover,.btn-blue:active,.btn-blue:focus{background-color:#2196f3;color:black}.btn-light-blue,.btn-light-blue:hover,.btn-light-blue:active,.btn-light-blue:focus{background-color:#03a9f4;color:black}.btn-cyan,.btn-cyan:hover,.btn-cyan:active,.btn-cyan:focus{background-color:#00bcd4;color:black}.btn-teal,.btn-teal:hover,.btn-teal:active,.btn-teal:focus{background-color:#009688;color:white}.btn-green,.btn-green:hover,.btn-green:active,.btn-green:focus{background-color:#4caf50;color:black}.btn-light-green,.btn-light-green:hover,.btn-light-green:active,.btn-light-green:focus{background-color:#8bc34a;color:black}.btn-lime,.btn-lime:hover,.btn-lime:active,.btn-lime:focus{background-color:#cddc39;color:black}.btn-yellow,.btn-yellow:hover,.btn-yellow:active,.btn-yellow:focus{background-color:#ffeb3b;color:black}.btn-amber,.btn-amber:hover,.btn-amber:active,.btn-amber:focus{background-color:#ffc107;color:black}.btn-orange,.btn-orange:hover,.btn-orange:active,.btn-orange:focus{background-color:#ff9800;color:black}.btn-deep-orange,.btn-deep-orange:hover,.btn-deep-orange:active,.btn-deep-orange:focus{background-color:#ff5722;color:black}.btn-brown,.btn-brown:hover,.btn-brown:active,.btn-brown:focus{background-color:#795548;color:white}.btn-grey,.btn-grey:hover,.btn-grey:active,.btn-grey:focus{background-color:#9e9e9e;color:black}.btn-blue-grey,.btn-blue-grey:hover,.btn-blue-grey:active,.btn-blue-grey:focus{background-color:#607d8b;color:white}.text-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:white}.label-pink{background-color:#e91e63;color:white}.label-purple{background-color:#9c27b0;color:white}.label-deep-purple{background-color:#673ab7;color:white}.label-indigo{background-color:#3f51b5;color:white}.label-blue{background-color:#2196f3;color:black}.label-light-blue{background-color:#03a9f4;color:black}.label-cyan{background-color:#00bcd4;color:black}.label-teal{background-color:#009688;color:white}.label-green{background-color:#4caf50;color:black}.label-light-green{background-color:#8bc34a;color:black}.label-lime{background-color:#cddc39;color:black}.label-yellow{background-color:#ffeb3b;color:black}.label-amber{background-color:#ffc107;color:black}.label-orange{background-color:#ff9800;color:black}.label-deep-orange{background-color:#ff5722;color:black}.label-brown{background-color:#795548;color:white}.label-grey{background-color:#9e9e9e;color:black}.label-blue-grey{background-color:#607d8b;color:white}.progress-bar-red{background-color:#f44336;color:white}.progress-bar-pink{background-color:#e91e63;color:white}.progress-bar-purple{background-color:#9c27b0;color:white}.progress-bar-deep-purple{background-color:#673ab7;color:white}.progress-bar-indigo{background-color:#3f51b5;color:white}.progress-bar-blue{background-color:#2196f3;color:black}.progress-bar-light-blue{background-color:#03a9f4;color:black}.progress-bar-cyan{background-color:#00bcd4;color:black}.progress-bar-teal{background-color:#009688;color:white}.progress-bar-green{background-color:#4caf50;color:black}.progress-bar-light-green{background-color:#8bc34a;color:black}.progress-bar-lime{background-color:#cddc39;color:black}.progress-bar-yellow{background-color:#ffeb3b;color:black}.progress-bar-amber{background-color:#ffc107;color:black}.progress-bar-orange{background-color:#ff9800;color:black}.progress-bar-deep-orange{background-color:#ff5722;color:black}.progress-bar-brown{background-color:#795548;color:white}.progress-bar-grey{background-color:#9e9e9e;color:black}.progress-bar-blue-grey{background-color:#607d8b;color:white}